一種html頁面嵌套方法及裝置制造方法
【專利摘要】本發(fā)明實施例提供一種HTML頁面嵌套方法及裝置，其中方法包括：在第一層設(shè)置主窗口，所述主窗口為原生視圖，所述第一層對應(yīng)幀布局；在第二層設(shè)置主頁面，所述第二層采用幀布局方式覆蓋于所述第一層之上；在設(shè)置完成所述主頁面后，采用幀布局方式在所述第一層或所述第二層之上設(shè)置與所述主頁面相嵌套的頁面。本發(fā)明實施例實現(xiàn)頁面嵌套的速度更快，效率更高，同時所安裝的文件量較小。
【專利說明】—種HTML頁面嵌套方法及裝置

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及HTML (HyperText Markup language,超級文本標(biāo)記語言)【技術(shù)領(lǐng)域】,更具體地說，涉及一種HTML頁面嵌套方法及裝置。

【背景技術(shù)】
[0002]隨著互聯(lián)網(wǎng)的蓬勃發(fā)展，在web開發(fā)中為了更細(xì)粒度的控制HTML頁面的功能，通常需要使用frameset或者iframe來實現(xiàn)HTML頁面的嵌套，HTML頁面嵌套是指多個HTML頁面之間可以任意的覆蓋；iframe為HTML標(biāo)簽,iframe元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架。
[0003]目前，實現(xiàn)HTML頁面嵌套的方式主要是通過ajax技術(shù)(AsynchronousJavascript+XML,創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù))達(dá)到在頁面中嵌套子頁面的效果，然而這種方式需要電子設(shè)備內(nèi)裝載與ajax技術(shù)相應(yīng)的，且容量較大的腳本和文件，在進(jìn)行HTML頁面嵌套時，解析對應(yīng)的腳本和文件,才可完成頁面布局，實現(xiàn)HTML頁面的嵌套；這種方式頁面嵌套的速度較慢，效率較低，且需安裝容量較大的文件。


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

[0004]有鑒于此，本發(fā)明實施例提供一種HTML頁面嵌套方法及裝置，以解決現(xiàn)有技術(shù)所存在的實現(xiàn)HTML頁面嵌套的速度較慢，效率較低，且需安裝容量較大的文件的問題。
[0005]為實現(xiàn)上述目的，本發(fā)明實施例提供如下技術(shù)方案:
[0006]一種HTML頁面嵌套方法，包括:
[0007]在第一層設(shè)置主窗口，所述主窗口為原生Native視圖，所述第一層對應(yīng)FrameLayout中貞布局；
[0008]在第二層設(shè)置主頁面，所述第二層采用幀布局方式覆蓋于所述第一層之上；
[0009]在設(shè)置完成所述主頁面后，采用幀布局方式在所述第一層或所述第二層之上設(shè)置與所述主頁面相嵌套的頁面。
[0010]其中，所述采用幀布局方式在所述第二層之上設(shè)置與所述主頁面相嵌套的頁面包括:
[0011]在第三層上設(shè)置頂頁面和底頁面，所述第三層采用幀布局方式覆蓋于所述第二層之上，并在顯示頁面時，控制所述頂頁面顯示于所述主頁面的頂部，控制所述底頁面顯示于所述主頁面的底部；
[0012]和/或，所述采用幀布局方式在所述第一層之上設(shè)置與所述主頁面相嵌套的頁面包括:
[0013]在所述第二層設(shè)置浮動頁面，并在顯示頁面時，控制所述浮動頁面顯示于設(shè)定位置。
[0014]其中，所述與所述主頁面相嵌套的頁面包括設(shè)置在所述第二層的浮動頁面，所述主頁面和所述浮動頁面均為網(wǎng)絡(luò)視圖WebView組件；所述方法還包括:
[0015]在檢測到彈動響應(yīng)事件時,通過所述主頁面和所述浮動頁面所在的WebView組件與所述第一層之間的LinearLayout線性布局節(jié)點，實現(xiàn)主頁面和浮動頁面的彈動。
[0016]其中，所述與所述主頁面相嵌套的頁面包括設(shè)置在所述第二層的浮動頁面，所述方法還包括:
[0017]采用動畫方式打開或關(guān)閉所述主頁面和浮動頁面。
[0018]其中，所述方法還包括:
[0019]將預(yù)定頁面控制方法封裝成原生插件，并將Native接口轉(zhuǎn)化為JS接口，以便所述原生插件的調(diào)用。
[0020]其中，所述方法還包括:
[0021]在顯示頁面時,全屏顯示所述Native視圖和主頁面。
[0022]本發(fā)明實施例還提供一種HTML頁面嵌套裝置，包括:
[0023]第一設(shè)置模塊，用于在第一層設(shè)置主窗口，所述主窗口為原生Native視圖,所述第一層對應(yīng)FrameLayout巾貞布局；
[0024]第二設(shè)置模塊，用于在第二層設(shè)置主頁面，所述第二層采用幀布局方式覆蓋于所述第一層之上；
[0025]第三設(shè)置模塊，用于在設(shè)置完成所述主頁面后，采用幀布局方式在所述第一層或所述第二層之上設(shè)置與所述主頁面相嵌套的頁面。
[0026]其中，所述第二設(shè)置模塊包括:
[0027]頂頁面和底頁面設(shè)置單元，用于在第三層上設(shè)置頂頁面和底頁面，所述第三層采用幀布局方式覆蓋于所述第二層之上，并在顯示頁面時，控制所述頂頁面顯示于所述主頁面的頂部，控制所述底頁面顯示于所述主頁面的底部；
[0028]和/或，浮動頁面設(shè)置單元，用于在所述第二層設(shè)置浮動頁面，并在顯示頁面時，控制所述浮動頁面顯示于設(shè)定位置。
[0029]其中，所述與所述主頁面相嵌套的頁面包括設(shè)置在所述第二層的浮動頁面，所述主頁面和所述浮動頁面均為網(wǎng)絡(luò)視圖WebView組件；所述裝置還包括:
[0030]彈動模塊，用于在檢測到彈動響應(yīng)事件時，通過所述主頁面和所述浮動頁面所在的WebView組件與所述第一層之間的LinearLayout線性布局節(jié)點，實現(xiàn)主頁面和浮動頁面的彈動；
[0031]和/或，動畫模塊，用于采用動畫方式打開或關(guān)閉所述主頁面和浮動頁面。
[0032]其中，所述裝置還包括:
[0033]封裝轉(zhuǎn)化模塊，用于將預(yù)定頁面控制方法封裝成原生插件，并將Native接口轉(zhuǎn)化為JS接口，以便所述原生插件的調(diào)用。
[0034]基于上述技術(shù)方案，本發(fā)明實施例提供的HTML頁面嵌套方法,在第一層設(shè)置主窗口，并且所述第一層對應(yīng)巾貞布局，米用巾貞布局的方式，則可在第一層之上覆蓋第二層，并在第二層設(shè)置主頁面；同時，采用幀布局的方式可在所述第一層或所述第二層之上設(shè)置與所述主頁面相嵌套的頁面，實現(xiàn)頁面的相互嵌套。本發(fā)明實施例提供的HTML頁面嵌套方法采用幀布局的方式實現(xiàn)了頁面嵌套，相比于現(xiàn)有采用ajax技術(shù)實現(xiàn)頁面嵌套的方式，本發(fā)明實施例采用原生布局，按照幀布局方式依次在各層設(shè)置頁面，不需要通過解析ajax對應(yīng)的腳本和文件實現(xiàn)頁面布局，實現(xiàn)頁面嵌套的速度更快，效率更高，同時所安裝的文件量較小。

【專利附圖】

【附圖說明】
[0035]為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)提供的附圖獲得其他的附圖。
[0036]圖1為本發(fā)明實施例提供的HTML頁面嵌套方法的流程圖；
[0037]圖2為本發(fā)明實施例提供的HTML頁面嵌套方法的另一流程圖；
[0038]圖3為本發(fā)明實施例提供的HTML頁面嵌套方法的再一流程圖；
[0039]圖4為本發(fā)明實施例提供的頁面布局示意圖；
[0040]圖5為本發(fā)明實施例提供的HTML頁面嵌套方法的又一流程圖；
[0041]圖6為本發(fā)明實施例提供的頁面布局的另一示意圖；
[0042]圖7為本發(fā)明實施例提供的HTML頁面嵌套裝置的結(jié)構(gòu)框圖；
[0043]圖8為本發(fā)明實施例提供的第三設(shè)置模塊的結(jié)構(gòu)框圖；
[0044]圖9為本發(fā)明實施例提供的第三設(shè)置模塊的另一結(jié)構(gòu)框圖；
[0045]圖10為本發(fā)明實施例提供的HTML頁面嵌套裝置的另一結(jié)構(gòu)框圖；
[0046]圖11為本發(fā)明實施例提供的HTML頁面嵌套裝置的再一結(jié)構(gòu)框圖；
[0047]圖12為本發(fā)明實施例提供的HTML頁面嵌套裝置的又一結(jié)構(gòu)框圖。

【具體實施方式】
[0048]下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護(hù)的范圍。
[0049]圖1為本發(fā)明實施例提供的HTML頁面嵌套方法的流程圖，應(yīng)用方法可應(yīng)用于電子設(shè)備，特別是移動設(shè)備中，參照圖1，該方法可以包括:
[0050]步驟S100、在第一層設(shè)置主窗口，所述主窗口為Native視圖，所述第一層對應(yīng)中貞布局;
[0051]可選的，第一層可以為Window層，在本發(fā)明實施例中，Window層可對應(yīng)巾貞布局(FrameLayout),巾貞布局即為可以一層一層往上覆蓋的布局,如子view是覆蓋在父View之上的。
[0052]可選的，主窗口可為Native(原生)視圖。
[0053]步驟S110、在第二層設(shè)置主頁面，所述第二層采用幀布局方式覆蓋于所述第一層之上；
[0054]主頁面(main頁面)可對應(yīng)一個HTML頁面；
[0055]可選的，在進(jìn)行頁面的顯示時，本發(fā)明實施例可控制主窗口所對應(yīng)的Native視圖和主頁面全屏展示。
[0056]步驟S120、在設(shè)置完成所述主頁面后，采用幀布局方式在所述第一層或所述第二層之上設(shè)置與所述主頁面相嵌套的頁面。
[0057]可選的，與主頁面相嵌套的頁面可以是設(shè)置在第二層，也可以是設(shè)置在第三層(第三層可采用幀布局方式覆蓋于第二層之上)，具體可視應(yīng)用情況而定。
[0058]本發(fā)明實施例提供的HTML頁面嵌套方法，在第一層設(shè)置主窗口，并且所述第一層對應(yīng)幀布局，采用幀布局的方式，則可在第一層之上覆蓋第二層，并在第二層設(shè)置主頁面；同時，采用幀布局的方式可在所述第一層或所述第二層之上設(shè)置與所述主頁面相嵌套的頁面，實現(xiàn)頁面的相互嵌套。本發(fā)明實施例提供的HTML頁面嵌套方法采用幀布局的方式實現(xiàn)了頁面嵌套，相比于現(xiàn)有采用ajax技術(shù)實現(xiàn)頁面嵌套的方式，本發(fā)明實施例采用原生布局，按照幀布局方式依次在各層設(shè)置頁面，不需要通過解析ajax對應(yīng)的腳本和文件實現(xiàn)頁面布局，實現(xiàn)頁面嵌套的速度更快，效率更高，同時所安裝的文件量較小。
[0059]本發(fā)明實施例提供的HTML頁面嵌套方法不會影響已有的HTML標(biāo)簽及JS (javascript，一種由Netscape的LiveScript發(fā)展而來的原型化繼承的基于對象的動態(tài)類型的區(qū)分大小寫的客戶端腳本語言)方法的使用，用戶仍可使用標(biāo)準(zhǔn)的頁面跳轉(zhuǎn)及切換方式，僅需在原來的API (Applicat1n Programming Interface,應(yīng)用程序編程接口 )基礎(chǔ)之上提供一套與幀布局的窗口管理相關(guān)的API即可。
[0060]可選的，本發(fā)明提供的HTML頁面嵌套方法可通過frame和frameset標(biāo)簽定義HTML頁面,并且可基于混合應(yīng)用(HybridApp)的場景。混合應(yīng)用，是指同時使用網(wǎng)頁語言與程序語言開發(fā)介于Web應(yīng)用和移動原生應(yīng)用之間的應(yīng)用。
[0061]可選的，本發(fā)明實施例可在第二層之上設(shè)置頂頁面(Top頁面)和底頁面(Bottom頁面)，實現(xiàn)與主頁面的嵌套，頂頁面和底頁面均可對應(yīng)一個HTML頁面，可對應(yīng)相同的HTML頁面，也可對應(yīng)不同的HTML頁面；在進(jìn)行頁面顯示時，頂頁面可作為主頁面的頭部工具欄進(jìn)行展示，底頁面可作為主頁面的底部工具欄進(jìn)行展示。圖2示出了本發(fā)明實施例提供的HTML頁面嵌套方法的另一流程圖，參照圖2，該方法可以包括:
[0062]步驟S200、在第一層設(shè)置主窗口，所述主窗口為Native視圖,所述第一層對應(yīng)中貞布局;
[0063]步驟S210、在第二層設(shè)置主頁面，所述第二層采用幀布局方式覆蓋于所述第一層之上；
[0064]步驟S220、在第三層上設(shè)置頂頁面和底頁面,所述第三層米用巾貞布局方式覆蓋于所述第二層之上，并在顯示頁面時，控制所述頂頁面顯示于所述主頁面的頂部，控制所述底頁面顯示于所述主頁面的底部。
[0065]可選的，本發(fā)明實施例可在第一層之上設(shè)置浮動頁面，實現(xiàn)與主頁面的嵌套，浮動頁面可對應(yīng)一個HTML頁面,在進(jìn)行頁面顯示時,浮動頁面可在設(shè)定位置顯示,設(shè)定位置可以為任意位置，具體可視實際情況而定。圖3示出了本發(fā)明實施例提供的HTML頁面嵌套方法的再一流程圖，參照圖3，該方法可以包括:
[0066]步驟S300、在第一層設(shè)置主窗口，所述主窗口為Native視圖，所述第一層對應(yīng)中貞布局;
[0067]步驟S310、在第二層設(shè)置主頁面，所述第二層采用幀布局方式覆蓋于所述第一層之上；
[0068]步驟S320、在所述第二層設(shè)置浮動頁面，并在顯示頁面時，控制所述浮動頁面顯示于設(shè)定位置。
[0069]可選的，頂頁面，底頁面和浮動頁面可同時設(shè)置，對應(yīng)的，圖4示出了頁面布局示意圖，可進(jìn)行參照。
[0070]對應(yīng)的，圖5示出了本發(fā)明實施例提供的HTML頁面嵌套方法的又一流程圖，參照圖5，該方法可以包括:
[0071]步驟S400、在第一層設(shè)置主窗口，所述主窗口為Native視圖,所述第一層對應(yīng)中貞布局;
[0072]步驟S410、在第二層設(shè)置主頁面，所述第二層采用幀布局方式覆蓋于所述第一層之上；
[0073]步驟S420、在第三層上設(shè)置頂頁面和底頁面,所述第三層米用巾貞布局方式覆蓋于所述第二層之上，并在顯示頁面時，控制所述頂頁面顯示于所述主頁面的頂部，控制所述底頁面顯示于所述主頁面的底部；
[0074]步驟S430、在所述第二層設(shè)置浮動頁面，并在顯示頁面時，控制所述浮動頁面顯示于設(shè)定位置。
[0075]值得注意的是，步驟S420和步驟S430之間沒有明顯的先后順序。
[0076]本發(fā)明實施例中，主窗口所在的第一層對應(yīng)FrameLayout布局，通過FrameLayout布局可保證主窗口的子節(jié)點(主頁面、頂頁面、底頁面、浮動頁面)可以依次覆蓋在下一層，實現(xiàn)頁面的嵌套。
[0077]可選的，在本發(fā)明實施例中，主頁面和浮動頁面可支持彈動效果，即支持“上拉加載更多”和“下拉刷新”事件；至于加載和刷新的具體內(nèi)容可視具體的業(yè)務(wù)而定，這種彈動通常用于列表，如瀏覽新聞列表時通常會有上拉和下拉事件。在本發(fā)明實施例中，可設(shè)置主頁面和浮動頁面支持彈動效果，當(dāng)監(jiān)聽到上拉和下拉操作之后將隱藏的視圖展示出來，展示的同時刷新當(dāng)前頁面數(shù)據(jù)。
[0078]具體的，在主頁面和浮動頁面彈動效果的實現(xiàn)上，主頁面和浮動頁面可以為WebView(網(wǎng)絡(luò)視圖)組件，主頁面和浮動頁面所在的WebView組件并不是第一層的直接子節(jié)點，主頁面和浮動頁面所在的WebView組件與第一層之間可具有LinearLayout (線性布局)節(jié)點，在檢測到彈動響應(yīng)事件時，可通過主頁面和浮動頁面所在的WebView組件與第一層之間的LinearLayout節(jié)點，實現(xiàn)主頁面和浮動頁面的彈動；其中，LinearLayout可以實現(xiàn)WebView組件的水平排列和垂直排列。對應(yīng)的，圖6示出了頁面布局的另一示意圖,可進(jìn)行參照。
[0079]可選的，在本發(fā)明實施例中，主頁面和浮動頁面的打開或關(guān)閉可支持動畫效果，并且采用原生視圖動畫實現(xiàn)，包括旋轉(zhuǎn)、平移、縮放、透明度改變等動畫效果；由于在原生開發(fā)中原生視圖展示時是可以通過setAnimat1n和startAnimat1n等方法設(shè)置窗口的打開動畫，原生API中直接提供了動畫的實現(xiàn)方式，設(shè)定該方法的調(diào)用方式即可采用動畫方式打開或關(guān)閉所述主頁面和浮動頁面。
[0080]在完成頁面嵌套的布局后，本發(fā)明實施例可將與頁面控制相關(guān)的方法(主要包括打開、關(guān)閉頁面以及頁面通信等方法)封裝成原生插件，并將Native (原生)接口轉(zhuǎn)化為JS接口，以便前端開發(fā)人員調(diào)用所述原生插件，實現(xiàn)頁面的控制。
[0081]本發(fā)明實施例提供的頁面嵌套方法至少具有如下優(yōu)點:
[0082]可以靈活定義頁面窗口布局，從而靈活控制頁面，并且頁面打開、關(guān)閉動畫由原生動畫實現(xiàn)，有較好的用戶體驗；
[0083]用戶不需要編寫大量代碼就可以快速實現(xiàn)頁面的彈動效果(頁面刷新和下載機制)；
[0084]使用原生布局來實現(xiàn)頁面管理，不用靠瀏覽器內(nèi)核解析ajax對應(yīng)的腳本和文件實現(xiàn)頁面布局，實現(xiàn)頁面嵌套的速度更快，效率更高，同時所安裝的文件量較小，頁面嵌套的實現(xiàn)更為簡便。
[0085]下面對本發(fā)明實施例提供的HTML頁面嵌套裝置進(jìn)行介紹，下文描述的HTML頁面嵌套裝置與上文描述的HTML頁面嵌套方法可相互對應(yīng)參照。
[0086]圖7為本發(fā)明實施例提供的HTML頁面嵌套裝置的結(jié)構(gòu)框圖，該裝置可應(yīng)用于電子設(shè)備，特別是移動設(shè)備，參照圖7，該裝置可以包括:
[0087]第一設(shè)置模塊100,用于在第一層設(shè)置主窗口，所述主窗口為Native視圖,所述第一層對應(yīng)巾貞布局；
[0088]第二設(shè)置模塊200，用于在第二層設(shè)置主頁面，所述第二層采用幀布局方式覆蓋于所述第一層之上；
[0089]第三設(shè)置模塊300，用于在設(shè)置完成所述主頁面后，采用幀布局方式在所述第一層或所述第二層之上設(shè)置與所述主頁面相嵌套的頁面。
[0090]本發(fā)明實施例提供的HTML頁面嵌套裝置，在第一層設(shè)置主窗口，并且所述第一層對應(yīng)幀布局，采用幀布局的方式，則可在第一層之上覆蓋第二層，并在第二層設(shè)置主頁面；同時，采用幀布局的方式可在所述第一層或所述第二層之上設(shè)置與所述主頁面相嵌套的頁面，實現(xiàn)頁面的相互嵌套。本發(fā)明實施例提供的HTML頁面嵌套裝置采用幀布局的方式實現(xiàn)了頁面嵌套，相比于現(xiàn)有采用ajax技術(shù)實現(xiàn)頁面嵌套的方式，本發(fā)明實施例采用原生布局，按照幀布局方式依次在各層設(shè)置頁面，不需要通過解析ajax對應(yīng)的腳本和文件實現(xiàn)頁面布局，實現(xiàn)頁面嵌套的速度更快，效率更高，同時所安裝的文件量較小。
[0091]本發(fā)明實施例提供的HTML頁面嵌套裝置不會影響已有的HTML標(biāo)簽及JS (javascript，一種由Netscape的LiveScript發(fā)展而來的原型化繼承的基于對象的動態(tài)類型的區(qū)分大小寫的客戶端腳本語言)方法的使用，用戶仍可使用標(biāo)準(zhǔn)的頁面跳轉(zhuǎn)及切換方式，僅需在原來的API (Applicat1n Programming Interface,應(yīng)用程序編程接口 )基礎(chǔ)之上提供一套與幀布局的窗口管理相關(guān)的API即可。
[0092]可選的，本發(fā)明實施例可在第二層之上設(shè)置頂頁面和底頁面，實現(xiàn)與主頁面的嵌套；對應(yīng)的，圖8示出了本發(fā)明實施例提供的第三設(shè)置模塊300的一種可選結(jié)構(gòu)，參照圖8，第三設(shè)置模塊300可以包括:
[0093]頂頁面和底頁面設(shè)置單元310，用于在第三層上設(shè)置頂頁面和底頁面，所述第三層采用幀布局方式覆蓋于所述第二層之上，并在顯示頁面時，控制所述頂頁面顯示于所述主頁面的頂部，控制所述底頁面顯示于所述主頁面的底部。
[0094]可選的，本發(fā)明實施例可在第一層之上設(shè)置浮動頁面，實現(xiàn)與主頁面的嵌套；對應(yīng)的，圖9示出了本發(fā)明實施例提供的第三設(shè)置模塊300的另一種可選結(jié)構(gòu)，參照圖9，第三設(shè)置模塊300可以包括:
[0095]浮動頁面設(shè)置單元320，用于在所述第二層設(shè)置浮動頁面，并在顯示頁面時，控制所述浮動頁面顯示于設(shè)定位置。
[0096]可選的，圖9所示第三設(shè)置模塊300也可包括頂頁面和底頁面設(shè)置單元310，即頂頁面，底頁面和浮動頁面可同時設(shè)置。
[0097]可選的，主頁面和浮動頁面可支持彈動效果，且主頁面和浮動頁面均為WebView組件。即主頁面和浮動頁面可支持“上拉加載更多”和“下拉刷新”事件；至于加載和刷新的具體內(nèi)容可視具體的業(yè)務(wù)而定，這種彈動通常用于列表，如瀏覽新聞列表時通常會有上拉和下拉事件。在本發(fā)明實施例中，可設(shè)置主頁面和浮動頁面支持彈動效果，當(dāng)監(jiān)聽到上拉和下拉操作之后將隱藏的視圖展示出來，展示的同時刷新當(dāng)前頁面數(shù)據(jù)。對應(yīng)的，圖10示出了本發(fā)明實施例提供的HTML頁面嵌套裝置的另一結(jié)構(gòu)框圖，結(jié)合7和圖10所示，該裝置還可以包括:
[0098]彈動模塊400，用于在檢測到彈動響應(yīng)事件時，通過所述主頁面和所述浮動頁面所在的WebView組件與所述第一層之間的線性布局節(jié)點，實現(xiàn)主頁面和浮動頁面的彈動。
[0099]可選的，主頁面和浮動頁面可采用動畫方式打開或關(guān)閉；對應(yīng)的，圖11示出了本發(fā)明實施例提供的HTML頁面嵌套裝置的再一結(jié)構(gòu)框圖，結(jié)合7和圖11所示，該裝置還可以包括:
[0100]動畫模塊500，用于采用動畫方式打開或關(guān)閉所述主頁面和浮動頁面。
[0101]可選的，圖11所示裝置還可以包括彈動模塊400。
[0102]可選的，在完成頁面嵌套的布局后，本發(fā)明實施例可實現(xiàn)對頁面的控制。對應(yīng)的，圖12示出了本發(fā)明實施例提供的HTML頁面嵌套裝置的又一結(jié)構(gòu)框圖，結(jié)合7和圖12所示，該裝置還可以包括:
[0103]封裝轉(zhuǎn)化模塊600，用于將預(yù)定頁面控制方法封裝成原生插件，并將Native接口轉(zhuǎn)化為JS接口，以便所述原生插件的調(diào)用。
[0104]本發(fā)明實施例提供的HTML頁面嵌套裝置實現(xiàn)頁面嵌套的速度更快，效率更高，同時所安裝的文件量較小，頁面嵌套的實現(xiàn)更為簡便。
[0105]本說明書中各個實施例采用遞進(jìn)的方式描述，每個實施例重點說明的都是與其他實施例的不同之處，各個實施例之間相同相似部分互相參見即可。對于實施例公開的裝置而言，由于其與實施例公開的方法相對應(yīng)，所以描述的比較簡單，相關(guān)之處參見方法部分說明即可。
[0106]專業(yè)人員還可以進(jìn)一步意識到，結(jié)合本文中所公開的實施例描述的各示例的單元及算法步驟，能夠以電子硬件、計算機軟件或者二者的結(jié)合來實現(xiàn)，為了清楚地說明硬件和軟件的可互換性，在上述說明中已經(jīng)按照功能一般性地描述了各示例的組成及步驟。這些功能究竟以硬件還是軟件方式來執(zhí)行，取決于技術(shù)方案的特定應(yīng)用和設(shè)計約束條件。專業(yè)技術(shù)人員可以對每個特定的應(yīng)用來使用不同方法來實現(xiàn)所描述的功能，但是這種實現(xiàn)不應(yīng)認(rèn)為超出本發(fā)明的范圍。
[0107]結(jié)合本文中所公開的實施例描述的方法或算法的步驟可以直接用硬件、處理器執(zhí)行的軟件模塊，或者二者的結(jié)合來實施。軟件模塊可以置于隨機存儲器(RAM)、內(nèi)存、只讀存儲器(ROM)、電可編程ROM、電可擦除可編程ROM、寄存器、硬盤、可移動磁盤、CD-ROM、或【技術(shù)領(lǐng)域】內(nèi)所公知的任意其它形式的存儲介質(zhì)中。
[0108]對所公開的實施例的上述說明，使本領(lǐng)域?qū)I(yè)技術(shù)人員能夠?qū)崿F(xiàn)或使用本發(fā)明。對這些實施例的多種修改對本領(lǐng)域的專業(yè)技術(shù)人員來說將是顯而易見的，本文中所定義的一般原理可以在不脫離本發(fā)明的精神或范圍的情況下，在其它實施例中實現(xiàn)。因此，本發(fā)明將不會被限制于本文所示的這些實施例，而是要符合與本文所公開的原理和新穎特點相一致的最寬的范圍。
【權(quán)利要求】
1.一種HTML頁面嵌套方法，其特征在于，包括: 在第一層設(shè)置主窗口，所述主窗口為原生Native視圖，所述第一層對應(yīng)FrameLayout中貞布局； 在第二層設(shè)置主頁面，所述第二層采用幀布局方式覆蓋于所述第一層之上； 在設(shè)置完成所述主頁面后，采用幀布局方式在所述第一層或所述第二層之上設(shè)置與所述主頁面相嵌套的頁面。
2.根據(jù)權(quán)利要求1所述的HTML頁面嵌套方法，其特征在于，所述采用幀布局方式在所述第二層之上設(shè)置與所述主頁面相嵌套的頁面包括: 在第三層上設(shè)置頂頁面和底頁面，所述第三層采用幀布局方式覆蓋于所述第二層之上，并在顯示頁面時，控制所述頂頁面顯示于所述主頁面的頂部，控制所述底頁面顯示于所述主頁面的底部； 和/或，所述采用幀布局方式在所述第一層之上設(shè)置與所述主頁面相嵌套的頁面包括: 在所述第二層設(shè)置浮動頁面，并在顯示頁面時，控制所述浮動頁面顯示于設(shè)定位置。
3.根據(jù)權(quán)利要求1所述的HTML頁面嵌套方法，其特征在于，所述與所述主頁面相嵌套的頁面包括設(shè)置在所述第二層的浮動頁面，所述主頁面和所述浮動頁面均為網(wǎng)絡(luò)視圖WebView組件；所述方法還包括: 在檢測到彈動響應(yīng)事件時，通過所述主頁面和所述浮動頁面所在的WebView組件與所述第一層之間的LinearLayout線性布局節(jié)點，實現(xiàn)主頁面和浮動頁面的彈動。
4.根據(jù)權(quán)利要求1所述的HTML頁面嵌套方法，其特征在于，所述與所述主頁面相嵌套的頁面包括設(shè)置在所述第二層的浮動頁面，所述方法還包括: 采用動畫方式打開或關(guān)閉所述主頁面和浮動頁面。
5.根據(jù)權(quán)利要求1所述的HTML頁面嵌套方法，其特征在于，所述方法還包括: 將預(yù)定頁面控制方法封裝成原生插件，并將Native接口轉(zhuǎn)化為JS接口，以便所述原生插件的調(diào)用。
6.根據(jù)權(quán)利要求1-5任一項所述的HTML頁面嵌套方法，其特征在于，所述方法還包括: 在顯示頁面時，全屏顯示所述Native視圖和主頁面。
7.—種HTML頁面嵌套裝置，其特征在于，包括: 第一設(shè)置模塊，用于在第一層設(shè)置主窗口，所述主窗口為原生Native視圖，所述第一層對應(yīng)FrameLayout幀布局； 第二設(shè)置模塊，用于在第二層設(shè)置主頁面，所述第二層采用幀布局方式覆蓋于所述第一層之上; 第三設(shè)置模塊，用于在設(shè)置完成所述主頁面后，采用幀布局方式在所述第一層或所述第二層之上設(shè)置與所述主頁面相嵌套的頁面。
8.根據(jù)權(quán)利要求7所述的HTML頁面嵌套裝置，其特征在于，所述第二設(shè)置模塊包括: 頂頁面和底頁面設(shè)置單元，用于在第三層上設(shè)置頂頁面和底頁面，所述第三層采用幀布局方式覆蓋于所述第二層之上，并在顯示頁面時，控制所述頂頁面顯示于所述主頁面的頂部，控制所述底頁面顯示于所述主頁面的底部；和/或，浮動頁面設(shè)置單元，用于在所述第二層設(shè)置浮動頁面，并在顯示頁面時，控制所述浮動頁面顯示于設(shè)定位置。
9.根據(jù)權(quán)利要求7所述的HTML頁面嵌套裝置，其特征在于，所述與所述主頁面相嵌套的頁面包括設(shè)置在所述第二層的浮動頁面，所述主頁面和所述浮動頁面均為網(wǎng)絡(luò)視圖WebView組件；所述裝置還包括: 彈動模塊，用于在檢測到彈動響應(yīng)事件時，通過所述主頁面和所述浮動頁面所在的WebView組件與所述第一層之間的LinearLayout線性布局節(jié)點，實現(xiàn)主頁面和浮動頁面的彈動； 和/或，動畫模塊，用于采用動畫方式打開或關(guān)閉所述主頁面和浮動頁面。
10.根據(jù)權(quán)利要求7所述的HTML頁面嵌套裝置，其特征在于，所述裝置還包括: 封裝轉(zhuǎn)化模塊，用于將預(yù)定頁面控制方法封裝成原生插件，并將Native接口轉(zhuǎn)化為JS接口，以便所述原生插件 的調(diào)用。
【文檔編號】G06F17/30GK104050274SQ201410291203
【公開日】2014年9月17日 申請日期:2014年6月25日 優(yōu)先權(quán)日:2014年6月25日
【發(fā)明者】徐隆龍, 白靜, 孫廣起 申請人:國家電網(wǎng)公司, 北京中電普華信息技術(shù)有限公司