[發明專利]基于Ios系統WebView的翻頁方法和翻頁系統

有效

• 申請號: 201410499352.6
• 申請日: 2014-09-25
• 公開（公告）號: CN104268221B
• 公開（公告）日: 2017-09-15
• 發明（設計）人: 史崢
• 申請（專利權）人: 車智互聯（北京）科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F9/44;G06F3/0481;G06F3/0488
• 代理公司: 北京市盛峰律師事務所11337
• 代理人: 席小東

1.一種基于Ios系統WebView的翻頁方法，其特征在于，包括以下步驟：

S1，當移動端接收到對某一url網頁的興趣區域的請求消息時，所述移動端通過網絡向服務器端發送該網頁的下載請求；其中，該下載請求中攜帶有該網頁的興趣區域信息；

S2，所述服務器端在接收到該網頁的下載請求時，所述服務器端基于預設分頁策略，對所述網頁進行分頁處理，得到n個連續頁面；該連續頁面按從前向后順序依次記為：第1頁面、第2頁面…第n頁面；然后，獲得包含所述興趣區域信息的第i頁面；

S3，所述服務器端將第i頁面以及總頁面數n推送到所述移動端；

S4，所述移動端創建按自上而下順序重疊排列的三層容器，分別記為：第一層容器、第二層容器和第三層容器；另外，所述移動端創建三個WebView控件，分別記為：第1WebView控件、第2WebView控件和第3WebView控件；然后，所述移動端將第1WebView控件放置于第一層容器，將第2WebView控件放置于第二層容器以及將第3WebView控件放置于第三層容器；

所述移動端調用所述第1WebView控件加載并顯示第i頁面；

S5，所述移動端判斷總頁面數n是否大于1頁，如果是，則執行S6；

S6，所述移動端讀取當前所顯示的頁面號i值，并執行以下預加載過程：

如果i＝1，則調用所述第2WebView控件預加載第i+1頁面；

如果1＜i＜n，則調用所述第2WebView控件預加載第i+1頁面，且調用所述第3WebView控件預加載第i-1頁面；

如果i＝n，則調用所述第3WebView控件預加載第i-1頁面；

S7，向下翻頁流程：

如果當前所顯示的第i頁面不是最后一個頁面，即i≠n，且所述移動端檢測到手勢向上滑動的動作時，則所述移動端同時移動所述第1WebView控件，使所述第1WebView控件逐漸離開所述第一層容器，即將所述第1WebView控件所加載的第i頁面的頁面內容逐漸移離出屏幕；并且，隨著所述第1WebView控件的移動，位于所述第1WebView控件之下的第2WebView控件逐漸顯示出來，由此導致第2WebView控件預加載的第i+1頁面的頁面內容逐漸移入到屏幕；

當所述移動端檢測到所述手勢向上滑動的動作消失時，所述移動端進一步判斷所述手勢向上滑動的動作是否達到翻頁動作閾值，如果達到，則將所述第2WebView控件移入到第一層容器，即將所述第2WebView控件所預加載的第i+1頁面的頁面內容完全顯示到頁面上，第i+1頁面即轉變為當前頁；然后，將所述第1WebView控件移入到第三層容器；將所述第3WebView控件移入到第二層容器，并通過所述第3WebView控件預加載第i+2頁面；然后，將位于第一層容器的所述第2WebView控件的名字改記為第1WebView控件，將位于第二層容器的所述第3WebView控件的名字改記為第2WebView控件，將位于第三層容器的所述第1WebView控件的名字改記為第3WebView控件，由此實現了對當前頁進行向下翻頁的一個流程；

向上翻頁流程：

如果當前所顯示的第i頁面不是第1個頁面，即i≠1，且所述移動端檢測到手勢向下滑動的動作時，則所述移動端將所述第1WebView控件置于第二層容器，將所述第3WebView控件置于與第一層容器平行且位于第一層容器之外的位置，將所述第2WebView控件置于第三層容器；由于第3WebView控件置于第一層容器之外，則初始時，所述第3WebView控件對第1WebView控件不存在遮擋，第1WebView控件所加載的第i頁面的頁面內容顯示在屏幕上；隨著手勢向下滑動的動作，逐漸將所述第3WebView控件向第一層容器中移入；并且，隨著第3WebView控件的移動，第3WebView控件不斷覆蓋第1WebView控件，導致第1WebView控件在屏幕上顯示的第i頁面逐漸消失，而第3WebView控件預加載的第i-1頁面的頁面內容逐漸移進屏幕；

當所述移動端檢測到所述手勢向下滑動的動作消失時，所述移動端進一步判斷所述手勢向下滑動的動作是否達到翻頁動作閾值，如果達到，則將所述第3WebView控件移入到第一層容器，即將所述第3WebView控件所預加載的第i-1頁面的頁面內容完全顯示到頁面上，第i-1頁面即轉變為當前頁；然后，將所述第1WebView控件移入到第二層容器；將所述第2WebView控件移入到第三層容器，并通過所述第2WebView控件預加載第i-2頁面；然后，將位于第一層容器的所述第3WebView控件的名字改記為第1WebView控件，將位于第二層容器的所述第1WebView控件的名字改記為第2WebView控件，將位于第三層容器的所述第2WebView控件的名字改記為第3WebView控件，由此實現了對當前頁進行向上翻頁的一個流程；

其中，S1中，所述該網頁的興趣區域信息包括：興趣詞或該興趣區域在該網頁的位置百分比信息；

其中，S2中，所述預設分頁策略通過以下方法獲得：

綜合考慮被請求下載的網頁大小、移動端的當前網速情況以及移動端顯示屏幕大小，得到所述預設分頁策略；

其中，S7中，在向下翻頁流程中，在將所述第1WebView控件所加載的第i頁面的頁面內容逐漸移離出屏幕時，仍然顯示在屏幕上的第i頁面的頁面內容增加有特殊視覺效果圖案；

在向上翻頁流程中，在第1WebView控件在屏幕上顯示的第i頁面逐漸消失的過程中，第1WebView控件在屏幕上顯示的尚未消失的第i頁面內容增加有特殊視覺效果圖案。