[發明專利]一種頁面展示方法及客戶端有效
| 申請號: | 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.szxzyx.cn/pat/books/201711056187.7/1.html,轉載請聲明來源鉆瓜專利網。





