[发明专利]界面布局方法、装置、电子设备和存储介质

说明书

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

技术领域

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

背景技术

随着互联网技术的不断发展，越来越多的应用软件被开发出来，并得到了广泛应用。每种应用软件都需要通过可视化界面进行功能展示，以便使用对象在可视化界面中进行相应的操作。

相关技术中，在应用软件的界面开发过程中，可以基于预置的界面布局框架实现界面布局；例如，采用的界面布局框架可以是Duilib等。

通常情况下，界面布局框架支持纵向布局、横向布局和绝对布局等布局方式；其中，纵向布局可以使界面容器中所包含的元素纵向排列，横向布局可以使界面容器中所包含的元素横向排列，绝对布局可以指定某个元素在相应容器中的绝对位置。

但是，应用软件的界面布局方式是多样化的，上述界面布局框架的布局方式，并不能满足应用软件对于界面布局的需求。

发明内容

本申请实施例提供一种界面布局方法、装置、电子设备和存储介质，用于满足应用软件对于界面布局的需求。

一方面，本申请实施例提供一种界面布局方法，包括：

响应于针对目标应用触发的界面展示操作，获取待展示的目标操作界面的布局配置文件，所述布局配置文件包括：所述目标操作界面对应的多个控件各自的布局属性信息、尺寸属性信息以及与其他控件之间的关联属性信息；

基于所述多个控件各自的尺寸属性信息，分别确定所述多个控件各自的显示尺寸；

基于获得的所述多个控件各自的显示尺寸，结合所述多个控件各自的布局属性信息以及与其他控件之间的关联属性信息，分别确定所述多个控件各自的界面位置信息；

基于获得的所述多个控件各自的界面位置信息，分别将所述多个控件绘制在所述目标操作界面中。

一方面，本申请实施例提供一种界面布局装置，包括：

获取模块，用于响应于针对目标应用触发的界面展示操作，获取待展示的目标操作界面的布局配置文件，所述布局配置文件包括：所述目标操作界面对应的多个控件各自的布局属性信息、尺寸属性信息以及与其他控件之间的关联属性信息；

尺寸确定模块，用于基于所述多个控件各自的尺寸属性信息，分别确定所述多个控件各自的显示尺寸；

位置确定模块，用于基于获得的所述多个控件各自的显示尺寸，结合所述多个控件各自的布局属性信息以及与其他控件之间的关联属性信息，分别确定所述多个控件各自的界面位置信息；

绘制模块，用于基于获得的所述多个控件各自的界面位置信息，分别将所述多个控件绘制在所述目标操作界面中。

在一种可能的实施例中，所述尺寸确定模块还包括：

第一确定子模块，用于若一个控件的尺寸属性信息包括固定尺寸信息，则根据所述一个控件的固定尺寸信息，得到所述一个控件的显示尺寸；