[发明专利]小程序拖动元素自动对齐的方法、装置、设备及介质有效
申请号: | 201910628297.9 | 申请日: | 2019-07-12 |
公开(公告)号: | CN110489041B | 公开(公告)日: | 2021-04-06 |
发明(设计)人: | 俞亮 | 申请(专利权)人: | 北京字节跳动网络技术有限公司 |
主分类号: | G06F3/0486 | 分类号: | G06F3/0486;G06F3/0484;G06F3/0488;G06F9/451 |
代理公司: | 北京睿驰通程知识产权代理事务所(普通合伙) 11604 | 代理人: | 张文平 |
地址: | 100041 北京市石景山区*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 程序 拖动 元素 自动 对齐 方法 装置 设备 介质 | ||
1.一种小程序元素自动对齐方法,其特征在于,包括:
构建标签容器,初始化所述标签容器;
接收手势触控指令,根据所述手势触控指令更新所述标签容器的参数,基于更新后的标签容器参数确定所述元素的位置;
根据所述元素的位置与基准位置的关系对齐所述元素;
所述标签容器包括列表数组、x列数组、y列数组以及触控回调函数,所述初始化所述标签容器,包括:
初始化所述列表数组为空,所述列表数组用于储存被拖动的元素信息;
初始化所述x列数组为空,所述x列数组用于储存自动对齐的x方向的特征值;
初始化所述y列数组为空,所述y列数组用于储存自动对齐的y方向的特征值;
在所述标签容器下绑定所述触控回调函数。
2.根据权利要求1所述的方法,其特征在于,所述接收手势触控指令,根据所述手势触控指令更新标签容器参数,包括:
接收手势触控指令,基于所述手势触控指令生成第一回调函数和第二回调函数;
根据所述第一回调函数,判断所述元素是否为可拖动元素;
若是可拖动元素,所述元素标志位设为真,否则设为假。
3.根据权利要求2所述的方法,其特征在于,所述根据所述第一回调函数,判断所述元素是否为可拖动元素,包括:
根据所述第一回调函数获得当前所述元素的ID属性值;
根据所述ID属性值判断所述当前元素是否存在于所述列表数组;
若存在,则为可拖动元素,否则为不可拖动元素。
4.根据权利要求2或3所述的方法,其特征在于,还包括:
若所述元素为可拖动元素,则调用所述第二回调函数;
根据所述第二回调函数,获取所述元素移动后的X坐标参数值和Y坐标参数值。
5.根据权利要求4所述的方法,其特征在于,所述根据所述第二回调函数,获取所述元素移动后的X坐标参数值和Y坐标参数值,包括:
获取编辑区域左上角相对于屏幕左上角的第一位置参数;
获取当前所述元素相对于所述屏幕左上角的第二位置参数;
获取当前所述元素的宽度参数;
根据所述第一位置参数、第二位置参数以及宽度参数计算所述元素移动后的X坐标参数值和Y坐标参数值。
6.根据权利要求5所述的方法,其特征在于,所述根据所述元素的位置与基准位置的关系对齐所述元素,包括:
将所述列表数组中每一项参数的X坐标参数值和Y坐标参数值分别存入所述x列数组和y列数组;
将所述元素移动后的X坐标参数值和Y坐标参数值分别与所述x列数组和y列数组的每一项参数进行差值计算;
判断最小的所述差值是否在预设范围内;
若在预设范围内,则将所述元素移动后的X坐标参数值和Y坐标参数值设为产生该最小差值的所述参数的X坐标参数值和Y坐标参数值。
7.一种小程序拖动元素自动对齐装置,其特征在于,包括:
构建单元,用于构建标签容器,初始化所述标签容器;所述标签容器包括列表数组、x列数组、y列数组以及触控回调函数,所述初始化所述标签容器,包括:初始化所述列表数组为空,所述列表数组用于储存被拖动的元素信息;初始化所述x列数组为空,所述x列数组用于储存自动对齐的x方向的特征值;初始化所述y列数组为空,所述y列数组用于储存自动对齐的y方向的特征值;在所述标签容器下绑定所述触控回调函数;
接收单元,用于接收手势触控指令,根据所述手势触控指令更新所述标签容器的参数,基于更新后的标签容器参数确定所述元素的位置;
对齐单元,用于根据所述元素的位置与基准位置的关系对齐所述元素。
8.一种电子设备,其特征在于,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的计算机程序指令,所述处理器执行所述计算机程序指令时,实现权利要求1-6任一所述的方法步骤。
9.一种计算机可读存储介质,其特征在于,存储有计算机程序指令,所述计算机程序指令在被处理器调用和执行时实现权利要求1-6任一所述的方法步骤。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京字节跳动网络技术有限公司,未经北京字节跳动网络技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910628297.9/1.html,转载请声明来源钻瓜专利网。