[发明专利]轮播视图的展示方法与系统在审
| 申请号: | 202110691812.5 | 申请日: | 2021-06-22 |
| 公开(公告)号: | CN113360692A | 公开(公告)日: | 2021-09-07 |
| 发明(设计)人: | 侯效雷 | 申请(专利权)人: | 上海哔哩哔哩科技有限公司 |
| 主分类号: | G06F16/54 | 分类号: | G06F16/54;G06F9/451;G06F3/0488 |
| 代理公司: | 北京英特普罗知识产权代理有限公司 11015 | 代理人: | 饶文彬 |
| 地址: | 200433 上海市*** | 国省代码: | 上海;31 |
| 权利要求书: | 查看更多 | 说明书: | 查看更多 |
| 摘要: | |||
| 搜索关键词: | 视图 展示 方法 系统 | ||
1.一种轮播视图的展示方法,其特征在于,包括:
初始化画布,并在所述画布中创建轮播组件实例;
获取用于容纳所述轮播组件的组件容器的容器配置信息,用于切换轮播单元的滚动视图的视图配置信息,以及多个轮播单元的单元配置文件;
根据所述容器配置信息、所述视图配置信息与所述单元配置文件初始化所述轮播组件实例,以创建组件容器,并在所述组件容器中创建滚动视图,以及在所述滚动视图中创建多个轮播单元;
基于所述单元配置文件渲染所述多个轮播单元,得到多个轮播视图,并在所述画布中进行显示;及
接收用户基于画布中显示的轮播视图的触摸操作,根据所述触摸操作对显示的轮播视图进行更新。
2.根据权利要求1所述的轮播视图的展示方法,其特征在于,所述方法还包括:
判断预设脚本中是否存在创建好的轮播组件实例;
若所述预设脚本中存在创建好的轮播组件实例,则获取待更新的单元配置文件,所述待更新的单元配置文件包括待更新的每一个轮播单元的轮播元素的内容信息、属性信息及交互内容信息;及
基于所述待更新的每一个轮播单元的轮播元素的内容信息、属性信息及交互内容信息渲染所述待更新的每一个轮播单元,得到多个更新轮播视图,并在所述画布中展示所述更新轮播视图。
3.根据权利要求1所述的轮播视图的展示方法,其特征在于,所述接收用户基于画布中显示的轮播视图的触摸操作,根据所述触摸操作对显示的轮播视图进行更新,包括:
当接收到用户对所述轮播视图的触摸操作时,获取所述触摸操作对应的起始触摸点的坐标;
当检测到所述触摸操作结束时,获取所述触摸操作对应的终止触摸点的坐标;
根据所述起始触摸点的坐标与所述终止触摸点的坐标,确定所述触摸操作的移动距离;及
根据所述移动距离对所述轮播视图进行滚动处理。
4.根据权利要求3所述的轮播视图的展示方法,其特征在于,所述根据所述移动距离对所述轮播视图进行滚动处理,包括:
获取所述轮播单元的单元临界值;
判断所述移动距离是否超过所述单元临界值;
若所述移动距离超过所述单元临界值,将所述触摸操作对应的轮播视图的下一个或者上一个轮播视图显示在所述画布中;及
若所述移动距离未超过所述单元临界值,将所述触摸操作对应的轮播视图经过滚动所述移动距离后显示在所述画布中。
5.根据权利要求4所述的轮播视图的展示方法,其特征在于,所述方法还包括:
判断是否存在所述触摸操作对应的轮播视图的下一个或者上一个轮播视图;
若不存在所述触摸操作对应的轮播视图的下一个或者上一个轮播视图,则获取所述滚动视图的边界回弹距离,并判断所述移动距离是否超过所述单元临界值与所述边界回弹距离的和值;
若所述移动距离超过所述单元临界值与所述边界回弹距离的和值,则获取所述触摸操作对应的轮播视图的中心点坐标,将所述中心点坐标作为所述滚动视图的终止坐标;
根据所述起始触摸点的坐标确定所述滚动视图的起始坐标;及
将所述滚动视图的起始坐标对应的轮播视图,从所述起始坐标滚动到所述终止坐标,并将滚动后的轮播视图显示在所述画布中。
6.根据权利要求4所述的轮播视图的展示方法,其特征在于,所述将所述触摸操作对应的轮播视图经过滚动所述移动距离后显示在所述画布中,包括:
根据所述起始触摸点的坐标确定所述滚动视图的起始坐标,以及根据所述终止触摸点的坐标确定所述滚动视图的终止坐标;
获取所述触摸操作的移动时间;
根据所述移动时间与所述移动距离计算所述触摸操作的移动速度;及
将所述滚动视图的起始坐标对应的轮播视图,以所述移动速度从所述起始坐标滚动到所述终止坐标,并将滚动后的轮播视图显示在所述画布中。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于上海哔哩哔哩科技有限公司,未经上海哔哩哔哩科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110691812.5/1.html,转载请声明来源钻瓜专利网。





