[发明专利]一种通过鼠标拖拽滑动切换界面的方法有效

专利信息
申请号: 201410180084.1 申请日: 2014-04-30
公开(公告)号: CN105022567B 公开(公告)日: 2018-06-26
发明(设计)人: 何平 申请(专利权)人: 惠州市德赛西威汽车电子股份有限公司
主分类号: G06F3/0487 分类号: G06F3/0487;G06F3/0484
代理公司: 广州粤高专利商标代理有限公司 44102 代理人: 韩淑英
地址: 516006 广东省*** 国省代码: 广东;44
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 滑动 鼠标拖拽 滑动切换 鼠标 显示区域 压下 滑动动画效果 鼠标释放事件 鼠标移动事件 动画技术 反弹效果 滑动控制 有效解决 可切换 回弹 释放 监控 响应
【权利要求书】:

1.一种通过鼠标拖拽滑动切换界面的方法,其特征在于:所述界面包括一显示区域、及一个可在所述显示区域内滑动的且具有多项显示列表的滑动列表,所述的切换界面的方法主要用于通过鼠标拖拽所述滑动列表以使之在所述显示区域内滑动,通过所述滑动列表的滑动可切换所述多项显示列表分别在显示区域内的显示,该方法具体包括如下步骤:

S1,获得鼠标在显示区域内的压下动作信息后进入鼠标移动事件,实时检测鼠标的所有移动过程,并记录下鼠标的移动信息,直至鼠标释放压下的动作;

S2,当鼠标释放压下的动作之后进入鼠标释放事件,根据步骤S1中记录的鼠标的移动过程,计算出鼠标释放压下动作时的滑动速度,以此滑动速度作为滑动列表继续滑动的初速度、并以匀减速运动控制所述滑动列表在显示区域内顺势滑动;

S3,根据阶段S2中滑动列表的滑动方向,当所述滑动列表向右滑动超出左边缘或向左滑动超出右边缘时,所述滑动列表进入反向回弹滑动阶段;

所述步骤S2包括如下步骤:

步骤S210,响应鼠标释放事件,并在记录有鼠标移动信息的队列Q中取出鼠标在移动事件中的开始信息Qh和结尾信息Qe;

步骤S220,根据步骤S210中取出的开始信息Qh和结尾信息Qe计算出鼠标在释放时的运行初速度V0;

步骤S230,清除队列Q中的所有内容及鼠标已按下的信息;

步骤S240,预设一个最小速度Vmin,并判断步骤S220中的初速度V0是否小于该最小速度,如果是,则进入步骤S250,如果否,则进入步骤S260;

步骤S250,判断显示区域内当前显示列表的左边缘与显示区域左边缘之间的距离Io是否等于0,如果是,则鼠标释放事件完成,如果否,则进入步骤S251;

步骤S251,设置当前显示列表需要滑动的距离长度S=-Io,然后进入步骤S270;

步骤S260,预设一减速度a,并依据该减速度a和步骤S220中的初速度,计算出当滑动速度降为零时当前显示列表需要滑动的距离长度S;

步骤S261,计算出预计的滑动结束时滑动列表左侧边缘距离显示区域左侧边缘的距离Sr;

步骤S262,判断Sr是否位于显示区域的外部,如果是,则进入步骤S280,如果否,则进入步骤S263;

步骤S263,调整需要滑动的距离长度S为显示列表宽度的Iw的整倍数;

步骤S264,设置需要滑动的距离长度S=S-Io,然后进入步骤S270;

步骤S270,根据预设的减速度a和需要滑动的距离长度S,重新计算初速度V0;

步骤S280,根据鼠标释放时运行的起始点S0、预设的减速度a和需要滑动的距离长度S,启动滑动列表的滑动引擎;

步骤S290,鼠标释放事件处理完成。

2.根据权利要求1所述的通过鼠标拖拽滑动切换界面的方法,其特征在于,所述阶段S1还包括:当获取鼠标压下动作信息后,首先判断所述滑动列表是否处于滑动过程中,如果是,则停止当前滑动列表的滑动动作、并标记鼠标已按下,如果否,则直接标记鼠标已按下,然后再进入鼠标移动事件;同时将鼠标的移动信息记录到一个队列Q中。

3.根据权利要求1所述的通过鼠标拖拽滑动切换界面的方法,其特征在于,所述反向回弹滑动阶段包括减速滑动部分、反弹滑动的前1/3部分和反弹滑动的后2/3部分,所述1/3部分为加速运动,所述2/3部分为减速运动。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于惠州市德赛西威汽车电子股份有限公司,未经惠州市德赛西威汽车电子股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201410180084.1/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top