[发明专利]应用程序中的界面切换方法、装置、设备及存储介质有效
| 申请号: | 201811053180.4 | 申请日: | 2018-09-10 |
| 公开(公告)号: | CN109032464B | 公开(公告)日: | 2020-12-01 |
| 发明(设计)人: | 石海龙;魏宇峰;刘宝琪;王鸿云;郭悦颖;王昆;郭欣 | 申请(专利权)人: | 腾讯科技(深圳)有限公司 |
| 主分类号: | G06F3/0483 | 分类号: | G06F3/0483;G06F3/0484 |
| 代理公司: | 北京三高永信知识产权代理有限责任公司 11138 | 代理人: | 祝亚男 |
| 地址: | 518057 广东省深圳*** | 国省代码: | 广东;44 |
| 权利要求书: | 查看更多 | 说明书: | 查看更多 |
| 摘要: | |||
| 搜索关键词: | 应用程序 中的 界面 切换 方法 装置 设备 存储 介质 | ||
1.一种应用程序中的界面切换方法,其特征在于,所述方法包括:
显示所述应用程序的第一用户界面,所述第一用户界面包括相对的第一边缘和第二边缘;
在接收到从所述第一边缘开始滑动的滑动操作时,跟随所述滑动操作的滑动来显示沿第一方向移动的遮盖层,所述遮盖层叠加在所述第一用户界面的上层,所述第一方向为从所述第一边缘朝向所述第二边缘的方向,所述遮盖层具有弹性曲线边缘,且所述弹性曲线边缘的曲线顶点与所述滑动操作的操作触点相对应;
当所述滑动操作的滑动距离大于距离阈值时,将所述遮盖层替换显示为第二用户界面,其中,当所述遮盖层覆盖整个所述第一用户界面后,将所述第一用户界面的容器从显示属性修改为隐藏属性,使得所述第一用户界面被隐藏,并将所述第二用户界面的容器从隐藏属性修改为显示属性,使得将所述遮盖层的透明度从原始值衰减至透明度为100%后,取消所述遮盖层的显示,从而显示出第二用户界面。
2.根据权利要求1所述的方法,其特征在于,所述跟随所述滑动操作的滑动来显示沿第一方向移动的遮盖层,包括:
根据所述滑动操作的操作触点的触点坐标确定所述曲线顶点的顶点坐标;
根据所述顶点坐标生成贝塞尔曲线,所述贝塞尔曲线的凸处朝向所述第二边缘,所述贝塞尔曲线的凹处朝向所述第一边缘;
根据所述贝塞尔曲线和矩形素材生成所述遮盖层,所述矩形素材的长度与所述第一边缘的长度相同;
在所述第一用户界面的上层显示所述遮盖层,所述遮盖层的所述弹性曲线边缘跟随所述顶点坐标沿所述第一方向的坐标值变化进行移动。
3.根据权利要求1所述的方法,其特征在于,所述弹性曲线边缘的曲率随着所述滑动操作的滑动距离变大而弹性增大。
4.根据权利要求1至3任一所述的方法,其特征在于,所述第一用户界面是用于播放视频的界面,所述视频是视频发布用户向观看者推荐目标应用程序的视频;
所述第二用户界面是所述目标应用程序的程序介绍界面;
或,
所述第二用户界面是所述视频发布用户的个人主页界面。
5.根据权利要求1至3任一所述的方法,其特征在于,所述方法还包括:
当所述滑动操作的滑动距离小于所述距离阈值时,取消显示所述遮盖层。
6.根据权利要求5所述的方法,其特征在于,所述取消显示所述遮盖层,包括:
显示沿第二方向移动的所述遮盖层直至所述遮盖层消失,所述第二方向为所述第二边缘朝向所述第一边缘的方向;
其中,所述弹性曲线边缘的曲率随着所述遮盖层的移动回弹至最小曲率,或,所述弹性曲线边缘的曲率随着所述遮盖层的移动呈减幅衰减振动。
7.根据权利要求1至3任一所述的方法,其特征在于,所述方法还包括:
在与所述第二边缘对应的容器中预加载和渲染第二用户界面,所述容器具有隐藏属性;
所述将所述遮盖层替换显示为第二用户界面,包括:
取消显示所述遮盖层;
将与所述第二边缘对应的容器从所述隐藏属性修改为显示属性,显示所述第二用户界面。
8.根据权利要求7所述的方法,其特征在于,所述取消显示所述遮盖层,包括:
将所述遮盖层按照惯性衰减的移动速度移动至所述第一边缘,所述遮盖层的所述弹性曲线边缘的曲率随着所述遮盖层的移动回弹至最小曲率;
将所述遮盖层的透明度从原始值衰减至透明度为100%。
9.根据权利要求7所述的方法,其特征在于,所述方法还包括:
当所述第一用户界面的显示内容从第一显示内容改变为第二显示内容时,复用所述容器重新加载与所述第二显示内容对应的第二用户界面。
10.根据权利要求4所述的方法,其特征在于,所述第一用户界面和/或所述第二用户界面上显示有下载控件;所述方法还包括:
接收作用于所述下载控件的下载操作;
根据所述下载操作下载所述目标应用程序的安装包文件。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于腾讯科技(深圳)有限公司,未经腾讯科技(深圳)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201811053180.4/1.html,转载请声明来源钻瓜专利网。





