頁面動(dòng)畫的實(shí)現(xiàn)方法、裝置和移動(dòng)終端的制作方法
【技術(shù)領(lǐng)域】
[0001]本公開涉及通信技術(shù)，尤其涉及頁面動(dòng)畫的實(shí)現(xiàn)方法、裝置和移動(dòng)終端。
【背景技術(shù)】
[0002]移動(dòng)客戶端(App 1 i cat 1n，簡稱APP)中，使用動(dòng)畫設(shè)計(jì)能夠有效地引導(dǎo)用戶的注意力，通過對頁面上的導(dǎo)航、頁面內(nèi)容元素的轉(zhuǎn)變進(jìn)行合理的安排，從而讓用戶能夠?qū)换サ那昂笞兓泻侠淼念A(yù)期。目前最為主流的安卓操作系統(tǒng)(Android)和蘋果操作系統(tǒng)(1S)的設(shè)計(jì)規(guī)范中，都定義了對動(dòng)畫設(shè)計(jì)的要求，第三方APP及深度定制的系統(tǒng)可參考相應(yīng)的動(dòng)畫設(shè)計(jì)規(guī)范進(jìn)行APP的動(dòng)畫設(shè)計(jì)，并且可以自行定義APP的設(shè)計(jì)形式。
[0003]相關(guān)技術(shù)中，無論是Android還是1S系統(tǒng)，現(xiàn)有的APP動(dòng)畫都是以整個(gè)頁面為單位移動(dòng)的。在一個(gè)頁面中可以包括位于頁面頂部或者頂部的應(yīng)用欄(App bar)和位于頁面中間區(qū)域的頁面容器(WebView)，該WebView用來顯示頁面的內(nèi)容元素，當(dāng)App bar有較大變化時(shí)(如從一級(jí)頁面到二級(jí)頁面的過渡)，這種移動(dòng)方式十分合理，也具有整體性。但是，當(dāng)頁面的App bar變化較小(例如同級(jí)頁面的過渡)時(shí)，若同級(jí)頁面存在不斷打開新頁面加載的情況，對于通過安卓客戶端的原生方式(Native)實(shí)現(xiàn)的APP就會(huì)容易出現(xiàn)會(huì)因內(nèi)存溢出導(dǎo)致APP強(qiáng)制退出的情況。

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

[0004]為克服相關(guān)技術(shù)中存在的問題，本公開提供一種頁面動(dòng)畫的實(shí)現(xiàn)方法、裝置和移動(dòng)終端。
[0005]根據(jù)本公開實(shí)施例的第一方面，提供一種頁面動(dòng)畫的實(shí)現(xiàn)方法，包括:
[0006]接收頁面加載指令;其中，所述頁面加載指令用于指示將當(dāng)前的第一頁面過渡至第二頁面；
[0007]根據(jù)所述頁面加載指令將所述第一頁面的前一頁面的WebView上的頁面內(nèi)容元素清空，將所述第二頁面的頁面元素內(nèi)容加載進(jìn)所述前一頁面的WebView上形成所述第二頁面并顯示；其中，所述第一頁面的應(yīng)用欄App bar與所述第二頁面的App bar之間的變化滿足預(yù)設(shè)的變化條件，所述第一頁面的App bar與所述前一頁面的App bar之間的變化滿足所述變化條件。
[0008]進(jìn)一步地，所述第一頁面的App bar、所述第二頁面的App bar、所述前一頁面的App bar均通過原生方式Native語言實(shí)現(xiàn)；所述第一頁面的WebView、所述第二頁面的WebView、所述前一頁面的WebView均通過網(wǎng)頁Web開發(fā)語言實(shí)現(xiàn)。
[0009]可選的，所述第一頁面、所述第二頁面和所述前一頁面均為同級(jí)頁面。
[0010]可選的，所述第一頁面與所述第二頁面為不同級(jí)頁面，所述第一頁面與所述前一頁面為不同級(jí)頁面。
[0011]進(jìn)一步地，所述第一頁面的應(yīng)用欄App bar與所述第二頁面的App bar之間的變化滿足預(yù)設(shè)的變化條件，所述第一頁面的App bar與所述前一頁面的App bar之間的變化滿足所述變化條件，包括:
[0012]所述第一頁面的App bar與所述第二頁面的App bar類型相同，且所述第一頁面的App bar的標(biāo)題文字與所述第二頁面的App bar的標(biāo)題文字不同；
[0013]所述第一頁面的App bar與所述前一頁面的App bar類型相同，且所述第一頁面的App bar的標(biāo)題文字與所述前一頁面的App bar的標(biāo)題文字不同。
[0014]更進(jìn)一步地，所述將所述第二頁面的頁面元素內(nèi)容加載進(jìn)所述前一頁面的WebV i ew上之后，所述方法還包括:
[0015]將所述前一頁面的Appbar的標(biāo)題文字更改為與所述第二頁面的頁面元素內(nèi)容對應(yīng)的標(biāo)題文字。
[0016]可選的，所述第一頁面的WebView和所述前一頁面的WebView均為水平放置。
[0017]本公開的實(shí)施例提供的技術(shù)方案可以包括以下有益效果:通過根據(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í)，對于頁面連續(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ā)生。
[0018]根據(jù)本公開實(shí)施例的第二方面，提供一種頁面動(dòng)畫的實(shí)現(xiàn)裝置，包括:
[0019]接收模塊，被配置為接收頁面加載指令;其中，所述頁面加載指令用于指示將當(dāng)前的第一頁面過渡至第二頁面；
[0020]處理模塊，被配置為根據(jù)所述頁面加載指令將所述第一頁面的前一頁面的WebView上的頁面內(nèi)容元素清空，將所述第二頁面的頁面元素內(nèi)容加載進(jìn)所述前一頁面的WebView上形成所述第二頁面;其中，所述第一頁面的應(yīng)用欄App bar與所述第二頁面的Appbar之間的變化滿足預(yù)設(shè)的變化條件，所述第一頁面的App bar與所述前一頁面的App bar之間的變化滿足所述變化條件；
[0021]顯示模塊，被配置為顯示所述第二頁面。
[0022]進(jìn)一步地，所述第一頁面的App bar、所述第二頁面的App bar、所述前一頁面的App bar均通過原生方式Native語言實(shí)現(xiàn)；所述第一頁面的WebView、所述第二頁面的WebView、所述前一頁面的WebView均通過網(wǎng)頁Web開發(fā)語言實(shí)現(xiàn)。
[0023]可選的，所述第一頁面、所述第二頁面和所述前一頁面均為同級(jí)頁面。
[0024]可選的，所述第一頁面與所述第二頁面為不同級(jí)頁面，所述第一頁面與所述前一頁面為不同級(jí)頁面。
[0025]進(jìn)一步地，所述第一頁面的應(yīng)用欄App bar與所述第二頁面的App bar之間的變化滿足預(yù)設(shè)的變化條件，所述第一頁面的App bar與所述前一頁面的App bar之間的變化滿足所述變化條件，包括:
[0026]所述第一頁面的App bar與所述第二頁面的App bar類型相同，且所述第一頁面的App bar的標(biāo)題文字與所述第二頁面的App bar的標(biāo)題文字不同；
[0027]所述第一頁面的App bar與所述前一頁面的App bar類型相同，且所述第一頁面的App bar的標(biāo)題文字與所述前一頁面的App bar的標(biāo)題文字不同。
[0028]更進(jìn)一步地，所述裝置還包括:
[0029]更改模塊，被配置為在所述處理模塊將所述第二頁面的頁面元素內(nèi)容加載進(jìn)所述前一頁面的WebView上之后，將所述前一頁面的App bar的標(biāo)題文字更改為與所述第二頁面的頁面元素內(nèi)容對應(yīng)的標(biāo)題文字。
[°03°] 可選的，所述第一頁面的WebView和所述前一頁面的WebView均為水平放置。
[0031]本公開的實(shí)施例提供的技術(shù)方案可以包括以下有益效果:處理模塊通過根據(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í)，對于頁面連續(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)APPFC的情況發(fā)生。
[0032]根據(jù)本公開實(shí)施例的第三方面，提供一種移動(dòng)終端，包括:
[0033]處理器；
[0034]用于存儲(chǔ)處理器可執(zhí)行指令的存儲(chǔ)器；
[0035]顯示器；
[0036]其中，所述處理器被配置為:
[0037]接收頁面加載指令;其中，所述頁面加載指令用于指示將當(dāng)前的第一頁面過渡至第二頁面；
[0038]根據(jù)所述頁面加載指令將所述第一頁面的前一頁面的WebView上的頁面內(nèi)容元素清空，將所述第二頁面的頁面元素內(nèi)容加載進(jìn)所述前一頁面的WebView