本公开提供了一种元素绘制方法、装置、设备及存储介质,所述方法包括:首先获取第一容器对应的元素配置文件,第一容器用于承载其对应的页面上的元素,该元素配置文件中存储有第一容器中的元素的层级信息和层内顺序信息。基于元素配置文件中存储的元素的层级信息和层内顺序信息,确定第一容器对应的元素绘制顺序,基于该元素绘制顺序对第一容器对应的页面上的元素进行绘制。可见,本公开通过在元素配置文件中为同一容器中的元素设置层级信息和层内顺序信息的方式,实现元素的层级布局,由于不同层级的元素属于同一容器,因此在页面上处于不同层级的元素之间需要实现依赖关系时,本公开实施例的实现难度低,且后续便于维护。
【技术实现步骤摘要】
本公开涉及数据处理领域,尤其涉及一种元素绘制方法、装置、设备及存储介质。
技术介绍
1、网页上的元素可以按照层级顺序分别布局在不同层级上,例如,元素a和b分别属于不同层级,假设元素a属于层级1,元素b属于层级2。
2、目前,通过一个容器将元素包裹起来的方式创建一个层级,并利用布局文件定义元素在该层级内的绘制顺序。也就是说,一个容器用于实现一个层级,不同层级的元素存在于不同的容器中。
3、由于不同层级的元素存在于不同的容器中,如果不同层级的元素之间需要存在依赖关系,则实现难度较大且后期维护较难。
技术实现思路
1、为了解决上述技术问题,本公开实施例提供了一种元素绘制方法。
2、第一方面,本公开提供了一种元素绘制方法,所述方法包括:
3、获取第一容器对应的元素配置文件;其中,所述第一容器用于承载所述第一容器对应的页面上的元素,所述元素配置文件用于存储所述第一容器中的元素的层级信息和层内顺序信息,所述层级信息用于表征所述元素在所述第一容器中所处的绘制层级,所述层内顺序信息用于表征所述元素在所述绘制层级内的绘制顺序信息;
4、基于所述元素配置文件中存储的元素的层级信息和层内顺序信息,确定所述第一容器对应的元素绘制排序;
5、基于所述第一容器对应的元素绘制顺序,对所述第一容器对应的页面上的元素进行绘制。
6、一种可选的实施方式中,所述
7、所述获取第一容器对应的元素配置文件之前,还包括:
<
p>8、当检测到所述第一容器对应的元素配置文件中的目标元素的层级信息和/或层内顺序信息存在更新时,确定所述目标元素对应的更新后层级信息和/或更新后层内顺序信息;9、基于所述目标元素对应的更新后层级信息和/或更新后层内顺序信息,更新所述目标元素在所述第一容器对应的元素绘制排序中的绘制顺序。
10、一种可选的实施方式中,所述获取第一容器对应的元素配置文件之前,还包括:
11、响应于在所述第一容器中针对第一元素的添加操作,从所述第一容器对应的元素配置文件中获取所述第一元素的层级信息和层内顺序信息;
12、基于所述第一元素的层级信息和层内顺序信息,确定所述第一元素在所述第一容器对应的元素绘制排序中的绘制顺序。
13、一种可选的实施方式中,所述
14、获取第一容器对应的元素配置文件之前,还包括:
15、响应于针对所述第一容器中的第二元素的删除操作,基于所述第二元素的层级信息和层内顺序信息,确定所述第二元素在所述第一容器对应的元素绘制排序中的位置;
16、删除所述第一容器对应的元素绘制排序中处于所述位置的所述第二元素。
17、一种可选的实施方式中,所述基于所述第一容器中的元素的层级信息和层内顺序信息,确定所述第一容器对应的元素绘制排序,包括:
18、基于所述第一容器中的元素的层级信息,将所述第一容器中的元素划分到不同层级对应的元素集合中;
19、在同一元素集合中,基于所述元素集合中的元素的层内顺序信息,确定各元素集合分别对应的元素绘制排序;
20、根据各元素集合分别对应的层级信息以及各元素集合分别对应的元素绘制排序,确定所述第一容器对应的元素绘制排序。
21、第二方面,本公开提供了一种元素绘制装置,所述装置包括:
22、第一获取模块,用于获取第一容器对应的元素配置文件;其中,所述第一容器用于承载所述第一容器对应的页面上的元素,所述元素配置文件用于存储所述第一容器中的元素的层级信息和层内顺序信息,所述层级信息用于表征所述元素在所述第一容器中所处的绘制层级,所述层内顺序信息用于表征所述元素在所述绘制层级内的绘制顺序信息;
23、第一确定模块,用于基于所述元素配置文件中存储的元素的层级信息和层内顺序信息,确定所述第一容器对应的元素绘制排序;
24、绘制模块,用于基于所述第一容器对应的元素绘制顺序,对所述第一容器对应的页面上的元素进行绘制。
25、一种可选的实施方式中,所述装置还包括:
26、第二确定模块,用于当检测到所述第一容器对应的元素配置文件中的目标元素的层级信息和/或层内顺序信息存在更新时,确定所述目标元素对应的更新后层级信息和/或更新后层内顺序信息;
27、更新模块,用于基于所述目标元素对应的更新后层级信息和/或更新后层内顺序信息,更新所述目标元素在所述第一容器对应的元素绘制排序中的绘制顺序。
28、第三方面,本公开提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当所述指令在终端设备上运行时,使得所述终端设备实现上述的方法。
29、第四方面,本公开提供了一种元素绘制设备,包括:存储器,处理器,及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时,实现上述的方法。
30、第五方面,本公开提供了一种计算机程序产品,所述计算机程序产品包括计算机程序/指令,所述计算机程序/指令被处理器执行时实现上述的方法。
31、本公开实施例提供的技术方案与现有技术相比至少具有如下优点:
32、本公开实施例提供了一种元素绘制方法,首先获取第一容器对应的元素配置文件,其中,第一容器用于承载其对应的页面上的元素,该元素配置文件中存储有第一容器中的元素的层级信息和层内顺序信息,层级信息用于表征所述元素在所述第一容器中所处的绘制层级,所述层内顺序信息用于表征所述元素在所述绘制层级内的绘制顺序信息。然后,基于元素配置文件中存储的元素的层级信息和层内顺序信息,确定第一容器对应的元素绘制顺序,进而基于该元素绘制顺序对第一容器对应的页面上的元素进行绘制。可见,本公开实施例通过在元素配置文件中为同一容器中的元素设置层级信息和层内顺序信息的方式,实现元素的层级布局,由于不同层级的元素属于同一容器,因此在页面上处于不同层级的元素之间需要实现依赖关系时,相比现有技术,本公开实施例的实现难度低,且后续便于维护。
本文档来自技高网...
【技术保护点】
1.一种元素绘制方法,其特征在于,所述方法包括:
2.根据权利要求1所述的方法,其特征在于,所述获取第一容器对应的元素配置文件之前,还包括:
3.根据权利要求1所述的方法,其特征在于,所述获取第一容器对应的元素配置文件之前,还包括:
4.根据权利要求1所述的方法,其特征在于,所述获取第一容器对应的元素配置文件之前,还包括:
5.根据权利要求1所述的方法,其特征在于,所述基于所述第一容器中的元素的层级信息和层内顺序信息,确定所述第一容器对应的元素绘制排序,包括:
6.一种元素绘制装置,其特征在于,所述装置包括:
7.根据权利要求6所述的装置,其特征在于,所述装置还包括:
8.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有指令,当所述指令在终端设备上运行时,使得所述终端设备实现如权利要求1-5任一项所述的方法。
9.一种元素绘制设备,其特征在于,包括:存储器,处理器,及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时,实现如权利要求1-5任一项所述的方法。
10.一种计算机程序产品,其特征在于,所述计算机程序产品包括计算机程序/指令,所述计算机程序/指令被处理器执行时实现如权利要求1-5任一项所述的方法。
...
【技术特征摘要】
1.一种元素绘制方法,其特征在于,所述方法包括:
2.根据权利要求1所述的方法,其特征在于,所述获取第一容器对应的元素配置文件之前,还包括:
3.根据权利要求1所述的方法,其特征在于,所述获取第一容器对应的元素配置文件之前,还包括:
4.根据权利要求1所述的方法,其特征在于,所述获取第一容器对应的元素配置文件之前,还包括:
5.根据权利要求1所述的方法,其特征在于,所述基于所述第一容器中的元素的层级信息和层内顺序信息,确定所述第一容器对应的元素绘制排序,包括:
6.一种元素绘制装置,其特征在于,所述装置包括:
7...
【专利技术属性】
技术研发人员:刘向东,
申请(专利权)人:抖音视界有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。