元素布局方法以及相关设备技术

本申请提供了一种元素布局方法，包括：接收用户输入的多个元素，确定多个元素在画布的初始尺寸和初始位置，以多个元素在画布的初始尺寸和初始位置为起点，结合画布的尺寸以及设计约束，对多个元素在画布的尺寸和位置进行迭代优化，获得布局结果，该布局结果包括多个元素在画布的推荐尺寸和推荐位置。该方法将元素布局问题转化为线性规划问题，针对输入的一组元素，采用迭代优化的方式确定元素的推荐位置和推荐尺寸，从而实现智能化的元素布局。该方法对图表等类型的元素也适用，对图表等元素进行布局也具有较好的布局效果，因而具有较高可用性。用性。用性。

【技术实现步骤摘要】
元素布局方法以及相关设备


[0001]本申请涉及计算机
，尤其涉及一种元素布局方法、系统以及计算机集群、计算机可读存储介质、计算机程序产品。

技术介绍

[0002]在日常工作或生活中，常常需要通过屏幕，例如是大尺寸屏幕(也可以简称为大屏)进行内容演示，以提高沟通效率。其中，屏幕演示的内容通常由元素提供。元素是指表达一定含义的组件，例如元素可以包括文本、图表等不同类型的组件。
[0003]随着用户对元素的添加与修改，屏幕中元素的布局需要随之发生相应的改变。也即在可视化屏幕的整个设计过程中，需要不断地调整元素的布局。元素组合方式的多样性，以及布局目标的复杂性，如各元素之间相互对齐、元素填充等给屏幕中元素的布局带来了巨大的挑战。
[0004]业界提供了基于模板和动态编程自动进行元素布局的方法。该方法提供了多种布局模板，当用户输入元素时，可以基于动态编程自动匹配相应的布局模板，从而实现元素布局。然而，上述方法主要适用于文本类型的元素，图表等类型的元素的格式更加自由，难以匹配布局模板，进而导致基于模板和动态编程的布局效果不佳。...

【技术保护点】

【技术特征摘要】
1.一种元素布局方法，其特征在于，所述方法包括：接收用户输入的多个元素；确定所述多个元素在画布的初始尺寸和初始位置；以所述多个元素在画布的初始尺寸和初始位置为起点，结合所述画布的尺寸以及设计约束，对所述多个元素在所述画布的尺寸和位置进行迭代优化，获得布局结果，所述布局结果包括所述多个元素在所述画布的推荐尺寸和推荐位置。2.根据权利要求1所述的方法，其特征在于，所述对所述多个元素在所述画布的尺寸和位置进行迭代优化，获得布局结果，包括：对所述多个元素在所述画布的尺寸和位置进行迭代优化，获得多个候选布局，所述多个候选布局中的每个候选布局包括所述多个元素在所述画布的尺寸和位置；对所述多个候选布局进行排序，获得布局结果，所述布局结果为所述多个候选布局中排序靠前的候选布局。3.根据权利要求2所述的方法，其特征在于，所述对所述多个候选布局进行排序，包括：根据所述多个元素中每个元素的尺寸的均衡度、所述多个元素在画布呈现的画面的均衡度以及所述多个元素的对齐程度中的至少一个，对所述多个候选布局进行排序。4.根据权利要求3所述的方法，其特征在于，所述多个元素在画布呈现的画面的均衡度通过每个元素的重要性分数之和表征，所述重要性分数根据所述元素的面积以及所述元素到所述画布的中心点的距离确定。5.根据权利要求1至4任一项所述的方法，其特征在于，所述方法还包括：接收用户输入的自定义约束；所述设计约束包括基础约束和所述自定义约束。6.根据权利要求5所述的方法，其特征在于，所述基础约束包括对齐约束、网格约束、大小约束、边界约束和填充约束中的任意一种或多种，所述自定义约束包括锁定约束、纵横比约束、对齐偏好约束中的任意一种或多种。7.根据权利要求1至6任一项所述的方法，其特征在于，所述元素包括图表、文本或装饰中的一种或多种。8.根据权利要求1至7任一项所述的方法，其特征在于，所述接收用户输入的多个元素，包括：向用户呈现设计界面，所述设计界面承载有可视化组件；响应于用户对所述可视化组件的拖拽操作，接收与所述可视化组件对应的多个元素。9.根据权利要求1至8任一项所述的方法，其特征在于，所述以所述多个元素在画布的初始尺寸和初始位置为起点，结合所述画布的尺寸以及设计约束，对所述多个元素在所述画布的尺寸和位置进行迭代优化，包括：当用户触发智能布局控件或者距离用户上次输入元素的时间大于预设时间时，以所述多个元素在画布的初始尺寸和初始位置为起点，结合所述画布的尺寸以及设计约束，对所述多个元素在所述画布的尺寸和位置进行迭代优化。10.一种元素布局系统，其特征在于，所述系统包括：交互模块，用于接收用户输入的多个元素；确定模块，用于确定所述多个元素在画布的初始尺寸和初始位置；
优化模块，用于以所述多个元素在画布的初始尺寸和初始位置为起点，结合所述画布的尺寸以及设计...

【专利技术属性】
技术研发人员：赵刚华，刘坤，
申请(专利权)人：华为云计算技术有限公司，
类型：发明
国别省市：