[发明专利]一种生成页面骨架屏的方法和装置

说明书

本发明公开了一种生成页面骨架屏的方法和装置，涉及应用开发技术领域。该方法的一具体实施方式包括：自动获取为页面骨架屏所配置的各个骨架屏元素，并获取骨架屏元素对应的骨架屏组件，通过骨架屏元素包含的属性信息渲染骨架屏组件，生成页面骨架屏；提高了生成页面骨架屏的灵活性，较大程度地降低了开发人员人力成本和时间成本的消耗，提高了生成页面骨架屏的效率。

技术领域

本发明涉及应用开发技术领域，尤其涉及一种生成页面骨架屏的方法和装置。

背景技术

随着互联网应用的飞速发展和普及，互联网应用的功能越来越复杂，在应用复杂性增加的同时保持应用的良好用户体验越来越重要，例如为了提高在页面加载过程中的用户体验，可以在页面加载和页面显示之前生成页面的骨架屏。

目前生成页面骨架屏的方法主要是开发人员根据用户界面的设计，得到待处理的页面的各个布局元素，基于布局元素的属性信息编写代码实现骨架屏；或者，开发人员根据已经存在的布局代码框架进行骨架屏的代码适配；由此可见，现有方法存在实现骨架屏的灵活性较差、消耗大量人力成本和时间成本的问题。

发明内容

有鉴于此，本发明实施例提供一种生成页面骨架屏的方法和装置，能够自动获取为页面骨架屏所配置的各个骨架屏元素，并获取骨架屏元素对应的骨架屏组件，通过骨架屏元素包含的属性信息渲染骨架屏组件，生成页面骨架屏；提高了生成页面骨架屏的灵活性，较大程度地降低了开发人员人力成本和时间成本的消耗，提高了生成页面骨架屏的效率。

为实现上述目的，根据本发明实施例的一个方面，提供了一种生成页面骨架屏的方法，其特征在于，包括：响应于显示页面的骨架屏的请求，从所述页面的页面信息中获取预设的多个骨架屏元素；其中，所述多个骨架屏元素为基于所述页面的布局元素所配置；获取每一个骨架屏元素的属性信息、基于所述骨架屏元素所构建的骨架屏组件；基于所述骨架屏元素的属性信息渲染所述骨架屏组件；基于各个渲染的骨架屏组件，生成所述页面的骨架屏。

可选地，所述从所述页面的页面信息中获取预设的多个骨架屏元素，包括：从所述页面信息中获取所述页面对应的骨架屏根元素，并获取与所述骨架屏根元素具有映射关系的多个骨架屏元素。

可选地，所述在从所述页面的页面信息中获取预设的多个骨架屏元素之前，所述方法还包括：为所述页面的页面根组件配置有对应的骨架屏根元素；遍历所述页面的布局元素，为每一个所述布局元素构建对应的骨架屏元素；其中，所述骨架屏元素包括所述布局元素的属性信息；为所述页面存储所述骨架屏根元素与所述页面的各个所述布局元素对应的所述骨架屏元素的映射关系。

可选地，所述骨架屏元素的属性信息中包含渲染开关；基于所述骨架屏元素的属性信息渲染所述骨架屏组件，包括：获取所述骨架屏元素的渲染开关的开关值，在判断所述骨架屏组件对应的骨架屏元素的渲染开关的开关值为开的情况下，渲染所述骨架屏组件。

可选地，所述获取所述骨架屏元素的渲染开关的开关值，还包括：利用所述骨架屏组件自定义的生命周期方法，获取所述骨架屏元素的渲染开关的开关值。

可选地，所述为所述页面存储所述骨架屏根元素与所述页面的各个所述布局元素对应的所述骨架屏元素的映射关系，包括：针对存储的各个所述映射关系中的每一个所述骨架屏元素，执行：为所述骨架屏元素构建对应的骨架屏组件；在所述骨架屏组件的预设方法中初始化所述骨架屏元素的属性信息；建立所述骨架屏元素的属性信息与所述骨架屏组件的对应关系。

可选地，所述建立所述骨架屏元素的属性信息与所述骨架屏组件的对应关系，包括：在所述骨架屏归属的页面运行于多个应用环境的情况下，针对每一个所述应用环境，分别执行建立所述应用环境对应的所述骨架屏元素的属性信息与所述骨架屏组件的对应关系的步骤。

为实现上述目的，根据本发明实施例的第二方面，提供了一种生成页面骨架屏的装置，其特征在于，包括：获取元素模块、渲染组件模块和生成页面模块；其中，