[发明专利]一种在虚拟画布上快速摆放UI控件的方法、装置及设备

说明书

本申请公开了一种在虚拟画布上快速摆放UI控件的方法，所述方法包括：根据移动UI控件的摆放要求，在所述移动UI控件的周围设置特定距离的标识线，其中，所述移动UI控件静止时隐藏所述标识线，当所述移动UI控件移动时显示所述标识线，且所述标识线与所述移动UI控件同步移动；移动所述移动UI控件，直至所述移动UI控件对应的标识线与预先摆放的固定UI控件的特定边框线或预先设定的参考线重合。本发明根据移动UI控件的摆放要求，在移动UI控件的周围设置特定距离的标识线，进而可以快速摆放移动UI控件，完成软件UI/Web UI设计，解决了现有技术中用户在虚拟画布上摆放UI控件时体验度较差的问题。

技术领域

本申请涉及计算机技术领域，尤其涉及一种在虚拟画布上快速摆放UI控件的方法、装置及设备。

背景技术

在计算机图形化的虚拟画布上，通过添加和摆放各种UI控件完成软件UI/Web UI的设计。但软件UI/Web UI设计一般都有比较严格的设计规范，所以对UI控件的摆放会有严格的要求。而用户仅靠双眼目测来摆放UI控件时，很难判断一个像素之间的差异，最终给软件UI/Web UI设计造成不小的困难。

现有技术中，针对上述问题大都采用的是：先将UI控件摆放在差不多的位置，再逐个像素的微调，若是将UI控件摆放的位置偏差较大，则需要微调的次数也就比较多，且经过微调的UI控件也可能因一两个像素的误差而未被用户察觉，从而使得用户的体验度较差。

发明内容

有鉴于此，本申请实施例提供了一种在虚拟画布上快速摆放UI控件的方法、装置及设备，用于解决现有技术中用户在虚拟画布上摆放UI控件时体验度较差的问题。

本申请实施例采用下述技术方案：

本申请实施例提供一种在虚拟画布上快速摆放UI控件的方法，所述方法包括：

根据移动UI控件的摆放要求，在所述移动UI控件的周围设置特定距离的标识线，其中，所述移动UI控件静止时隐藏所述标识线，当所述移动UI控件移动时显示所述标识线，且所述标识线与所述移动UI控件同步移动；

移动所述移动UI控件，直至所述移动UI控件对应的标识线与预先摆放的固定UI控件的特定边框线或预先设定的参考线重合，以完成所述移动UI控件的摆放。

可选的，当所述移动UI控件移动时显示所述标识线，具体包括：

当所述移动UI控件水平移动时，将在移动方向的前侧显示竖直的标识线；

当所述移动UI控件竖直移动时，将在移动方向的前侧显示水平的标识线；

当所述移动UI控件倾斜移动时，将在移动方向的前侧显示水平和竖直的标识线。

可选的，移动所述移动UI控件的过程中，所述方法还包括：

判断所述移动UI控件对应的标识线与预先摆放的固定UI控件的特定边框线或预先设定的参考线的距离是否小于预设距离；

若判断出所述标识线与预先摆放的固定UI控件的特定边框线或预先设定的参考线的距离小于预设距离，则所述标识线沿着移动方向吸附至预先摆放的固定UI控件的特定边框线或预先设定的参考线。

可选的，当所述移动UI控件与多个固定UI控件存在摆放要求时，在所述移动UI控件的周围设置多条特定距离的标识线。

可选的，所述标识线为虚线。

本申请实施例还提供一种在虚拟画布上快速摆放UI控件的装置，所述装置包括：

设置单元，用于根据移动UI控件的摆放要求，在所述移动UI控件的周围设置特定距离的标识线，其中，所述移动UI控件静止时隐藏所述标识线，当所述移动UI控件移动时显示所述标识线，且所述标识线与所述移动UI控件同步移动；