[发明专利]下拉操作触发的动效绘制方法、计算设备及存储介质有效
申请号: | 202011001942.3 | 申请日: | 2020-09-22 |
公开(公告)号: | CN112130724B | 公开(公告)日: | 2022-02-11 |
发明(设计)人: | 张争 | 申请(专利权)人: | 掌阅科技股份有限公司 |
主分类号: | G06F3/0484 | 分类号: | G06F3/0484;G06F3/0481;G06F3/04847 |
代理公司: | 北京市浩天知识产权代理事务所(普通合伙) 11276 | 代理人: | 宋菲 |
地址: | 100124 北*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 下拉 操作 触发 绘制 方法 计算 设备 存储 介质 | ||
1.一种下拉操作触发的动效绘制方法,包括:
检测用户在第一页面中触发的下拉操作,所述第一页面呈现有初始态的引导元素,所述初始态的引导元素为水平线段,其中,所述水平线段由第一线段和第二线段分别的一个端点相连而组成;
根据所述下拉操作的实时操作距离,在第一页面的设定区域实时绘制中间态的引导元素,直至所述引导元素由所述中间态变化到达峰值态;其中,在第一页面的设定区域实时绘制水平线段变化为折线段;具体包括:针对所述下拉操作执行过程中的任一时刻,根据所述时刻的实时操作距离确定所述第一线段的另一个端点的第一更新点和第二线段的另一个端点的第二更新点,以及确定折线角度;所述第一更新点和第二更新点位于同一水平线上;根据所述折线角度以及第一线段和第二线段的线段长度,确定所述时刻水平线段的中点的第三更新点、以及第一线段和第二线段的相连端点的第四更新点;
检测用户对下拉操作的结束动作,在第一页面的设定区域绘制切换元素,其中包括:从所述结束动作时的第一更新点和第二更新点分别沿更新的第一线段和第二线段向第四更新点进行聚合,在第四更新点处形成聚合点;通过绘制将峰值态的折线段聚合到一点,以所述聚合点至第三更新点的连线为半径,从所述聚合点绘制半圆;以所述第三更新点为旋转中心,旋转所述半圆;
在满足切换条件后,从所述切换元素限定的定位点开始执行移动和放大动效而显示目标区域,跳转到包含目标区域的第二页面。
2.根据权利要求1所述的方法,其中,在所述引导元素变化到峰值态之前,所述第一页面的设定区域随实时操作距离的增大而增大。
3.根据权利要求1所述的方法,其中,所述在第一页面的设定区域实时绘制水平线段变化为折线段的过程中,所述折线段的弯折程度随实时操作距离的增大而变大;
所述直至所述引导元素由所述中间态变化到达峰值态进一步包括:直至所述折线段的弯折程度达到预设程度值。
4.根据权利要求3所述的方法,其中,所述第一线段的长度短于第二线段的长度;
所述在第一页面的设定区域实时绘制水平线段变化为折线段还包括:
直线连接所述第一更新点和第四更新点得到更新的第一线段,直线连接所述第二更新点、第三更新点以及第四更新点得到更新的第二线段,所述更新的第一线段和第二线段构成所述时刻的中间态的折线段。
5.根据权利要求4所述的方法,其中,所述折线角度指所述更新的第一线段与水平线段的夹角,以及指所述第二更新点和第三更新点的连线与水平线段的夹角。
6.根据权利要求5所述的方法,其中,所述根据所述折线角度以及第一线段和第二线段的线段长度,确定所述时刻水平线段的中点的第三更新点、以及第一线段和第二线段的相连端点的第四更新点进一步包括:
利用如下方程确定所述第三更新点和第四更新点分别相较于第一更新点和第二更新点的连线的第一竖直位移和第二竖直位移:
其中,L1和L2分别为第一线段和第二线段的线段长度,H1和H2分别为第二竖直位移和第一竖直位移,θ为折线角度,其随实时操作距离的增大而增大;
以及,根据所述第一竖直位移和第二竖直位移下移所述水平线段的中点以及第一线段和第二线段的相连端点,得到第三更新点和第四更新点。
7.根据权利要求1所述的方法,其中,所述从所述结束动作时的第一更新点和第二更新点分别沿更新的第一线段和第二线段向第四更新点进行聚合,在第四更新点处形成聚合点具体为:
设置更新的第一线段和第二线段分别的聚合时间参数,分别利用聚合函数根据所述聚合时间参数进行聚合处理,其中,第一线段和第二线段的聚合时间参数相同,以使更新的第一线段和第二线段同时聚合到第四更新点处。
8.根据权利要求1所述的方法,其中,所述从所述切换元素限定的定位点开始执行移动和放大动效而显示目标区域,跳转到包含目标区域的第二页面进一步包括:
从切换元素中的旋转中心开始执行移动和放大动效而显示目标区域,跳转到包含目标区域的第二页面。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于掌阅科技股份有限公司,未经掌阅科技股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202011001942.3/1.html,转载请声明来源钻瓜专利网。