[发明专利]一种页面展示方法及客户端有效
| 申请号: | 201711056187.7 | 申请日: | 2017-10-27 |
| 公开(公告)号: | CN107807764B | 公开(公告)日: | 2020-10-13 |
| 发明(设计)人: | 黄嘉宏 | 申请(专利权)人: | 优酷网络技术(北京)有限公司 |
| 主分类号: | G06F3/0482 | 分类号: | G06F3/0482;G06F3/0483;G06F3/0485 |
| 代理公司: | 北京三友知识产权代理有限公司 11127 | 代理人: | 李辉;陈刚 |
| 地址: | 100080 北京市海淀区*** | 国省代码: | 北京;11 |
| 权利要求书: | 查看更多 | 说明书: | 查看更多 |
| 摘要: | |||
| 搜索关键词: | 一种 页面 展示 方法 客户端 | ||
1.一种页面展示方法,其特征在于,所述方法包括:
向服务器发送指向目标页面的资源获取请求;
接收所述服务器反馈的所述目标页面的主题标识以及所述目标页面中的详情信息;
展示所述目标页面的主列表,所述主列表中包括多个子列表;其中,所述多个子列表中包括用于展示所述主题标识的第一子列表以及用于展示所述详情信息的第二子列表;当所述主列表滚动时,所述第一子列表和所述第二子列表与所述主列表保持同步滚动;其中,所述主列表中包括至少两个第二子列表,不同的第二子列表之间可以相互切换;其中,所述至少两个第二子列表的排列方向与所述主列表的滚动方向相垂直;相应地,在当前第二子列表跟随所述主列表滚动时,保持其它第二子列表中展示的内容不变,并使得其它第二子列表的子列表内容偏移量与所述当前第二子列表的子列表内容偏移量保持一致;其它第二子列表具备自身的初始子列表内容偏移量;相应地,所述方法还包括:
在从所述当前第二子列表切换至目标第二子列表时,在当前界面中展示所述目标第二子列表中的内容,并将所述目标第二子列表的子列表内容偏移量重置为所述目标第二子列表对应的初始子列表内容偏移量。
2.根据权利要求1所述的方法,其特征在于,所述多个子列表中还包括用于展示底部视图的第三子列表,其中,当所述主列表滚动时,所述第一子列表、所述第二子列表以及所述第三子列表与所述主列表保持同步滚动。
3.根据权利要求1或2所述的方法,其特征在于,所述方法还包括:
确定所述主列表滚动后对应的主列表内容偏移量,并基于所述主列表内容偏移量,确定在当前界面中展示的目标子列表;
根据所述主列表内容偏移量,设置所述目标子列表对应的子列表内容偏移量,以使得所述目标子列表展示与所述子列表内容偏移量相适配的内容。
4.根据权利要求1或2所述的方法,其特征在于,所述主列表的子列表中包括多个展示控件,所述展示控件用于填充待展示的内容;相应地,所述方法还包括:
在所述主列表滚动时,若存在从当前界面中移出的展示控件,将所述移出的展示控件加入控件池;其中,所述展示控件具备控件标识;
当在所述主列表中需要展示新的内容时,从所述控件池中通过读取目标展示控件的控件标识,以获取所述目标展示控件,并在当前页面中通过所述目标展示控件展示所述新的内容。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
调整所述主列表的主列表内容偏移量,以使得调整后的主列表内容偏移量与所述目标第二子列表的初始子列表内容偏移量相匹配。
6.根据权利要求1所述的方法,其特征在于,在所述主列表中还包括与所述至少两个第二子列表相关联的选择控件;其中,所述选择控件的数量与所述第二子列表的数量一致;
相应地,所述方法还包括:
当从第一选择控件切换至第二选择控件时,在所述主列表中展示的第二子列表由与所述第一选择控件相关联的第二子列表切换至与所述第二选择控件相关联的第二子列表。
7.根据权利要求6所述的方法,其特征在于,所述方法还包括:
所述选择控件的初始位置位于所述第一子列表和所述第二子列表之间;
在所述主列表滚动时,若在当前界面中显示所述选择控件的初始位置,所述选择控件与所述第一子列表以及所述第二子列表同步滚动;
若在当前界面中无法显示所述选择控件的初始位置,所述选择控件悬停于当前界面的顶端或者底端。
8.根据权利要求1或2所述的方法,其特征在于,当所述第二子列表展示所述详情信息时,所述方法还包括:
调节所述第二子列表的高度,以使得调节之后的第二子列表的尺寸与所述详情信息相适配。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于优酷网络技术(北京)有限公司,未经优酷网络技术(北京)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201711056187.7/1.html,转载请声明来源钻瓜专利网。





