界面布局方法、装置、电子设备和存储介质制造方法及图纸

本申请公开一种界面布局方法、装置、电子设备和存储介质，可应用于云技术、人工智能、智慧交通、辅助驾驶等各种场景。方法包括：获取待展示的目标操作界面的布局配置文件，布局配置文件包括：目标操作界面对应的多个控件各自的布局属性信息、尺寸属性信息以及与其他控件之间的关联属性信息；基于多个控件各自的尺寸属性信息，分别确定多个控件各自的显示尺寸；基于获得的多个控件各自的显示尺寸，结合多个控件各自的布局属性信息以及与其他控件之间的关联属性信息，分别确定多个控件各自的界面位置信息；基于获得的多个控件各自的界面位置信息，分别将多个控件绘制在目标操作界面中。本申请可以满足应用软件对于界面布局的需求。申请可以满足应用软件对于界面布局的需求。申请可以满足应用软件对于界面布局的需求。

【技术实现步骤摘要】
界面布局方法、装置、电子设备和存储介质


[0001]本申请涉及互联网
，尤其涉及一种界面布局方法、装置、电子设备和存储介质。

技术介绍

[0002]随着互联网技术的不断发展，越来越多的应用软件被开发出来，并得到了广泛应用。每种应用软件都需要通过可视化界面进行功能展示，以便使用对象在可视化界面中进行相应的操作。
[0003]相关技术中，在应用软件的界面开发过程中，可以基于预置的界面布局框架实现界面布局；例如，采用的界面布局框架可以是Duilib等。
[0004]通常情况下，界面布局框架支持纵向布局、横向布局和绝对布局等布局方式；其中，纵向布局可以使界面容器中所包含的元素纵向排列，横向布局可以使界面容器中所包含的元素横向排列，绝对布局可以指定某个元素在相应容器中的绝对位置。
[0005]但是，应用软件的界面布局方式是多样化的，上述界面布局框架的布局方式，并不能满足应用软件对于界面布局的需求。

技术实现思路

[0006]本申请实施例提供一种界面布局方法、装置、电子设备和存储介质，用于满足应用软件对于界面布本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种界面布局方法，其特征在于，包括：响应于针对目标应用触发的界面展示操作，获取待展示的目标操作界面的布局配置文件，所述布局配置文件包括：所述目标操作界面对应的多个控件各自的布局属性信息、尺寸属性信息以及与其他控件之间的关联属性信息；基于所述多个控件各自的尺寸属性信息，分别确定所述多个控件各自的显示尺寸；基于获得的所述多个控件各自的显示尺寸，结合所述多个控件各自的布局属性信息以及与其他控件之间的关联属性信息，分别确定所述多个控件各自的界面位置信息；基于获得的所述多个控件各自的界面位置信息，分别将所述多个控件绘制在所述目标操作界面中。2.根据权利要求1所述的方法，其特征在于，所述基于所述多个控件各自的尺寸属性信息，分别确定所述多个控件各自的显示尺寸，包括：若一个控件的尺寸属性信息包括固定尺寸信息，则根据所述一个控件的固定尺寸信息，得到所述一个控件的显示尺寸；若一个控件的尺寸属性信息为非固定尺寸信息，则根据所述一个控件与其他控件之间的关联属性信息，确定与所述一个控件对应的关联控件，并根据所述关联控件的显示尺寸，确定所述一个控件的显示尺寸。3.根据权利要求2所述的方法，其特征在于，所述非固定尺寸信息为依赖子控件信息或者弹性尺寸信息；所述若一个控件的尺寸属性信息为非固定尺寸信息，则根据所述一个控件与其他控件之间的关联属性信息，确定所述一个控件对应的关联控件，并根据所述关联控件的显示尺寸，确定所述一个控件的显示尺寸，包括：若一个控件的尺寸属性信息包括依赖子控件信息，则根据所述一个控件与其他控件之间的关联属性信息，确定所述一个控件对应的至少一个子控件，并根据所述至少一个子控件的显示尺寸，确定所述一个控件的显示尺寸；若一个控件的尺寸属性信息包括弹性尺寸信息，则根据所述一个控件与其他控件之间的关联属性信息，确定所述一个控件对应的父控件，并根据所述父控件的显示尺寸，确定所述一个控件的显示尺寸。4.根据权利要求3所述的方法，其特征在于，所述根据所述一个控件对应的父控件的显示尺寸，确定所述一个控件的显示尺寸，包括：根据所述一个控件对应的父控件的显示尺寸，以及与所述一个控件归属于同一父控件的其他控件的显示尺寸，确定所述一个控件对应的父控件的剩余尺寸；根据所述一个控件对应的父控件的剩余尺寸，确定所述一个控件的显示尺寸。5.根据权利要求2至4任一项所述的方法，其特征在于，所述方法还包括：针对具有非固定尺寸信息的目标控件，若所述目标控件的尺寸属性信息还包括可缩放尺寸信息，且所述目标控件对应的父控件的显示尺寸满足预设条件，则将所...

【专利技术属性】
技术研发人员：陈嘉鹏，姚伟东，梁百怡，李斌，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：