[发明专利]一种元素一键布局方法及装置

说明书

本发明公开了一种元素一键布局方法及装置，包括：在接收到对当前画布中各个已选定元素的布局指令的情况下，确定与所述各个已选定元素对应的起点；基于所述起点确定所述各个已选定元素所在行同时计算每行的行间距；确定所述各个已选定元素的列间距；基于所述行间距和所述列间距对所述各个已选定的元素的所处行列进行更新。上述过程中，在多个已选定元素需要布局的情况下，首先确定各个已选定元素的起点，基于该起点直接确定各个已选定元素的行间距，确定各个选定元素的列间距，基于行间距和列间距通过一次操作就可以实现对各个已选定元素的布局，减少了操作的次数。

技术领域

本发明涉及图像处理技术领域，尤其涉及一种元素一键布局方法及装置。

背景技术

用户在使用画布类产品时往往存在排列多元素的场景，其中，元素可以为设计图或者文字卡片，比如，将多张设计图按状态或模块排成多行，需要将设计图按X轴和Y轴均均匀分布并且对齐，以达到更好的展示效果。

画布类产品会提供一维分布或对齐的方法，帮助用户对齐X轴或Y轴的设计图，多行设计图需要对齐场景下，用户需要手动输入列数后点击「重排」重新排布设计图，上述的布局过程，需要多次操作才能实现。

发明内容

有鉴于此，本发明提供了一种元素一键布局方法及装置，用来解决画布类产品会提供一维分布或对齐的方法，帮助用户对齐X轴或Y轴的设计图，多行设计图需要对齐场景下，用户需要手动输入列数后点击「重排」重新排布设计图，上述的布局过程，需要多次操作才能实现的问题。具体方案如下：

一种元素一键布局方法，包括：

在接收到对当前画布中各个已选定元素的布局指令的情况下，确定与所述各个已选定元素对应的起点；

基于所述起点确定所述各个已选定元素所在行同时计算每行的行间距；

确定所述各个已选定元素的列间距；

基于所述行间距和所述列间距对所述各个已选定的元素的所处行列进行更新。

上述的方法，可选的，确定与所述各个已选定元素对应的起点，包括：

自上而下遍历所述当前画布，记录检测首个已选定元素的上边缘；

自左而右遍历所述当前画布，记录检测首个已选定元素的左边缘；

确定所述上边缘和所述左边缘的交点，将所述交点作为所述各个与选定元素的起点。

上述的方法，可选的，基于所述起点确定所述各个已选定元素所在行同时计算每行的行间距，包括：

针对所述起点，将所述各个已选定元素中沿Y轴自上而下取横向延伸后不重合的已选定元素或者重合度小于预设重合度阈值的元素的数量作为所述各个已选定元素的行数；

针对各个行，将所述各个已选定元素划分至移动距离最短的当前行中；

计算每行的行间距。

上述的方法，可选的，计算每行的行间距，包括：

获取所述各个行之间的当前行间距，基于各个当前行间距计算平均行间距；

将所述平均行间距与预设行间距阈值进行比较；

当所述平均行间距小于等于所述预设行间距阈值的情况下，所述行间距为所述预设行间距阈值，反之，所述行间距为所述平均行间距。

上述的方法，可选的，确定所述各个已选定元素的列间距，包括：

识别所述各个已选定元素的目标行，其中，所述目标行为所述各个已选定元素中包含已选定元素最多的行；

获取所述目标行中相邻已选定元素的当前列间距；