[发明专利]一种页面处理方法及计算设备有效
申请号: | 201911249030.5 | 申请日: | 2019-12-09 |
公开(公告)号: | CN111061415B | 公开(公告)日: | 2021-07-09 |
发明(设计)人: | 张勋 | 申请(专利权)人: | 海南车智易通信息技术有限公司 |
主分类号: | G06F3/0484 | 分类号: | G06F3/0484;G06F3/0485;G06F9/451;G06F16/958 |
代理公司: | 北京思睿峰知识产权代理有限公司 11396 | 代理人: | 高攀;谢建云 |
地址: | 570000 海南省老城高新技术*** | 国省代码: | 海南;46 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 页面 处理 方法 计算 设备 | ||
1.一种页面处理方法,所述方法适于在计算设备中执行,所述计算设备具有浏览器,所述浏览器具有滚动功能,且包括步骤:
标记布置在页面上的待处理的第一元素;
按照显示效果,插入至少一个与所述第一元素相邻的第二元素;
响应于用户对所述第一元素的滑动触摸操作,确定触摸事件的值;
根据所述触摸事件的值,确定第二元素的显示值,所述第二元素的显示值为显示高度的值或者显示宽度的值;
基于所述第二元素的显示值,利用浏览器自身的滚动功能来生成页面的垂直方向上回弹显示效果或者水平方向上回弹显示效果。
2.如权利要求1所述的方法,其中,所述按照显示效果,插入至少一个与第一元素相邻的第二元素的步骤包括:
若显示效果为垂直方向上的回弹显示,则插入两个与所述第一元素在垂直方向上相邻的第二元素;
若显示效果为水平方向上的回弹显示,则插入两个与所述第一元素在水平方向上相邻的第二元素。
3.如权利要求1或2所述的方法,其中,在所述响应于用户对第一元素的滑动触摸操作,确定触摸事件的值的步骤之前,还包括步骤:
为所述第一元素设置滑动触摸事件,
其中,所述滑动触摸事件包括触摸开始事件、触摸滑动事件和触摸结束事件。
4.如权利要求3所述的方法,其中,所述响应于用户对所述第一元素的滑动触摸操作,确定触摸事件的值的步骤包括:
响应于用户对所述第一元素的触摸操作,记录触摸起始位置,作为触摸开始事件的值;
在用户对所述第一元素的滑动过程中,实时记录滑动位置,作为触摸滑动事件的值;
在用户停止对所述第一元素的触摸操作时,设置触摸结束事件的值。
5.如权利要求4所述的方法,其中,所述根据所述触摸事件的值,确定第二元素的显示值的步骤包括:
基于所述触摸开始事件的值和所述触摸滑动事件的值,确定出滑动距离和滑动方向;
基于所述滑动方向,确定待显示的第二元素;
基于所述滑动距离,设置所确定的第二元素的显示高度或显示宽度;以及
基于所述触摸结束事件的值,再次设置该第二元素的显示高度或显示宽度。
6.如权利要求5所述的方法,其中,所述基于滑动方向,确定待显示的第二元素的步骤还包括:
当所述滑动方向为垂直向上滑动时,确定位于所述第一元素下方的第二元素为待显示的第二元素;
当所述滑动方向为垂直向下滑动时,确定位于所述第一元素上方的第二元素为待显示的第二元素;
当所述滑动方向为水平向左滑动时,确定位于所述第一元素右方的第二元素为待显示的第二元素;
当所述滑动方向为水平向右滑动时,确定位于所述第一元素左方的第二元素为待显示的第二元素。
7.如权利要求6所述的方法,其中,所述基于滑动距离,设置所确定的第二元素的显示高度或显示宽度的步骤还包括:
若所述滑动方向为垂直方向,则设置所述显示高度;
若所述滑动方向为水平方向,则设置所述显示宽度;
其中,按照如下公式来确定所述第二元素的显示高度或显示宽度,
y=|y2-y1|/k,
其中,y表示显示高度或显示宽度,y2表示触摸滑动事件的值,y1表示触摸开始事件的值,k表示距离系数。
8.一种计算设备,包括:
一个或多个处理器;和
存储器;
一个或多个程序,其中所述一个或多个程序存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序包括用于执行根据权利要求1-7所述方法中的任一方法的指令。
9.一种存储一个或多个程序的计算机可读存储介质,所述一个或多个程序包括指令,所述指令当计算设备执行时,使得所述计算设备执行根据权利要求1-7所述的方法中的任一方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于海南车智易通信息技术有限公司,未经海南车智易通信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201911249030.5/1.html,转载请声明来源钻瓜专利网。