页面布局方法、装置、电子设备、存储介质及程序产品制造方法及图纸

技术编号:40419620 阅读:18 留言:0更新日期:2024-02-20 22:38
本申请提供了一种页面布局方法、装置、电子设备、存储介质及程序产品,方法包括:获取待布局页面对应的节点树,节点树中包括多个节点;针对多个节点中的任一节点,在节点的父节点采用弹性布局的情况下,获取节点的样式属性,并基于节点的样式属性确定节点的主轴尺寸;样式属性至少包括节点尺寸限制属性;在节点包括至少一个儿子节点的情况下,获取参数映射表,并基于节点的主轴尺寸和参数映射表,得到节点的从轴尺寸;基于每一节点的主轴尺寸和从轴尺寸,确定每一节点的主轴坐标和从轴坐标;根据每一节点的主轴尺寸、从轴尺寸、主轴坐标以及从轴坐标,生成待布局页面。通过本申请,能够缩短页面布局时间,提高布局性能。

【技术实现步骤摘要】

本申请涉及计算机,尤其涉及一种页面布局方法、装置、电子设备、存储介质及程序产品


技术介绍

1、随着计算机技术的发展,终端上集成了越来越多面向用户的应用程序。应用程序是一种没有浏览器引擎支持的环境,在应用程序的页面生成过程中,专业的开发者需要使用布局器来快速实现复杂的布局效果。

2、尤其是对于嵌入型应用程序,例如微信小程序,相关技术中开发者使用的布局器一般都支持一种布局方式,且布局性能较低,导致页面生成所需的时间较长。


技术实现思路

1、本申请实施例提供一种页面布局方法、装置、电子设备、存储介质及程序产品,能够缩短页面布局时间,提高布局性能。

2、本申请实施例的技术方案是这样实现的:

3、本申请实施例提供一种页面布局方法,所述方法包括:获取待布局页面对应的节点树,所述节点树中包括多个节点,所述节点用于表征所述待布局页面的内容;针对所述多个节点中的任一节点,在所述节点的父节点采用弹性布局的情况下,获取所述节点的样式属性,并基于所述节点的样式属性确定所述节点的主轴尺寸;所述样式本文档来自技高网...

【技术保护点】

1.一种页面布局方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述样式属性包括基准值属性,所述基于所述节点的样式属性确定所述节点的主轴尺寸,包括:

3.根据权利要求2所述的方法,其特征在于,所述基于所述节点的样式属性确定所述节点的主轴尺寸,还包括:

4.根据权利要求3所述的方法,其特征在于,所述样式属性包括文本宽度限制属性,所述基于所述节点的样式属性确定所述节点的主轴尺寸,还包括:

5.根据权利要求1所述的方法,其特征在于,所述样式属性包括从轴对齐属性,所述基于所述节点的主轴尺寸和所述参数映射表,得到所述节点的...

【技术特征摘要】

1.一种页面布局方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述样式属性包括基准值属性,所述基于所述节点的样式属性确定所述节点的主轴尺寸,包括:

3.根据权利要求2所述的方法,其特征在于,所述基于所述节点的样式属性确定所述节点的主轴尺寸,还包括:

4.根据权利要求3所述的方法,其特征在于,所述样式属性包括文本宽度限制属性,所述基于所述节点的样式属性确定所述节点的主轴尺寸,还包括:

5.根据权利要求1所述的方法,其特征在于,所述样式属性包括从轴对齐属性,所述基于所述节点的主轴尺寸和所述参数映射表,得到所述节点的从轴尺寸,包括:

6.根据权利要求5中所述的方法,其特征在于,所述根据所述叶子节点的主轴尺寸和所述参数映射表,确定所述叶子节点的从轴尺寸,包括:

7.根据权利要求1所述的方法,其特征在于,所述方法还包括:

8.根据权利要求1所述的方法,其...

【专利技术属性】
技术研发人员:傅博泉黄思程钟霆融
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1