面的前一頁面的WebView，在加載新的頁面時(shí)，對(duì)于頁面連續(xù)跳轉(zhuǎn)的操作，只需要反復(fù)切換當(dāng)前的第一頁面的WebView、第一頁面的前一頁面的WebView之間的指向關(guān)系即可實(shí)現(xiàn)，而無需在每一次加載新頁面時(shí)都加載新的WebView，確保了內(nèi)存的最低占用值，從而不會(huì)造成移動(dòng)終端內(nèi)存的溢出，進(jìn)而避免出現(xiàn)APP FC的情況發(fā)生。
[0065]進(jìn)一步地，上述第一頁面的App bar、第二頁面的App bar和上述前一頁面的Appbar均通過原生方式Native語言實(shí)現(xiàn)，且第一頁面的WebView、第二頁面的WebView和上述前一頁面的WebView均通過網(wǎng)頁Web開發(fā)語言實(shí)現(xiàn)，可選的，本發(fā)明實(shí)施例涉及的移動(dòng)終端的頁面可以通過Hybrid (Nat ive+H5)方式實(shí)現(xiàn)，其中，頁面的App bar通過Native語言實(shí)現(xiàn)，頁面中的WebView通過H5語言實(shí)現(xiàn)，其中，H5指的是HTML5語言；當(dāng)然，頁面中的WebView還可以通過更高版本的HTML語言實(shí)現(xiàn)，還可以通過其他用于網(wǎng)頁開發(fā)的語言實(shí)現(xiàn)。
[0066]可選的，上述前一頁面可以與第一頁面屬于同級(jí)頁面，上述第一頁面可以與第二頁面屬于同級(jí)頁面，只要確保第一頁面的App bar與第二頁面的App bar之間的變化需要滿足預(yù)設(shè)的變化條件，第一頁面的App bar與前一頁面的App bar之間的變化也滿足該變化條件即可。
[0067]可選的，上述前一頁面可以與第一頁面不屬于同級(jí)頁面，上述第一頁面也可以與第二頁面不屬于同級(jí)頁面，只要確保第一頁面的App bar與第二頁面的App bar之間的變化需要滿足預(yù)設(shè)的變化條件，第一頁面的App bar與前一頁面的App bar之間的變化也滿足該變化條件即可。
[0068]綜上所述，本公開實(shí)施例對(duì)于頁面是否同級(jí)并不做限制，只要確保相鄰的兩個(gè)頁面的App bar的變化滿足預(yù)設(shè)的變化條件即可，不僅避免了在無限加載新頁面過程中內(nèi)存溢出的問題，也提高了頁面加載的適用性。
[0069]圖5是根據(jù)另一示例性實(shí)施例示出的一種頁面動(dòng)畫的實(shí)現(xiàn)方法的流程圖，該頁面動(dòng)畫的實(shí)現(xiàn)方法應(yīng)用于移動(dòng)終端中，例如可以是手機(jī)、平板電腦、個(gè)人數(shù)字助理等終端。本實(shí)施例涉及的是在移動(dòng)終端已經(jīng)將第二頁面的頁面元素內(nèi)容加載至前一頁面的WebView上之后，提高頁面的切換動(dòng)畫效果的具體過程。在上述圖1所示實(shí)施例的基礎(chǔ)上，進(jìn)一步地，在上述S102之后，該方法還包括如下步驟:
[0070]在步驟S201中，將所述前一頁面的Appbar的標(biāo)題文字更改為與所述第二頁面的頁面元素內(nèi)容對(duì)應(yīng)的標(biāo)題文字。
[0071]本實(shí)施例中，上述第一頁面的Appbar與第二頁面的App bar之間的變化滿足預(yù)設(shè)的變化條件具體可以為第一頁面的App bar與第二頁面的App bar類型相同，且第一頁面的App bar的標(biāo)題文字與第二頁面的App bar的標(biāo)題文字不同；上述第一頁面的App bar與前一頁面的App bar之間的變化滿足上述變化條件具體可以為第一頁面的App bar與前一頁面的App bar類型相同，且第一頁面的App bar的標(biāo)題文字與前一頁面的App bar的標(biāo)題文字不同。
[0072]則在本實(shí)施例與實(shí)施例一不同的是，實(shí)施例一中第二頁面已經(jīng)加載到前一頁面的WebView上時(shí)，可以不更改前一頁面的App bar的標(biāo)題文字，而本實(shí)施例中，在第二頁面的頁面內(nèi)容元素加載進(jìn)前一頁面的WebView上之后，移動(dòng)終端將該前一頁面的App bar的標(biāo)題文字更改為與該第二頁面的頁面元素內(nèi)容對(duì)應(yīng)的標(biāo)題文字，從而形成第二頁面，提高頁面之間的切換的動(dòng)畫效果，參見圖6所示，圖6中前一頁面原來的App bar的標(biāo)題文字被更改為第二頁面的App bar的標(biāo)題文字，該標(biāo)題文字與第二頁面的頁面內(nèi)容元素對(duì)應(yīng);可選的，本實(shí)施例中，將第一頁面的WebView和前一頁面的WebView均設(shè)置為水平放置，這樣使得頁面切換的更加平滑，提高了用戶在多次頁面加載和頁面回退過程中的效果體驗(yàn)。
[0073]本實(shí)施例提供的頁面動(dòng)畫的實(shí)現(xiàn)方法，通過在將第二頁面的頁面元素內(nèi)容加載進(jìn)前一頁面的WebView上之后，將前一頁面的App bar的標(biāo)題文字更改為與第二頁面的頁面元素內(nèi)容對(duì)應(yīng)的標(biāo)題文字，從而使得第二頁面的頁面元素內(nèi)容與第二頁面的App bar的內(nèi)容對(duì)應(yīng)，形成第二頁面，提高了頁面之間的切換的動(dòng)畫效果。
[0074]下述為本公開裝置實(shí)施例，可以用于執(zhí)行本公開方法實(shí)施例。對(duì)于本公開裝置實(shí)施例中未披露的細(xì)節(jié)，請(qǐng)參照本公開方法實(shí)施例。
[0075]圖7是根據(jù)一示例性實(shí)施例示出的一種頁面動(dòng)畫的實(shí)現(xiàn)裝置的框圖，該頁面動(dòng)畫的實(shí)現(xiàn)裝置，可以通過軟件、硬件或者兩者的結(jié)合實(shí)現(xiàn)成為移動(dòng)終端的部分或者全部。如圖7所示，該頁面動(dòng)畫的實(shí)現(xiàn)的裝置包括:接收模塊10、處理模塊11和顯示模塊12。
[0076]接收模塊10，被配置為接收頁面加載指令;其中，所述頁面加載指令用于指示將當(dāng)前的第一頁面過渡至第二頁面；
[0077]處理模塊11，被配置為根據(jù)所述頁面加載指令將所述第一頁面的前一頁面的WebView上的頁面內(nèi)容元素清空，將所述第二頁面的頁面元素內(nèi)容加載進(jìn)所述前一頁面的WebView上形成所述第二頁面;其中，所述第一頁面的應(yīng)用欄App bar與所述第二頁面的Appbar之間的變化滿足預(yù)設(shè)的變化條件，所述第一頁面的App bar與所述前一頁面的App bar之間的變化滿足所述變化條件；
[0078]顯示模塊12，被配置為顯示所述第二頁面。
[0079]綜上所述，本公開實(shí)施例提供的頁面動(dòng)畫的實(shí)現(xiàn)裝置，處理模塊通過根據(jù)接收模塊接收到的頁面加載指令，將第一頁面的前一頁面的WebView上的頁面內(nèi)容元素清空，將第二頁面的頁面元素內(nèi)容加載進(jìn)該前一頁面的WebView上，實(shí)現(xiàn)第一頁面到第二頁面的動(dòng)畫切換，本實(shí)施例的方法，在實(shí)現(xiàn)新頁面的無限加載過程中，僅需要用到兩個(gè)頁面的WebView，即當(dāng)前的第一頁面的WebView和第一頁面的前一頁面的WebView，在加載新的頁面時(shí)，對(duì)于頁面連續(xù)跳轉(zhuǎn)的操作，只需要反復(fù)切換當(dāng)前的第一頁面的WebView、第一頁面的前一頁面的WebView之間的指向關(guān)系即可實(shí)現(xiàn)，而無需在每一次加載新頁面時(shí)都加載新的WebView，確保了內(nèi)存的最低占用值，從而不會(huì)造成移動(dòng)終端內(nèi)存的溢出，進(jìn)而避免出現(xiàn)APP FC的情況發(fā)生。
[0080]進(jìn)一步地，所述第一頁面的App bar、所述第二頁面的App bar、所述前一頁面的App bar均通過原生方式Native語言實(shí)現(xiàn)；所述第一頁面的WebView、所述第二頁面的WebView、所述前一頁面的WebView均通過網(wǎng)頁Web開發(fā)語言實(shí)現(xiàn)。
[0081]可選的，所述第一頁面、所述第二頁面和所述前一頁面均為同級(jí)頁面。
[0082]可選的，所述第一頁面與所述第二頁面為不同級(jí)頁面，所述第一頁面與所述前一頁面為不同級(jí)頁面。
[0083]可選的，所述第一頁面的應(yīng)用欄Appbar與所述第二頁面的App bar之間的變化滿足預(yù)設(shè)的變化條件，所述第一頁面的App bar與所述前一頁面的App bar之間的變化滿足所述變化條件，包括:
[0084]所述第一頁面的App bar與所述第二頁面的App bar類型相同，且所述第一頁面的App bar的標(biāo)題文字與所述第二頁面的App bar的標(biāo)題文字不同；
[0085]所述第一頁面的App bar與所述前一頁面的App bar類型相同，且所述第一頁面的App bar的標(biāo)題文字與所述前一頁面的App bar的標(biāo)題文字不同。
[0086]圖8是根據(jù)另一示例性實(shí)施例示出的一種頁面動(dòng)畫的實(shí)現(xiàn)裝置的框圖，該頁面動(dòng)畫的實(shí)現(xiàn)裝置，可以通過軟件、硬件或者兩者的結(jié)合實(shí)現(xiàn)成為移動(dòng)終端的部分或者全部。在上述圖7所示實(shí)施例的基礎(chǔ)上，如圖8所示，上述裝置還可以包括更改模塊13。
[0087]更改模塊13，被配置為在所述處理模塊11將所述第二頁面的頁面元素內(nèi)容加載進(jìn)所述前一頁面的WebView上之后，將所述前一頁面的App bar的標(biāo)題文字更改為與所述第二頁面的頁面元素內(nèi)容對(duì)應(yīng)的標(biāo)題文字。
[0088]可選的，所述第一頁面的WebView和所述前一頁面的WebView均為水平放置。
[0089]綜上所述，本公開實(shí)施例提供的頁面動(dòng)畫的實(shí)現(xiàn)裝置，通過在將第二頁面的頁面元素內(nèi)容加載進(jìn)前一頁面的WebView上之后，更改模塊將前一頁面的App bar的標(biāo)題文字更改為與第二頁面的頁面元素內(nèi)容對(duì)應(yīng)的標(biāo)題文字，從而使得第二頁面的頁面元素內(nèi)容與