基于Ios系統(tǒng)WebView的翻頁(yè)方法和翻頁(yè)系統(tǒng)的制作方法
【專(zhuān)利摘要】本發(fā)明提供一種基于Ios系統(tǒng)WebView的翻頁(yè)方法和翻頁(yè)系統(tǒng)，翻頁(yè)系統(tǒng)包括：移動(dòng)端和服務(wù)器端；服務(wù)器端包括：第二接收模塊、分頁(yè)處理模塊和推送模塊；移動(dòng)端包括：第一接收模塊、下載請(qǐng)求模塊、容器創(chuàng)建模塊、WebView控件創(chuàng)建模塊、第一控制模塊、預(yù)加載模塊、向下翻頁(yè)流程控制模塊以及向上翻頁(yè)流程控制模塊。在服務(wù)器端采用分頁(yè)處理，移動(dòng)端在顯示當(dāng)前頁(yè)后，只預(yù)加載當(dāng)前頁(yè)的前一頁(yè)面以及后一頁(yè)面的內(nèi)容，從而既節(jié)省了移動(dòng)端的網(wǎng)絡(luò)消耗流量，也降低了移動(dòng)端瀏覽網(wǎng)頁(yè)的等待時(shí)間，提高了瀏覽體驗(yàn)；采用3個(gè)WebView控件，以平移方式實(shí)現(xiàn)流暢的翻頁(yè)效果，既提高了翻頁(yè)體驗(yàn)，又具有不占用屏幕空間、操作簡(jiǎn)單的優(yōu)點(diǎn)。
【專(zhuān)利說(shuō)明】基于1s系統(tǒng)WebView的翻頁(yè)方法和翻頁(yè)系統(tǒng)

【技術(shù)領(lǐng)域】
[0001]本發(fā)明屬于網(wǎng)頁(yè)翻頁(yè)【技術(shù)領(lǐng)域】,具體涉及一種基于1s系統(tǒng)WebView的翻頁(yè)方法和翻頁(yè)系統(tǒng)。

【背景技術(shù)】
[0002]1S系統(tǒng)是由美國(guó)蘋(píng)果公司開(kāi)發(fā)的應(yīng)用于手機(jī)和平板電腦的移動(dòng)操作系統(tǒng)，WebView控件是1S系統(tǒng)的一個(gè)最常用的控件，可稱(chēng)為內(nèi)置的瀏覽器控件，通過(guò)WebView控件，可瀏覽網(wǎng)頁(yè)、打開(kāi)文檔等。
[0003]目前，WebView控件主要采用以下兩種方式之一顯示網(wǎng)頁(yè)內(nèi)容:
[0004]方式一:當(dāng)移動(dòng)端接收到對(duì)某一 url網(wǎng)頁(yè)的請(qǐng)求時(shí)，移動(dòng)端通過(guò)網(wǎng)絡(luò)向服務(wù)器端發(fā)送該網(wǎng)頁(yè)的下載請(qǐng)求，在移動(dòng)端下載到完整的網(wǎng)頁(yè)后，再通過(guò)WebView控件同時(shí)顯示完整的網(wǎng)頁(yè)；該種方式存在的主要問(wèn)題為:如果對(duì)應(yīng)某一 url的網(wǎng)頁(yè)較大，包含的信息較多，因此，通過(guò)網(wǎng)絡(luò)將該url所對(duì)應(yīng)的網(wǎng)頁(yè)均下載下來(lái)，會(huì)消耗移動(dòng)端較多的流量，并且，也會(huì)導(dǎo)致移動(dòng)端等待時(shí)間較長(zhǎng)，從而降低了用戶(hù)體驗(yàn)；此外，在多數(shù)情況下，由于用戶(hù)的喜好不同，通常只對(duì)某一 url所對(duì)應(yīng)的網(wǎng)頁(yè)中的部分內(nèi)容感興趣，而將該url所對(duì)應(yīng)的網(wǎng)頁(yè)均下載下來(lái)，會(huì)導(dǎo)致所下載的網(wǎng)頁(yè)的篇幅過(guò)長(zhǎng)，進(jìn)一步影響了用戶(hù)體驗(yàn)?？梢?jiàn)，該種方式只適用于篇幅較短、形式單一的網(wǎng)頁(yè)。
[0005]方式二:在服務(wù)器采用了對(duì)網(wǎng)頁(yè)的分頁(yè)處理技術(shù)，因此，在移動(dòng)端，通過(guò)WebView控件顯示分頁(yè)處理后的某一頁(yè)網(wǎng)頁(yè)，但是，WebView控件采用傳統(tǒng)頁(yè)面切換方式，即:當(dāng)需要顯示下一頁(yè)內(nèi)容時(shí)，需要首先將當(dāng)前頁(yè)內(nèi)容清空，然后再加載下一頁(yè)內(nèi)容。本方式雖然解決了方式一的不足，但是，不存在翻頁(yè)時(shí)的過(guò)渡效果，在新頁(yè)內(nèi)容加載顯示之前，由于舊頁(yè)面會(huì)被清空，因此，會(huì)短暫的顯示空白頁(yè)面，具有分頁(yè)過(guò)程生硬的問(wèn)題，用戶(hù)體驗(yàn)度仍然較低。而且，該種方式必然會(huì)增加按鈕等控件來(lái)實(shí)現(xiàn)翻頁(yè)功能，必然具有占用屏幕空間、操作不方便、不流暢等效果。


【發(fā)明內(nèi)容】

[0006]針對(duì)現(xiàn)有技術(shù)存在的缺陷，本發(fā)明提供一種基于1s系統(tǒng)WebView的翻頁(yè)方法和翻頁(yè)系統(tǒng)，可有效解決上述問(wèn)題。
[0007]本發(fā)明采用的技術(shù)方案如下:
[0008]本發(fā)明提供一種基于1s系統(tǒng)WebView的翻頁(yè)方法，包括以下步驟:
[0009]SI，當(dāng)移動(dòng)端接收到對(duì)某一 url網(wǎng)頁(yè)的興趣區(qū)域的請(qǐng)求消息時(shí)，所述移動(dòng)端通過(guò)網(wǎng)絡(luò)向服務(wù)器端發(fā)送該網(wǎng)頁(yè)的下載請(qǐng)求；其中，該下載請(qǐng)求中攜帶有該網(wǎng)頁(yè)的興趣區(qū)域信息；
[0010]S2，所述服務(wù)器端在接收到該網(wǎng)頁(yè)的下載請(qǐng)求時(shí)，所述服務(wù)器端基于預(yù)設(shè)分頁(yè)策略，對(duì)所述網(wǎng)頁(yè)進(jìn)行分頁(yè)處理，得到η個(gè)連續(xù)頁(yè)面；該連續(xù)頁(yè)面按從前向后順序依次記為:第I頁(yè)面、第2頁(yè)面…第η頁(yè)面；然后，獲得包含所述興趣區(qū)域信息的第i頁(yè)面；
[0011]S3，所述服務(wù)器端將第i頁(yè)面以及總頁(yè)面數(shù)η推送到所述移動(dòng)端；
[0012]S4，所述移動(dòng)端創(chuàng)建按自上而下順序重疊排列的三層容器，分別記為:第一層容器、第二層容器和第三層容器；另外，所述移動(dòng)端創(chuàng)建三個(gè)WebView控件，分別記為--第IffebView控件、第2WebView控件和第3WebView控件；然后，所述移動(dòng)端將第IWebView控件放置于第一層容器，將第2WebVieW控件放置于第二層容器以及將第3WebVieW控件放置于第三層容器；
[0013]所述移動(dòng)端調(diào)用所述第IWebView控件加載并顯示第i頁(yè)面；
[0014]S5，所述移動(dòng)端判斷總頁(yè)面數(shù)η是否大于I頁(yè)，如果是，則執(zhí)行S6 ；
[0015]S6，所述移動(dòng)端讀取當(dāng)前所顯示的頁(yè)面號(hào)i值，并執(zhí)行以下預(yù)加載過(guò)程:
[0016]如果i = I,則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面；
[0017]如果I < i < η,則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面,且調(diào)用所述第3ffebView控件預(yù)加載第1-Ι頁(yè)面；
[0018]如果i = η,則調(diào)用所述第3WebView控件預(yù)加載第i_l頁(yè)面；
[0019]S7，向下翻頁(yè)流程:
[0020]如果當(dāng)前所顯示的第i頁(yè)面不是最后一個(gè)頁(yè)面，即i古n，且所述移動(dòng)端檢測(cè)到手勢(shì)向上滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端同時(shí)移動(dòng)所述第IWebView控件，使所述第IWebView控件逐漸離開(kāi)所述第一層容器，即將所述第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容逐漸移離出屏幕；并且，隨著所述第IWebView控件的移動(dòng)，位于所述第IWebView控件之下的第2WebView控件逐漸顯示出來(lái)，由此導(dǎo)致第2WebView控件預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容逐漸移入到屏幕；
[0021]當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向上滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向上滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第2WebVieW控件移入到第一層容器，即將所述第2WebVieW控件所預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第i+Ι頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第三層容器；將所述第3WebView控件移入到第二層容器,并通過(guò)所述第3WebView控件預(yù)加載第i+2頁(yè)面；然后，將位于第一層容器的所述第2WebView控件的名字改記為第IWebView控件,將位于第二層容器的所述第3WebVieW控件的名字改記為第2WebVieW控件，將位于第三層容器的所述第IWebView控件的名字改記為第3WebView控件，由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向下翻頁(yè)的一個(gè)流程；
[0022]向上翻頁(yè)流程:
[0023]如果當(dāng)前所顯示的第i頁(yè)面不是第I個(gè)頁(yè)面，即i辛1，且所述移動(dòng)端檢測(cè)到手勢(shì)向下滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端將所述第IWebView控件置于第二層容器，將所述第3ffebView控件置于與第一層容器平行且位于第一層容器之外的位置，將所述第2WebVieW控件置于第三層容器；由于第3WebVieW控件置于第一層容器之外，則初始時(shí)，所述第3ffebView控件對(duì)第IWebView控件不存在遮擋，第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容顯示在屏幕上；隨著手勢(shì)向下滑動(dòng)的動(dòng)作，逐漸將所述第3WebVieW控件向第一層容器中移入；并且，隨著第3WebView控件的移動(dòng)，第3WebView控件不斷覆蓋第IWebView控件，導(dǎo)致第IWebView控件在屏幕上顯示的第i頁(yè)面逐漸消失,而第3WebView控件預(yù)加載的第1-Ι頁(yè)面的頁(yè)面內(nèi)容逐漸移進(jìn)屏幕；
[0024]當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向下滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向下滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第3WebVieW控件移入到第一層容器，即將所述第3WebVieW控件所預(yù)加載的第i_l頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第i_l頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第二層容器；將所述第2WebView控件移入到第三層容器,并通過(guò)所述第2WebView控件預(yù)加載第i_2頁(yè)面；然后，將位于第一層容器的所述第3WebView控件的名字改記為第IWebView控件,將位于第二層容器的所述第IWebView控件的名字改記為第2WebVieW控件，將位于第三層容器的所述第2WebView控件的名字改記為第3WebView控件，由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向上翻頁(yè)的一個(gè)流程。
[0025]優(yōu)選的，SI中，所述該網(wǎng)頁(yè)的興趣區(qū)域信息包括:興趣詞或該興趣區(qū)域在該網(wǎng)頁(yè)的位置百分比信息。
[0026]優(yōu)選的，S2中，所述預(yù)設(shè)分頁(yè)策略通過(guò)以下方法獲得:
[0027]綜合考慮被請(qǐng)求下載的網(wǎng)頁(yè)大小、移動(dòng)端的當(dāng)前網(wǎng)速情況以及移動(dòng)端顯示屏幕大小，得到所述預(yù)設(shè)分頁(yè)策略。
[0028]優(yōu)選的，S7中，在向下翻頁(yè)流程中，在將所述第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容逐漸移離出屏幕時(shí)，仍然顯示在屏幕上的第i頁(yè)面的頁(yè)面內(nèi)容增加有特殊視覺(jué)效果圖案；
[0029]在向上翻頁(yè)流程中，在第IWebView控件在屏幕上顯示的第i頁(yè)面逐漸消失的過(guò)程中，第IWebView控件在屏幕上顯示的尚未消失的第i頁(yè)面內(nèi)容增加有特殊視覺(jué)效果圖案。
[0030]優(yōu)選的，所述特殊視覺(jué)效果圖案為遮罩陰影效果或動(dòng)畫(huà)效果。
[0031]本發(fā)明還提供一種基于1s系統(tǒng)WebView的翻頁(yè)系統(tǒng)，包括移動(dòng)端和服務(wù)器端；
[0032]所述移動(dòng)端包括:
[0033]第一接收模塊，用于接收對(duì)某一 url網(wǎng)頁(yè)的興趣區(qū)域的請(qǐng)求消息；
[0034]下載請(qǐng)求模塊，用于當(dāng)所述第一接收模塊接收到對(duì)所述某一 url網(wǎng)頁(yè)的興趣區(qū)域的請(qǐng)求消息時(shí)，通過(guò)網(wǎng)絡(luò)向服務(wù)器端發(fā)送該網(wǎng)頁(yè)的下載請(qǐng)求；其中，該下載請(qǐng)求中攜帶有該網(wǎng)頁(yè)的興趣區(qū)域信息；
[0035]所述服務(wù)器端包括:
[0036]第二接收模塊，用于接收所述移動(dòng)端的下載請(qǐng)求模塊所發(fā)送的下載請(qǐng)求；
[0037]分頁(yè)處理模塊，用于基于預(yù)設(shè)分頁(yè)策略，對(duì)所述網(wǎng)頁(yè)進(jìn)行分頁(yè)處理，得到η個(gè)連續(xù)頁(yè)面；該連續(xù)頁(yè)面按從前向后順序依次記為:第I頁(yè)面、第2頁(yè)面…第η頁(yè)面；然后，獲得包含所述興趣區(qū)域信息的第i頁(yè)面；
[0038]推送模塊，用于將第i頁(yè)面以及總頁(yè)面數(shù)η推送到所述移動(dòng)端；
[0039]所述移動(dòng)端還包括:
[0040]容器創(chuàng)建模塊，用于創(chuàng)建按自上而下順序重疊排列的三層容器，分別記為:第一層容器、第二層容器和第三層容器；
[0041]WebView控件創(chuàng)建模塊，用于創(chuàng)建三個(gè)WebView控件，分別記為:第IWebView控件、第2WebView控件和第3WebView控件；
[0042]第一控制模塊，用于將第IWebView控件放置于第一層容器,將第2WebView控件放置于第二層容器以及將第3WebVieW控件放置于第三層容器；
[0043]預(yù)加載模塊,用于當(dāng)i = 1，則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面；當(dāng)I
<i < η,則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面,且調(diào)用所述第3WebView控件預(yù)加載第1-Ι頁(yè)面；當(dāng)i = η,則調(diào)用所述第3WebView控件預(yù)加載第i_l頁(yè)面；
[0044]向下翻頁(yè)流程控制模塊，用于:當(dāng)前所顯示的第i頁(yè)面不是最后一個(gè)頁(yè)面，即i fn，且所述移動(dòng)端檢測(cè)到手勢(shì)向上滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端同時(shí)移動(dòng)所述第IWebView控件,使所述第IWebView控件逐漸離開(kāi)所述第一層容器，即將所述第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容逐漸移離出屏幕；并且，隨著所述第IWebView控件的移動(dòng)，位于所述第IWebView控件之下的第2WebView控件逐漸顯示出來(lái)，由此導(dǎo)致第2WebView控件預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容逐漸移入到屏幕；
[0045]當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向上滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向上滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第2WebVieW控件移入到第一層容器，即將所述第2WebVieW控件所預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第i+Ι頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第三層容器；將所述第3WebView控件移入到第二層容器,并通過(guò)所述第3WebView控件預(yù)加載第i+2頁(yè)面；然后，將位于第一層容器的所述第2WebView控件的名字改記為第IWebView控件,將位于第二層容器的所述第3WebVieW控件的名字改記為第2WebVieW控件，將位于第三層容器的所述第IWebView控件的名字改記為第3WebView控件，由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向下翻頁(yè)的一個(gè)流程；
[0046]向上翻頁(yè)流程控制模塊，用于:如果當(dāng)前所顯示的第i頁(yè)面不是第I個(gè)頁(yè)面，即i幸1，且所述移動(dòng)端檢測(cè)到手勢(shì)向下滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端將所述第IWebView控件置于第二層容器，將所述第3WebVieW控件置于與第一層容器平行且位于第一層容器之外的位置，將所述第2WebView控件置于第三層容器；由于第3WebView控件置于第一層容器之外，則初始時(shí)，所述第3WebView控件對(duì)第IWebView控件不存在遮擋，第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容顯示在屏幕上；隨著手勢(shì)向下滑動(dòng)的動(dòng)作，逐漸將所述第3WebView控件向第一層容器中移入；并且，隨著第3WebView控件的移動(dòng)，第3WebView控件不斷覆蓋第IWebView控件,導(dǎo)致第IWebView控件在屏幕上顯示的第i頁(yè)面逐漸消失,而第3ffebView控件預(yù)加載的第i_l頁(yè)面的頁(yè)面內(nèi)容逐漸移進(jìn)屏幕；
[0047]當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向下滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向下滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第3WebVieW控件移入到第一層容器，即將所述第3WebVieW控件所預(yù)加載的第i_l頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第i_l頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第二層容器；將所述第2WebView控件移入到第三層容器,并通過(guò)所述第2WebView控件預(yù)加載第i_2頁(yè)面；然后，將位于第一層容器的所述第3WebView控件的名字改記為第IWebView控件,將位于第二層容器的所述第IWebView控件的名字改記為第2WebVieW控件，將位于第三層容器的所述第2WebView控件的名字改記為第3WebView控件，由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向上翻頁(yè)的一個(gè)流程。
[0048]本發(fā)明的有益效果如下:
[0049](I)在服務(wù)器端采用分頁(yè)處理，移動(dòng)端在顯示當(dāng)前頁(yè)后，只預(yù)加載當(dāng)前頁(yè)的前一頁(yè)面以及后一頁(yè)面的內(nèi)容，從而既節(jié)省了移動(dòng)端的網(wǎng)絡(luò)消耗流量，也降低了移動(dòng)端瀏覽網(wǎng)頁(yè)的等待時(shí)間，提聞了用戶(hù)瀏覽體驗(yàn)；
[0050](2)采用3個(gè)WebView控件，通過(guò)對(duì)3個(gè)WebView控件的控制，以平移方式實(shí)現(xiàn)流暢的翻頁(yè)效果，既提高了翻頁(yè)體驗(yàn)，又具有不占用屏幕空間、操作簡(jiǎn)單的優(yōu)點(diǎn)。

【專(zhuān)利附圖】

【附圖說(shuō)明】
[0051]圖1為本發(fā)明提供的基于1s系統(tǒng)WebView的翻頁(yè)系統(tǒng)的結(jié)構(gòu)不意圖；
[0052]圖2為本發(fā)明提供的所創(chuàng)建的三層容器的示意圖；
[0053]圖3為向圖2的三層容器中置入WebView控件后的結(jié)構(gòu)示意圖；
[0054]圖4為向下翻頁(yè)流程過(guò)程中對(duì)圖3進(jìn)行控制后的結(jié)構(gòu)示意圖；
[0055]圖5為對(duì)圖4進(jìn)行控制后的結(jié)構(gòu)示意圖；
[0056]圖6為對(duì)圖5進(jìn)行控制后的結(jié)構(gòu)示意圖；
[0057]圖7為向上翻頁(yè)流程過(guò)程中對(duì)圖3進(jìn)行控制后的結(jié)構(gòu)示意圖；
[0058]圖8為對(duì)圖7進(jìn)行控制后的結(jié)構(gòu)示意圖；
[0059]圖9為對(duì)圖8進(jìn)行控制后的結(jié)構(gòu)示意圖；
[0060]圖10為對(duì)圖9進(jìn)行控制后的結(jié)構(gòu)示意圖。

【具體實(shí)施方式】
[0061]以下結(jié)合附圖對(duì)本發(fā)明進(jìn)行詳細(xì)說(shuō)明:
[0062]本發(fā)明提供一種基于1s系統(tǒng)WebView的翻頁(yè)方法，包括以下步驟:
[0063]SI，當(dāng)移動(dòng)端接收到對(duì)某一 url網(wǎng)頁(yè)的興趣區(qū)域的請(qǐng)求消息時(shí)，所述移動(dòng)端通過(guò)網(wǎng)絡(luò)向服務(wù)器端發(fā)送該網(wǎng)頁(yè)的下載請(qǐng)求；其中，該下載請(qǐng)求中攜帶有該網(wǎng)頁(yè)的興趣區(qū)域信息；該網(wǎng)頁(yè)的興趣區(qū)域信息包括:興趣詞或該興趣區(qū)域在該網(wǎng)頁(yè)的位置百分比信息。例如，如果用戶(hù)對(duì)網(wǎng)頁(yè)中60%進(jìn)度位置的某段內(nèi)容感興趣，則興趣區(qū)域即為60%。
[0064]S2，所述服務(wù)器端在接收到該網(wǎng)頁(yè)的下載請(qǐng)求時(shí)，所述服務(wù)器端基于預(yù)設(shè)分頁(yè)策略，對(duì)所述網(wǎng)頁(yè)進(jìn)行分頁(yè)處理，得到η個(gè)連續(xù)頁(yè)面；該連續(xù)頁(yè)面按從前向后順序依次記為:第I頁(yè)面、第2頁(yè)面…第η頁(yè)面；然后，獲得包含所述興趣區(qū)域信息的第i頁(yè)面；
[0065]實(shí)際應(yīng)用中，服務(wù)器端可靈活設(shè)定各種預(yù)設(shè)分頁(yè)策略，例如，綜合考慮被請(qǐng)求下載的網(wǎng)頁(yè)大小、移動(dòng)端的當(dāng)前網(wǎng)速情況以及移動(dòng)端顯示屏幕大小的分頁(yè)策略。例如，可以按照移動(dòng)端的當(dāng)前網(wǎng)速越快、移動(dòng)端顯示屏幕越大，則分頁(yè)后每一個(gè)頁(yè)面越大的原則進(jìn)行分頁(yè)；以及，被請(qǐng)求下載的網(wǎng)頁(yè)越大，則相應(yīng)的，分頁(yè)后每一個(gè)頁(yè)面越大的原則進(jìn)行分頁(yè)。從而全面提高用戶(hù)瀏覽體驗(yàn)。
[0066]S3，所述服務(wù)器端將第i頁(yè)面以及總頁(yè)面數(shù)η推送到所述移動(dòng)端；
[0067]S4，所述移動(dòng)端創(chuàng)建按自上而下順序重疊排列的三層容器，分別記為:第一層容器、第二層容器和第三層容器；第一層容器映射到移動(dòng)端屏幕；如圖2所示，為所創(chuàng)建的三層容器的示意圖；
[0068]另夕卜，所述移動(dòng)端創(chuàng)建三個(gè)WebView控件，分別記為:第IWebView控件、第2ffebView控件和第3WebView控件；然后，所述移動(dòng)端將第IWebView控件放置于第一層容器，將第2WebVieW控件放置于第二層容器以及將第3WebVieW控件放置于第三層容器；如圖3所示，為向圖2的三層容器中置入WebView控件后的結(jié)構(gòu)示意圖；
[0069]所述移動(dòng)端調(diào)用所述第IWebView控件加載并顯示第i頁(yè)面；則此時(shí)移動(dòng)端的屏幕上即顯示第i頁(yè)面。
[0070]S5，所述移動(dòng)端判斷總頁(yè)面數(shù)η是否大于I頁(yè)，如果是，則執(zhí)行S6 ;如果否，則不存在翻頁(yè)流程；
[0071]S6，所述移動(dòng)端讀取當(dāng)前所顯示的頁(yè)面號(hào)i值，并執(zhí)行以下預(yù)加載過(guò)程:
[0072]如果i = I,則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面；
[0073]如果I < i < η,則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面,且調(diào)用所述第3ffebView控件預(yù)加載第1-Ι頁(yè)面；
[0074]如果i = η,則調(diào)用所述第3WebView控件預(yù)加載第i_l頁(yè)面；
[0075]需要強(qiáng)調(diào)的是，雖然在下面執(zhí)行向下或向上翻頁(yè)流程的過(guò)程中，會(huì)調(diào)整各個(gè)WebView控件位于容器的層數(shù)，導(dǎo)致各個(gè)WebView控件的上下重疊順序發(fā)生變化，但是，每當(dāng)執(zhí)行完一次向下或向上翻頁(yè)流程后，均會(huì)進(jìn)行重置WebView控件編號(hào)的操作，即:重新確定WebView控件的編號(hào)，使第一層容器容置的WebView控件為第IWebView控件、第二層容器容置的WebView控件為第2WebView控件、第三層容器容置的WebView控件為第3WebView控件；并且，在靜態(tài)情況下，位于第一層容器的第IWebView控件加載并顯示的始終為當(dāng)前頁(yè)；位于第二層容器的第2WebVieW控件加載并顯示的為當(dāng)前頁(yè)的后一頁(yè)；位于第三層容器的第3WebVieW控件加載并顯示的為當(dāng)前頁(yè)的后一頁(yè)；這一點(diǎn)對(duì)理解本發(fā)明至關(guān)重要。
[0076]S7,向下翻頁(yè)流程參考圖4-圖6，在圖4-圖6中，以i = 3為例示意。
[0077]如果當(dāng)前所顯示的第i頁(yè)面不是最后一個(gè)頁(yè)面，即i古n，且所述移動(dòng)端檢測(cè)到手勢(shì)向上滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端同時(shí)移動(dòng)所述第IWebView控件，使所述第IWebView控件逐漸離開(kāi)所述第一層容器，即:將所述第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容逐漸移離出屏幕；并且，隨著所述第IWebView控件的移動(dòng)，位于所述第IWebView控件之下的第2WebView控件逐漸顯示出來(lái)，由此導(dǎo)致第2WebView控件預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容逐漸移入到屏幕；如圖4所示，即為第IWebView控件逐漸離開(kāi)所述第一層容器的示意圖；
[0078]當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向上滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向上滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第2WebVieW控件移入到第一層容器，即將所述第2WebVieW控件所預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第i+Ι頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第三層容器；將所述第3WebVieW控件移入到第二層容器，并通過(guò)所述第3WebVieW控件預(yù)加載第i+2頁(yè)面；得到圖5所示的結(jié)構(gòu)示意圖；然后，將位于第一層容器的所述第2WebVieW控件的名字改記為第IWebView控件，將位于第二層容器的所述第3WebView控件的名字改記為第2WebView控件，將位于第三層容器的所述第IWebView控件的名字改記為第3WebVieW控件，得到圖6所示的結(jié)構(gòu)示意圖，由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向下翻頁(yè)的一個(gè)流程；
[0079]向上翻頁(yè)流程參考圖7-圖10，在圖7-圖10中，以i = 3為例示意。
[0080]如果當(dāng)前所顯示的第i頁(yè)面不是第I個(gè)頁(yè)面，即i Φ 1，且所述移動(dòng)端檢測(cè)到手勢(shì)向下滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端將所述第IWebView控件置于第二層容器，將所述第3ffebView控件置于與第一層容器平行且位于第一層容器之外的位置，將所述第2WebVieW控件置于第三層容器；即得到圖7所示的結(jié)構(gòu)示意圖。由于第3WebVieW控件置于第一層容器之外，則初始時(shí)，所述第3WebView控件對(duì)第IWebView控件不存在遮擋，第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容顯示在屏幕上；隨著手勢(shì)向下滑動(dòng)的動(dòng)作，逐漸將所述第3WebView控件向第一層容器中移入；并且，隨著第3WebView控件的移動(dòng)，第3WebView控件不斷覆蓋第IWebView控件,導(dǎo)致第IWebView控件在屏幕上顯示的第i頁(yè)面逐漸消失，而第3ffebView控件預(yù)加載的第i_l頁(yè)面的頁(yè)面內(nèi)容逐漸移進(jìn)屏幕；如圖8所示，即為本過(guò)程中第3WebView控件移動(dòng)過(guò)程的結(jié)構(gòu)示意圖。
[0081]當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向下滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向下滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第3WebVieW控件移入到第一層容器，即將所述第3WebVieW控件所預(yù)加載的第i_l頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第i_l頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第二層容器；將所述第2WebVieW控件移入到第三層容器，并通過(guò)所述第2WebVieW控件預(yù)加載第i_2頁(yè)面；由此得到圖9所示的結(jié)構(gòu)示意圖。然后，將位于第一層容器的所述第3WebVieW控件的名字改記為第IWebView控件，將位于第二層容器的所述第IWebView控件的名字改記為第2WebView控件，將位于第三層容器的所述第2WebView控件的名字改記為第3WebView控件，由此得到圖10所示的結(jié)構(gòu)示意圖。由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向上翻頁(yè)的一個(gè)流程。
[0082]另外，在向下翻頁(yè)流程中，在將所述第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容逐漸移離出屏幕時(shí)，仍然顯示在屏幕上的第i頁(yè)面的頁(yè)面內(nèi)容增加有特殊視覺(jué)效果圖案；在向上翻頁(yè)流程中，在第IWebView控件在屏幕上顯示的第i頁(yè)面逐漸消失的過(guò)程中，第IWebView控件在屏幕上顯示的尚未消失的第i頁(yè)面內(nèi)容增加有特殊視覺(jué)效果圖案。特殊視覺(jué)效果圖案可以為遮罩陰影效果或動(dòng)畫(huà)效果。
[0083]如圖1所不，本發(fā)明還提供一種基于1s系統(tǒng)WebView的翻頁(yè)系統(tǒng)，包括移動(dòng)纟而和服務(wù)器端；
[0084]所述移動(dòng)端包括:
[0085]第一接收模塊，用于接收對(duì)某一 url網(wǎng)頁(yè)的興趣區(qū)域的請(qǐng)求消息；
[0086]下載請(qǐng)求模塊，用于當(dāng)所述第一接收模塊接收到對(duì)所述某一 url網(wǎng)頁(yè)的興趣區(qū)域的請(qǐng)求消息時(shí)，通過(guò)網(wǎng)絡(luò)向服務(wù)器端發(fā)送該網(wǎng)頁(yè)的下載請(qǐng)求；其中，該下載請(qǐng)求中攜帶有該網(wǎng)頁(yè)的興趣區(qū)域信息；
[0087]所述服務(wù)器端包括:
[0088]第二接收模塊，用于接收所述移動(dòng)端的下載請(qǐng)求模塊所發(fā)送的下載請(qǐng)求；
[0089]分頁(yè)處理模塊，用于基于預(yù)設(shè)分頁(yè)策略，對(duì)所述網(wǎng)頁(yè)進(jìn)行分頁(yè)處理，得到η個(gè)連續(xù)頁(yè)面；該連續(xù)頁(yè)面按從前向后順序依次記為:第I頁(yè)面、第2頁(yè)面…第η頁(yè)面；然后，獲得包含所述興趣區(qū)域信息的第i頁(yè)面；
[0090]推送模塊，用于將第i頁(yè)面以及總頁(yè)面數(shù)η推送到所述移動(dòng)端；
[0091]所述移動(dòng)端還包括:
[0092]容器創(chuàng)建模塊，用于創(chuàng)建按自上而下順序重疊排列的三層容器，分別記為:第一層容器、第二層容器和第三層容器；
[0093]WebView控件創(chuàng)建模塊，用于創(chuàng)建三個(gè)WebView控件，分別記為:第IWebView控件、第2WebView控件和第3WebView控件；
[0094]第一控制模塊，用于將第IWebView控件放置于第一層容器,將第2WebView控件放置于第二層容器以及將第3WebVieW控件放置于第三層容器；
[0095]預(yù)加載模塊,用于當(dāng)i = 1，則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面；當(dāng)I
<i < η,則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面,且調(diào)用所述第3WebView控件預(yù)加載第1-Ι頁(yè)面；當(dāng)i = η,則調(diào)用所述第3WebView控件預(yù)加載第i_l頁(yè)面；
[0096]向下翻頁(yè)流程控制模塊，用于:當(dāng)前所顯示的第i頁(yè)面不是最后一個(gè)頁(yè)面，即i fn，且所述移動(dòng)端檢測(cè)到手勢(shì)向上滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端同時(shí)移動(dòng)所述第IWebView控件,使所述第IWebView控件逐漸離開(kāi)所述第一層容器，即將所述第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容逐漸移離出屏幕；并且，隨著所述第IWebView控件的移動(dòng)，位于所述第IWebView控件之下的第2WebView控件逐漸顯示出來(lái)，由此導(dǎo)致第2WebView控件預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容逐漸移入到屏幕；
[0097]當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向上滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向上滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第2WebVieW控件移入到第一層容器，即將所述第2WebVieW控件所預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第i+Ι頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第三層容器；將所述第3WebView控件移入到第二層容器,并通過(guò)所述第3WebView控件預(yù)加載第i+2頁(yè)面；然后，將位于第一層容器的所述第2WebView控件的名字改記為第IWebView控件,將位于第二層容器的所述第3WebVieW控件的名字改記為第2WebVieW控件，將位于第三層容器的所述第IWebView控件的名字改記為第3WebView控件，由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向下翻頁(yè)的一個(gè)流程；
[0098]向上翻頁(yè)流程控制模塊，用于:如果當(dāng)前所顯示的第i頁(yè)面不是第I個(gè)頁(yè)面，即i幸1，且所述移動(dòng)端檢測(cè)到手勢(shì)向下滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端將所述第IWebView控件置于第二層容器，將所述第3WebVieW控件置于與第一層容器平行且位于第一層容器之外的位置，將所述第2WebView控件置于第三層容器；由于第3WebView控件置于第一層容器之外，則初始時(shí)，所述第3WebView控件對(duì)第IWebView控件不存在遮擋，第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容顯示在屏幕上；隨著手勢(shì)向下滑動(dòng)的動(dòng)作，逐漸將所述第3ffebView控件向第一層容器中移入；并且，隨著第3WebView控件的移動(dòng)，第3WebView控件不斷覆蓋第IWebView控件,導(dǎo)致第IWebView控件在屏幕上顯示的第i頁(yè)面逐漸消失,而第3ffebView控件預(yù)加載的第i_l頁(yè)面的頁(yè)面內(nèi)容逐漸移進(jìn)屏幕；
[0099]當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向下滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向下滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第3WebVieW控件移入到第一層容器，即將所述第3WebVieW控件所預(yù)加載的第i_l頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第i_l頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第二層容器；將所述第2WebView控件移入到第三層容器,并通過(guò)所述第2WebView控件預(yù)加載第i_2頁(yè)面；然后，將位于第一層容器的所述第3WebView控件的名字改記為第IWebView控件,將位于第二層容器的所述第IWebView控件的名字改記為第2WebVieW控件，將位于第三層容器的所述第2WebView控件的名字改記為第3WebView控件，由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向上翻頁(yè)的一個(gè)流程。
[0100]本發(fā)明的有益效果如下:
[0101](I)在服務(wù)器端采用分頁(yè)處理，移動(dòng)端在顯示當(dāng)前頁(yè)后，只預(yù)加載當(dāng)前頁(yè)的前一頁(yè)面以及后一頁(yè)面的內(nèi)容，從而既節(jié)省了移動(dòng)端的網(wǎng)絡(luò)消耗流量，也降低了移動(dòng)端瀏覽網(wǎng)頁(yè)的等待時(shí)間，提聞了用戶(hù)瀏覽體驗(yàn)；
[0102](2)采用3個(gè)WebView控件，通過(guò)對(duì)3個(gè)WebView控件的控制，以平移方式實(shí)現(xiàn)流暢的翻頁(yè)效果，既提高了翻頁(yè)體驗(yàn)，又具有不占用屏幕空間、操作簡(jiǎn)單的優(yōu)點(diǎn)。
[0103]以上所述僅是本發(fā)明的優(yōu)選實(shí)施方式，應(yīng)當(dāng)指出，對(duì)于本【技術(shù)領(lǐng)域】的普通技術(shù)人員來(lái)說(shuō)，在不脫離本發(fā)明原理的前提下，還可以做出若干改進(jìn)和潤(rùn)飾，這些改進(jìn)和潤(rùn)飾也應(yīng)視本發(fā)明的保護(hù)范圍。
【權(quán)利要求】
1.一種基于1s系統(tǒng)WebView的翻頁(yè)方法，其特征在于，包括以下步驟:SI，當(dāng)移動(dòng)端接收到對(duì)某一 url網(wǎng)頁(yè)的興趣區(qū)域的請(qǐng)求消息時(shí)，所述移動(dòng)端通過(guò)網(wǎng)絡(luò)向服務(wù)器端發(fā)送該網(wǎng)頁(yè)的下載請(qǐng)求；其中，該下載請(qǐng)求中攜帶有該網(wǎng)頁(yè)的興趣區(qū)域信息；S2，所述服務(wù)器端在接收到該網(wǎng)頁(yè)的下載請(qǐng)求時(shí)，所述服務(wù)器端基于預(yù)設(shè)分頁(yè)策略，對(duì)所述網(wǎng)頁(yè)進(jìn)行分頁(yè)處理，得到η個(gè)連續(xù)頁(yè)面；該連續(xù)頁(yè)面按從前向后順序依次記為--第I頁(yè)面、第2頁(yè)面…第η頁(yè)面；然后，獲得包含所述興趣區(qū)域信息的第i頁(yè)面； S3，所述服務(wù)器端將第i頁(yè)面以及總頁(yè)面數(shù)η推送到所述移動(dòng)端； S4，所述移動(dòng)端創(chuàng)建按自上而下順序重疊排列的三層容器，分別記為:第一層容器、第二層容器和第三層容器；另外，所述移動(dòng)端創(chuàng)建三個(gè)WebView控件，分別記為:第IWebView控件、第2WebView控件和第3WebView控件；然后，所述移動(dòng)端將第IWebView控件放置于第一層容器，將第2WebVieW控件放置于第二層容器以及將第3WebVieW控件放置于第三層容器； 所述移動(dòng)端調(diào)用所述第IWebView控件加載并顯示第i頁(yè)面； S5，所述移動(dòng)端判斷總頁(yè)面數(shù)η是否大于I頁(yè)，如果是，則執(zhí)行S6 ； S6，所述移動(dòng)端讀取當(dāng)前所顯示的頁(yè)面號(hào)i值，并執(zhí)行以下預(yù)加載過(guò)程: 如果i = 1，則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面； 如果I < i < η,則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面，且調(diào)用所述第3ffebView控件預(yù)加載第1-Ι頁(yè)面； 如果i = η,則調(diào)用所述第3WebView控件預(yù)加載第i_l頁(yè)面； S7，向下翻頁(yè)流程: 如果當(dāng)前所顯示的第i頁(yè)面不是最后一個(gè)頁(yè)面，即i幸n，且所述移動(dòng)端檢測(cè)到手勢(shì)向上滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端同時(shí)移動(dòng)所述第IWebView控件，使所述第IWebView控件逐漸離開(kāi)所述第一層容器，即將所述第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容逐漸移離出屏幕；并且，隨著所述第IWebView控件的移動(dòng)，位于所述第IWebView控件之下的第2WebView控件逐漸顯示出來(lái)，由此導(dǎo)致第2WebView控件預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容逐漸移入到屏幕； 當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向上滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向上滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第2WebVieW控件移入到第一層容器，即將所述第2WebVieW控件所預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第i+Ι頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第三層容器；將所述第3WebView控件移入到第二層容器,并通過(guò)所述第3WebView控件預(yù)加載第i+2頁(yè)面；然后，將位于第一層容器的所述第2WebView控件的名字改記為第IWebView控件,將位于第二層容器的所述第3WebVieW控件的名字改記為第2WebVieW控件，將位于第三層容器的所述第IWebView控件的名字改記為第3WebView控件，由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向下翻頁(yè)的一個(gè)流程； 向上翻頁(yè)流程: 如果當(dāng)前所顯示的第i頁(yè)面不是第I個(gè)頁(yè)面，即i幸1，且所述移動(dòng)端檢測(cè)到手勢(shì)向下滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端將所述第IWebView控件置于第二層容器，將所述第3WebVieW控件置于與第一層容器平行且位于第一層容器之外的位置，將所述第2WebVieW控件置于第三層容器；由于第3WebVieW控件置于第一層容器之外，則初始時(shí)，所述第3WebVieW控件對(duì)第IWebView控件不存在遮擋，第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容顯示在屏幕上；隨著手勢(shì)向下滑動(dòng)的動(dòng)作，逐漸將所述第3WebVieW控件向第一層容器中移入；并且，隨著第3WebView控件的移動(dòng)，第3WebView控件不斷覆蓋第IWebView控件，導(dǎo)致第IWebView控件在屏幕上顯示的第i頁(yè)面逐漸消失,而第3WebView控件預(yù)加載的第1-Ι頁(yè)面的頁(yè)面內(nèi)容逐漸移進(jìn)屏幕； 當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向下滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向下滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第3WebVieW控件移入到第一層容器，即將所述第3WebVieW控件所預(yù)加載的第i_l頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第1-Ι頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第二層容器；將所述第2WebVieW控件移入到第三層容器，并通過(guò)所述第2WebVieW控件預(yù)加載第i_2頁(yè)面；然后，將位于第一層容器的所述第3WebView控件的名字改記為第IWebView控件,將位于第二層容器的所述第IWebView控件的名字改記為第2WebVieW控件，將位于第三層容器的所述第2WebView控件的名字改記為第3WebView控件，由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向上翻頁(yè)的一個(gè)流程。
2.根據(jù)權(quán)利要求1所述的基于1s系統(tǒng)WebView的翻頁(yè)方法，其特征在于，SI中，所述該網(wǎng)頁(yè)的興趣區(qū)域信息包括:興趣詞或該興趣區(qū)域在該網(wǎng)頁(yè)的位置百分比信息。
3.根據(jù)權(quán)利要求1所述的基于1s系統(tǒng)WebView的翻頁(yè)方法，其特征在于，S2中，所述預(yù)設(shè)分頁(yè)策略通過(guò)以下方法獲得: 綜合考慮被請(qǐng)求下載的網(wǎng)頁(yè)大小、移動(dòng)端的當(dāng)前網(wǎng)速情況以及移動(dòng)端顯示屏幕大小，得到所述預(yù)設(shè)分頁(yè)策略。
4.根據(jù)權(quán)利要求1所述的基于1s系統(tǒng)WebView的翻頁(yè)方法,其特征在于，S7中，在向下翻頁(yè)流程中，在將所述第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容逐漸移離出屏幕時(shí)，仍然顯示在屏幕上的第i頁(yè)面的頁(yè)面內(nèi)容增加有特殊視覺(jué)效果圖案； 在向上翻頁(yè)流程中，在第IWebView控件在屏幕上顯示的第i頁(yè)面逐漸消失的過(guò)程中，第IWebView控件在屏幕上顯示的尚未消失的第i頁(yè)面內(nèi)容增加有特殊視覺(jué)效果圖案。
5.根據(jù)權(quán)利要求4所述的基于1s系統(tǒng)WebView的翻頁(yè)方法，其特征在于，所述特殊視覺(jué)效果圖案為遮罩陰影效果或動(dòng)畫(huà)效果。
6.一種基于1s系統(tǒng)WebView的翻頁(yè)系統(tǒng)，其特征在于，包括移動(dòng)端和服務(wù)器端； 所述移動(dòng)端包括: 第一接收模塊，用于接收對(duì)某一 url網(wǎng)頁(yè)的興趣區(qū)域的請(qǐng)求消息； 下載請(qǐng)求模塊，用于當(dāng)所述第一接收模塊接收到對(duì)所述某一 url網(wǎng)頁(yè)的興趣區(qū)域的請(qǐng)求消息時(shí)，通過(guò)網(wǎng)絡(luò)向服務(wù)器端發(fā)送該網(wǎng)頁(yè)的下載請(qǐng)求；其中，該下載請(qǐng)求中攜帶有該網(wǎng)頁(yè)的興趣區(qū)域信息； 所述服務(wù)器端包括: 第二接收模塊，用于接收所述移動(dòng)端的下載請(qǐng)求模塊所發(fā)送的下載請(qǐng)求； 分頁(yè)處理模塊，用于基于預(yù)設(shè)分頁(yè)策略，對(duì)所述網(wǎng)頁(yè)進(jìn)行分頁(yè)處理，得到η個(gè)連續(xù)頁(yè)面；該連續(xù)頁(yè)面按從前向后順序依次記為:第I頁(yè)面、第2頁(yè)面…第η頁(yè)面；然后，獲得包含所述興趣區(qū)域信息的第i頁(yè)面； 推送模塊，用于將第i頁(yè)面以及總頁(yè)面數(shù)η推送到所述移動(dòng)端； 所述移動(dòng)端還包括: 容器創(chuàng)建模塊，用于創(chuàng)建按自上而下順序重疊排列的三層容器，分別記為:第一層容器、第二層容器和第三層容器； WebView控件創(chuàng)建模塊，用于創(chuàng)建三個(gè)WebView控件，分別記為--第IWebView控件、第2ffebView控件和第3WebView控件； 第一控制模塊，用于將第IWebView控件放置于第一層容器，將第2WebVieW控件放置于第二層容器以及將第3WebVieW控件放置于第三層容器； 預(yù)加載模塊，用于當(dāng)i = I，則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面；當(dāng)I < i< η,則調(diào)用所述第2WebView控件預(yù)加載第i+Ι頁(yè)面，且調(diào)用所述第3WebView控件預(yù)加載第1-Ι頁(yè)面；當(dāng)i = η,則調(diào)用所述第3WebView控件預(yù)加載第i_l頁(yè)面； 向下翻頁(yè)流程控制模塊，用于:當(dāng)前所顯示的第i頁(yè)面不是最后一個(gè)頁(yè)面，即i古n，且所述移動(dòng)端檢測(cè)到手勢(shì)向上滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端同時(shí)移動(dòng)所述第IWebView控件，使所述第IWebView控件逐漸離開(kāi)所述第一層容器，即將所述第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容逐漸移離出屏幕；并且，隨著所述第IWebView控件的移動(dòng)，位于所述第IffebView控件之下的第2WebView控件逐漸顯示出來(lái)，由此導(dǎo)致第2WebView控件預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容逐漸移入到屏幕； 當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向上滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向上滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第2WebVieW控件移入到第一層容器，即將所述第2WebVieW控件所預(yù)加載的第i+Ι頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第i+Ι頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第三層容器；將所述第3WebView控件移入到第二層容器，并通過(guò)所述第3WebView控件預(yù)加載第i+2頁(yè)面；然后，將位于第一層容器的所述第2WebView控件的名字改記為第IWebView控件,將位于第二層容器的所述第3WebVieW控件的名字改記為第2WebVieW控件，將位于第三層容器的所述第IWebView控件的名字改記為第3WebView控件，由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向下翻頁(yè)的一個(gè)流程； 向上翻頁(yè)流程控制模塊，用于:如果當(dāng)前所顯示的第i頁(yè)面不是第I個(gè)頁(yè)面，即i古1，且所述移動(dòng)端檢測(cè)到手勢(shì)向下滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端將所述第IWebView控件置于第二層容器，將所述第3WebVieW控件置于與第一層容器平行且位于第一層容器之外的位置，將所述第2WebVieW控件置于第三層容器；由于第3WebVieW控件置于第一層容器之外，則初始時(shí)，所述第3WebView控件對(duì)第IWebView控件不存在遮擋，第IWebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容顯示在屏幕上；隨著手勢(shì)向下滑動(dòng)的動(dòng)作，逐漸將所述第3WebVieW控件向第一層容器中移入；并且，隨著第3WebVieW控件的移動(dòng)，第3WebVieW控件不斷覆蓋第IWebView控件,導(dǎo)致第IWebView控件在屏幕上顯示的第i頁(yè)面逐漸消失,而第3WebView控件預(yù)加載的第i_l頁(yè)面的頁(yè)面內(nèi)容逐漸移進(jìn)屏幕； 當(dāng)所述移動(dòng)端檢測(cè)到所述手勢(shì)向下滑動(dòng)的動(dòng)作消失時(shí)，所述移動(dòng)端進(jìn)一步判斷所述手勢(shì)向下滑動(dòng)的動(dòng)作是否達(dá)到翻頁(yè)動(dòng)作閾值，如果達(dá)到，則將所述第3WebVieW控件移入到第一層容器，即將所述第3WebVieW控件所預(yù)加載的第i_l頁(yè)面的頁(yè)面內(nèi)容完全顯示到頁(yè)面上，第1-Ι頁(yè)面即轉(zhuǎn)變?yōu)楫?dāng)前頁(yè)；然后，將所述第IWebView控件移入到第二層容器；將所述第2WebVieW控件移入到第三層容器，并通過(guò)所述第2WebVieW控件預(yù)加載第i_2頁(yè)面；然后，將位于第一層容器的所述第3WebView控件的名字改記為第IWebView控件,將位于第二層容器的所述第IWebView控件的名字改記為第2WebVieW控件，將位于第三層容器的所述第2WebView控件的名字改記為第3WebView控件，由此實(shí)現(xiàn)了對(duì)當(dāng)前頁(yè)進(jìn)行向上翻頁(yè)的一個(gè)流程。
【文檔編號(hào)】G06F17/30GK104268221SQ201410499352
【公開(kāi)日】2015年1月7日 申請(qǐng)日期:2014年9月25日 優(yōu)先權(quán)日:2014年9月25日
【發(fā)明者】史崢 申請(qǐng)人:車(chē)智互聯(lián)（北京）科技有限公司