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

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

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


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

技术介绍

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

技术实现思路

[0006]本申请实施例提供一种界面布局方法、装置、电子设备和存储介质，用于满足应用软件对于界面布局的需求。
[0007]一方面，本申请实施例提供一种界面布局方法，包括：
[0008]响应于针对目标应用触发的界面展示操作，获取待展示的目标操作界面的布局配置文件，所述布局配置文件包括：所述目标操作界面对应的多个控件各自的布局属性信息、尺寸属性信息以及与其他控件之间的关联属性信息；
[0009]基于所述多个控件各自的尺寸属性信息，分别确定所述多个控件各自的显示尺寸；
[0010]基于获得的所述多个控件各自的显示尺寸，结合所述多个控件各自的布局属性信息以及与其他控件之间的关联属性信息，分别确定所述多个控件各自的界面位置信息；
[0011]基于获得的所述多个控件各自的界面位置信息，分别将所述多个控件绘制在所述目标操作界面中。
[0012]一方面，本申请实施例提供一种界面布局装置，包括：
[0013]获取模块，用于响应于针对目标应用触发的界面展示操作，获取待展示的目标操作界面的布局配置文件，所述布局配置文件包括：所述目标操作界面对应的多个控件各自的布局属性信息、尺寸属性信息以及与其他控件之间的关联属性信息；
[0014]尺寸确定模块，用于基于所述多个控件各自的尺寸属性信息，分别确定所述多个控件各自的显示尺寸；
[0015]位置确定模块，用于基于获得的所述多个控件各自的显示尺寸，结合所述多个控
件各自的布局属性信息以及与其他控件之间的关联属性信息，分别确定所述多个控件各自的界面位置信息；
[0016]绘制模块，用于基于获得的所述多个控件各自的界面位置信息，分别将所述多个控件绘制在所述目标操作界面中。
[0017]在一种可能的实施例中，所述尺寸确定模块还包括：
[0018]第一确定子模块，用于若一个控件的尺寸属性信息包括固定尺寸信息，则根据所述一个控件的固定尺寸信息，得到所述一个控件的显示尺寸；
[0019]第二确定子模块，用于若一个控件的尺寸属性信息为非固定尺寸信息，则根据所述一个控件与其他控件之间的关联属性信息，确定与所述一个控件对应的关联控件，并根据所述关联控件的显示尺寸，确定所述一个控件的显示尺寸。
[0020]在一种可能的实施例中，所述非固定尺寸信息为依赖子控件信息或者弹性尺寸信息；
[0021]所述第二确定子模块还用于：
[0022]若一个控件的尺寸属性信息包括依赖子控件信息，则根据所述一个控件与其他控件之间的关联属性信息，确定所述一个控件对应的至少一个子控件，并根据所述至少一个子控件的显示尺寸，确定所述一个控件的显示尺寸；
[0023]若一个控件的尺寸属性信息包括弹性尺寸信息，则根据所述一个控件与其他控件之间的关联属性信息，确定所述一个控件对应的父控件，并根据所述父控件的显示尺寸，确定所述一个控件的显示尺寸。
[0024]在一种可能的实施例中，所述根据所述一个控件对应的父控件的显示尺寸，确定所述一个控件的显示尺寸时，所述第二确定子模块还用于：
[0025]根据所述一个控件对应的父控件的显示尺寸，以及与所述一个控件归属于同一父控件的其他控件的显示尺寸，确定所述一个控件对应的父控件的剩余尺寸；
[0026]根据所述一个控件对应的父控件的剩余尺寸，确定所述一个控件的显示尺寸。
[0027]在一种可能的实施例中，所述装置还包括尺寸缩放模块，用于：
[0028]针对具有非固定尺寸信息的目标控件，若所述目标控件的尺寸属性信息还包括可缩放尺寸信息，且所述目标控件对应的父控件的显示尺寸满足预设条件，则将所述目标控件的显示尺寸按照所述可缩放尺寸信息进行缩放。
[0029]在一种可能的实施例中，所述位置确定模块还用于：
[0030]根据所述多个控件各自与其他控件的关联属性信息，确定所述多个控件中的多个父控件，以及所述多个父控件各自对应的至少一个子控件；
[0031]针对所述多个控件中的多个父控件，按照预设顺序依次执行以下操作：
[0032]基于一个父控件的显示尺寸以及布局属性信息，以及所述一个父控件对应的至少一个子控件各自的显示尺寸以及布局属性信息，分别确定所述至少一个子控件在所述一个父控件中的位置信息，并将所述位置信息作为界面位置信息。
[0033]在一种可能的实施例中，每个父控件的布局属性信息包括以下至少一种：
[0034]布局主轴方向、子控件在布局主轴上的对齐方式、子控件在交叉轴上的对齐方式、换行布局方式、换列布局方式；其中，所述布局主轴与所述交叉轴相互垂直；
[0035]每个子控件的布局属性信息至少包括：在父控件中的排列顺序。
[0036]一方面，本申请实施例提供一种电子设备，其包括处理器和存储器，其中，所述存储器存储有程序代码，当所述程序代码被所述处理器执行时，使得所述处理器执行上述任一种概念标签生成方法的步骤。
[0037]一方面，本申请实施例提供一种计算机存储介质，所述计算机存储介质存储有计算机指令，当所述计算机指令在计算机上运行时，使得计算机执行上述任一种概念标签生成方法的步骤。
[0038]一方面，本申请实施例一种计算机程序产品，其包括计算机指令，所述计算机指令存储在计算机可读存储介质中；当计算机设备的处理器从所述计算机可读存储介质读取所述计算机指令时，所述处理器执行该计算机指令，使得所述计算机设备执行上述任一种概念标签生成方法的步骤。
[0039]由于本申请实施例采用上述技术方案，至少具有如下技术效果：
[0040]在本申请实施例的方案中，当需要展示目标应用的目标操作界面时，可以对目标操作界面中的多个控件进行布局，具体地，获取目标操作界面的布局配置文件，该布局配置文件包括：目标操作界面对应的多个控件各自的布局属性信息、尺寸属性信息以及与其他控件之间的关联属性信息；基于上述布局配置文件可以分别确定多个控件各自的显示尺寸，进而分别确定本文档来自技高网...

【技术保护点】

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

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