一种骨架屏生成方法及装置制造方法及图纸

本发明专利技术公开了一种骨架屏生成方法及装置，主要目的在于降低骨架屏的制作难度，从而提升骨架屏的生成效率。本发明专利技术主要的技术方案为：在所述骨架屏配置平台中的图片配置区域内显示接收到的目标页面，所述目标页面中包括多个目标区块以及每个所述目标区块对应的属性信息；根据每个所述目标区块对应的属性信息在所述目标页面中对每个所述目标区块进行配置操作，以获得与每个所述目标区块对应的占位区块；基于多个所述占位区块在所述目标页面中的结构信息将多个所述占位区块转换为多个块状元素；将多个所述块状元素发送至服务器中，以便所述服务器在接收多个所述块状元素在生成对应的骨架屏图片，并存储所述骨架屏图片。本发明专利技术用于骨架屏的生成。发明专利技术用于骨架屏的生成。发明专利技术用于骨架屏的生成。

【技术实现步骤摘要】
一种骨架屏生成方法及装置


[0001]本专利技术涉及计算机
，尤其涉及一种骨架屏生成方法及装置。

技术介绍

[0002]随着网页(Web)页面开发不断深入，对于骨架屏的应用也越来越广泛。骨架屏也被称为加载占位图，它是在页面没有完全将数据加载完成之前，由一个各种代表页面结构的占位符组成的简单页面。从而避免出现不友好的白屏，又能在等待的过程中预先将页面结构展示给用户，很好地起到了一个预告和过渡的作用，从而增强用户体验。
[0003]然而，现有的骨架屏通常是通过开发人员人工手写代码生成，对于非开发人员并不友好，并且人工输入代码容易增大骨架屏的制作难度，进而导致骨架屏的生成效率低下。

技术实现思路

[0004]鉴于上述问题，本专利技术提供一种骨架屏生成方法及装置，主要目的是为了降低骨架屏的制作难度，从而提升骨架屏的生成效率。
[0005]为解决上述技术问题，本专利技术提出以下方案：
[0006]第一方面，本专利技术提供了一种骨架屏生成方法，所述方法包括：
[0007]在骨架屏配置平台的图片配置区域内本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种骨架屏生成方法，其特征在于，包括：在骨架屏配置平台的图片配置区域内显示接收到的目标页面，所述目标页面中包括多个目标区块以及每个所述目标区块对应的属性信息；根据每个所述目标区块对应的属性信息在所述目标页面中对每个所述目标区块进行配置操作，以获得与每个所述目标区块对应的占位区块，其中，所述占位区块用于表征与所述目标区块样式一致的重叠区块；基于多个所述占位区块在所述目标页面中的结构信息将多个所述占位区块转换为多个块状元素；将多个所述块状元素发送至服务器中，以便所述服务器基于接收到的多个所述块状元素生成对应的骨架屏图片，并存储所述骨架屏图片。2.根据权利要求1所述的方法，其特征在于，所述骨架屏配置平台还包括物料区域和属性配置区域；根据每个所述目标区块对应的属性信息在所述目标页面中对每个所述目标区块进行配置操作，以获得与每个所述目标区块对应的占位区块，包括：根据每个所述目标区块对应的属性信息将每个所述目标区块与所述物料区域内的预置规则区块进行匹配；若匹配成功，则将所述物料区域内与所述目标区块匹配成功的预置规则区块作为第一待选占位区块；将所述第一待选占位区块拖拽并覆盖在所述目标区块上，并按照所述目标区块对应的属性信息在所述属性配置区域内对所述第一待选占位区块进行属性参数配置，以获得所述目标区块的对应的所述占位区块。3.根据权利要求2所述的方法，其特征在于，若匹配不成功，所述方法还包括：将所述物料区域内指定预置规则区块作为第二待选占位区块；将所述第二待选占位区块拖拽并覆盖在所述目标区块上，并按照所述目标区块对应的属性信息在所述图片配置区域内对所述第二待选占位区块进行关键点绘制以及在所述属性配置区域内对所述第二待选占位区块进行属性参数配置，以获得所述目标区块的对应的所述占位区块。4.根据权利要求1所述的方法，其特征在于，在将多个所述块状元素发送至服务器中之前，所述方法还包括：读取多个所述块状元素，并转换为多个所述块状元素构成的骨架屏预览图片，以便用户对骨架屏预览图片进行查看。5.根据权利要求1所述的方法，其特征在于，在基于多个所述占位区块在所述目标页面中的结构信息将多个所述占位区块转换为多个块状元素之前，所述方法还包括：依次检测每个所述占位区块对应的配置信息与对应的所述目标区块的属性信息是否一致；若否，则生成提示指令，...

【专利技术属性】
技术研发人员：姚帅兵，高粱，杜旭东，
申请(专利权)人：百融至信北京科技有限公司，
类型：发明
国别省市：