小程序拖动元素自动对齐的方法、装置、设备及介质与流程

文档序号:19215618发布日期:2019-11-26 01:39阅读:来源:国知局

技术特征:

1.一种小程序元素自动对齐方法,其特征在于,包括:

构建标签容器,初始化所述标签容器;

接收手势触控指令,根据所述手势触控指令更新所述标签容器的参数,基于更新后的标签容器参数确定所述元素的位置;

根据所述元素的位置与基准位置的关系对齐所述元素。

2.根据权利要求1所述的方法,其特征在于,所述标签容器包括列表数组、x列数组、y列数组以及触控回调函数,所述初始化所述标签容器,包括:

初始化所述列表数组为空,所述列表数组用于储存被拖动的元素信息;

初始化所述x列数组为空,所述x列数组用于储存自动对齐的x方向的特征值;

初始化所述y列数组为空,所述y列数组用于储存自动对齐的y方向的特征值;

在所述标签容器下绑定所述触控回调函数。

3.根据权利要求2所述的方法,其特征在于,所述接收手势触控指令,根据所述手势触控指令更新标签容器参数,包括:

接收手势触控指令,基于所述手势触控指令生成第一回调函数和第二回调函数;

根据所述第一回调函数,判断所述元素是否为可拖动元素;

若是可拖动元素,所述元素标志位设为真,否则设为假。

4.根据权利要求3所述的方法,其特征在于,所述根据所述第一回调函数,判断所述元素是否为可拖动元素,包括:

根据所述第一回调函数获得当前所述元素的id属性值;

根据所述id属性值判断所述当前元素是否存在于所述列表数组;

若存在,则为可拖动元素,否则为不可拖动元素。

5.根据权利要求3或4所述的方法,其特征在于,还包括:

若所述元素为可拖动元素,则调用所述第二回调函数;

根据所述第二回调函数,获取所述元素移动后的x坐标参数值和y坐标参数值。

6.根据权利要求5所述的方法,其特征在于,所述根据所述第二回调函数,获取所述元素移动后的x坐标参数值和y坐标参数值,包括:

获取编辑区域左上角相对于屏幕左上角的第一位置参数;

获取当前所述元素相对于所述屏幕左上角的第二位置参数;

获取当前所述元素的宽度参数;

根据所述第一位置参数、第二位置参数以及宽度参数计算所述元素移动后的x坐标参数值和y坐标参数值。

7.根据权利要求6所述的方法,其特征在于,所述根据所述元素的位置与基准位置的关系对齐所述元素,包括:

将所述列表数组中每一项参数的x坐标参数值和y坐标参数值分别存入所述x列数组和y列数组;

将所述元素移动后的x坐标参数值和y坐标参数值分别与所述x列数组和y列数组的每一项参数进行差值计算;

判断最小的所述差值是否在预设范围内;

若在预设范围内,则将所述元素移动后的x坐标参数值和y坐标参数值设为产生该最小差值的所述参数的x坐标参数值和y坐标参数值。

8.一种小程序拖动元素自动对齐装置,其特征在于,包括:

构建单元,用于构建标签容器,初始化所述标签容器;

接收单元,用于接收手势触控指令,根据所述手势触控指令更新所述标签容器的参数,基于更新后的标签容器参数确定所述元素的位置;

对齐单元,用于根据所述元素的位置与基准位置的关系对齐所述元素。

9.一种电子设备,其特征在于,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的计算机程序指令,所述处理器执行所述计算机程序指令时,实现权利要求1-7任一所述的方法步骤。

10.一种计算机可读存储介质,其特征在于,存储有计算机程序指令,所述计算机程序指令在被处理器调用和执行时实现权利要求1-7任一所述的方法步骤。


技术总结
本公开提供一种小程序拖动元素自动对齐的方法、装置、电子设备及计算机可读存储介质,其中,所述方法包括:构建标签容器,初始化所述标签容器;接收手势触控指令,根据所述手势触控指令更新所述标签容器的参数,基于更新后的标签容器参数确定所述元素的位置;根据所述元素的位置与基准位置的关系对齐所述元素。本公开使得小程序能够灵活的根据用户的手势动作将拖动元素自动对齐,极大的提高了小程序的用户体验。

技术研发人员:俞亮
受保护的技术使用者:北京字节跳动网络技术有限公司
技术研发日:2019.07.12
技术公布日:2019.11.22
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1