專利名稱：移動終端彈出框的顯示和隱藏方法及系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及移動終端的顯示方法，更具體地說，涉及移動終端的彈出框的顯示及隱藏的方法及系統(tǒng)。
背景技術(shù)：
對話框是人機交互的主要載體，用戶通過對話框的顯示內(nèi)容獲取終端信息?，F(xiàn)有的對話框都是以彈出對話框的方式，直接在當(dāng)前頁面上疊加顯示。本質(zhì)上而言，是在當(dāng)前頁面的基礎(chǔ)上增加一個顯示對話框的圖層，屬于簡單的2D疊加，其顯示效果單調(diào)，趣味性不足，用戶體驗不聞。

發(fā)明內(nèi)容
本發(fā)明要解決的技術(shù)問題在于，針對現(xiàn)有技術(shù)的上述現(xiàn)有對話框顯示方式中簡單的二維疊加造成的顯示結(jié)果單調(diào)的缺陷，提供一種利用動畫方式顯示和隱藏對話框的顯示和隱藏方法和系統(tǒng)。本發(fā)明解決其技術(shù)問題所采用的技術(shù)方案是:構(gòu)造一種移動終端彈出框的顯示和隱藏方法，其特征在于，所述方法包括:A.通過觸發(fā)進行對話框操作，述對話框操作包括顯示操作或隱藏操作；B.將對話框顯示內(nèi)容整體保存為第一圖片；C.設(shè)置3D紋理圖片，所述紋理圖片包括與第一圖片對應(yīng)的第一紋理圖片；D.將所述紋理圖片通過動畫方式移出或移入屏幕。進一步地，進行所述對話框顯示操作時，所述步驟B還包括:bl.保存當(dāng)前頁面為第二圖片進一步地，所述紋理圖片還包括與第二圖片對應(yīng)的第二紋理圖片。進一步地,所述步驟D進一步包括:Dl.將第一紋理圖片沿靠近屏幕的方向移入屏幕；D2.將第二紋理圖片沿遠離屏幕的方向移出屏幕；其中，所述移入與移出同步進行。進一步地，進行所述對話框隱藏操作時，所述步驟B還包括:b2.保存后臺頁面為第二圖片進一步地，所述紋理圖片還包括與第二圖片對應(yīng)的第二紋理圖片。進一步地,所述步驟D進一步包括:Dl.將第二紋理圖片沿靠近屏幕的方向移入屏幕；D2.將第一紋理圖片沿遠離屏幕的方向移出屏幕；其中，所述移入與移出同步進行。此外，本發(fā)明還提供一種移動終端彈出框的顯示和隱藏系統(tǒng)，其特征在于，所述系統(tǒng)包括:
觸發(fā)模塊，用于通過觸發(fā)進行對話框操作，所述對話框操作包括顯示操作或隱藏操作；圖片保存模塊，用于將對話框顯示內(nèi)容整體保存為第一圖片，還用于將后臺頁面或當(dāng)前顯示頁面保存為第二圖片；紋理圖片設(shè)置模塊，用于設(shè)置3D紋理圖片，所述紋理圖片包括與第一圖片對應(yīng)的第一紋理圖片以及與第二圖片對應(yīng)的第二紋理圖片；紋理圖片操作模塊，用于將所述紋理圖片通過動畫方式移出或移入屏幕。進一步地，進行顯示操作時，所述圖片保存模塊保存當(dāng)前頁面為第二圖片；所述紋理圖片操作模塊將第一紋理圖片沿靠近屏幕的方向移入屏幕，將第一紋理圖片沿遠離屏幕的方向移出屏幕，所述移入與移出同步進行。進一步地，進行隱藏操作時，所述圖片保存模塊保存后臺頁面為第二圖片；所述紋理圖片操作模塊將第二紋理圖片沿靠近屏幕的方向移入屏幕，將第一紋理圖片沿遠離屏幕的方向移出屏幕，所述移入與移出同步進行。實施本發(fā)明的移動終端彈出框的顯示和隱藏方法及系統(tǒng)，具有以下有益效果:將當(dāng)前顯示的頁面與即將顯示的頁面分別制成3D圖層，以動畫的方式進行切換，明顯增加了對話框顯示過程的趣味性，提高了用戶體驗。


下面將結(jié)合附圖及實施例對本發(fā)明作進一步說明，附圖中:圖1是本發(fā)明移動終端彈出框的顯示和隱藏方法的第一實施例的方法流程圖；圖2是本發(fā)明移動終端彈出框的顯示和隱藏系統(tǒng)的第一實施例的結(jié)構(gòu)示意圖。
具體實施例方式實施例一如圖1所示，在本發(fā)明的移動終端彈出框顯示和隱藏方法實施例中，所述方法包括:S101.通過觸發(fā)進行對話框操作，述對話框操作包括顯示操作或隱藏操作。用戶使用移動終端如手機、平板電腦等的過程中，通過點擊觸摸屏或按鍵操作等選擇顯示對話框，例如打開對話框，或是選擇隱藏對話框，例如最小化對話框或關(guān)閉所述對話框。S102.將對話框顯示內(nèi)容整體保存為第一圖片。對于用戶進行打開等顯示對話框操作時，終端對顯示的當(dāng)前頁面進行截屏保存為第二圖片；在后臺對所述對話框進行預(yù)覽并將預(yù)覽的對話框顯示內(nèi)容整體保存為一張圖片，保存的圖片格式包括.bmp、.jpg等格式，該圖片即為第一圖片。對于用戶進行最小化或關(guān)閉等隱藏對話框操作時，當(dāng)前顯示的內(nèi)容即為對話框內(nèi)容，因此將當(dāng)前顯示的對話框內(nèi)容整體進行截屏保存以圖片格式保存為一張圖片，保存的圖片格式包括.bmp、.jpg等格式，該圖片即為第一圖片；終端還對后臺頁面進行預(yù)覽截屏保存為一張圖片，即第二圖片，第二圖片的格式包括.bmp、.jpg等格式。S103.設(shè)置3D紋理圖片，所述紋理圖片包括與第一圖片對應(yīng)的第一紋理圖片。所述紋理圖片還包括與第二圖片對應(yīng)的第二紋理圖片。所述紋理圖片的寬度和高度需要遵循一定的標(biāo)準(zhǔn)，例如64x64，128x128，256x128，128x256，256x256.寬和高最好是2的η次冪。設(shè)置3D紋理圖片的具體步驟包括:產(chǎn)生紋理；綁定紋理；設(shè)置紋理參數(shù)；紋理關(guān)聯(lián)圖像數(shù)據(jù)。S104.將所述紋理圖片通過動畫方式移出和/或移入屏幕。用戶進行顯示對話框操作時，以動畫方式(所述動畫方式是指所述紋理圖片以連貫的動作靠近或遠離屏幕)同步進行以下兩個步驟:將第一紋理圖片沿靠近屏幕的方向移入屏幕；將第二紋理圖片沿遠離屏幕的方向移出屏幕。完成上述紋理圖片的移入和移出之后，動畫結(jié)束，屏.頁面停留在動畫最后一中貞，即顯示對話框內(nèi)容。用戶進行隱藏對話框操作時，以動畫方式同步進行以下兩個步驟:將第二紋理圖片沿靠近屏幕的方向移入屏幕；將第一紋理圖片沿遠離屏幕的方向移出屏幕。完成上述紋理圖片的移入和移出之后，動畫結(jié)束，屏.頁面停留在動畫最后一中貞，即顯示后臺頁面內(nèi)容。在圖2示出的本發(fā)明的移動終端彈出框顯示和隱藏系統(tǒng)實施例中，所述系統(tǒng)包括:觸發(fā)模塊201，用于通過觸發(fā)進行對話框操作，所述對話框操作包括顯示操作或隱藏操作。用戶使用移動終端如手機、平板電腦等的過程中，通過點擊觸摸屏或按鍵操作等選擇顯示對話框，例如打開對話框，或是選擇隱藏對話框，例如最小化對話框或關(guān)閉所述對話框。圖片保存模塊202，用于將對話框顯示內(nèi)容整體保存為第一圖片，還用于將后臺頁面或當(dāng)前顯示頁面保存為第二圖片。對于用戶進行打開等顯示對話框操作時，終端對顯示的當(dāng)前頁面進行截屏保存為第二圖片；在后臺對所述對話框進行預(yù)覽并將預(yù)覽的對話框顯示內(nèi)容整體保存為一張圖片，保存的圖片格式包括.bmp、.jpg等格式，該圖片即為第一圖片；對于用戶進行最小化或關(guān)閉等隱藏對話框操作時，當(dāng)前顯示的內(nèi)容即為對話框內(nèi)容，因此將當(dāng)前顯示的對話框內(nèi)容整體進行截屏保存以圖片格式保存為一張圖片，保存的圖片格式包括.bmp、.jpg等格式，該圖片即為第一圖片；終端還對后臺頁面進行預(yù)覽截屏保存為一張圖片，即第二圖片，第二圖片的格式包括.bmp、.jpg等格式。紋理圖片設(shè)置模塊203，用于設(shè)置3D紋理圖片，所述紋理圖片包括與第一圖片對應(yīng)的第一紋理圖片以及與第二圖片對應(yīng)的第二紋理圖片。所述紋理圖片還包括與第二圖片對應(yīng)的第二紋理圖片。所述紋理圖片的寬度和高度需要遵循一定的標(biāo)準(zhǔn)，例如64x64，128x128，256x128, 128x256, 256x256.寬和高最好是2的η次冪。設(shè)置3D紋理圖片的具體步驟包括:產(chǎn)生紋理；綁定紋理；設(shè)置紋理參數(shù)；紋理關(guān)聯(lián)圖像數(shù)據(jù)。紋理圖片操作模塊204，用于將所述紋理圖片通過動畫方式(所述動畫方式是指所述紋理圖片以連貫的動作靠近或遠離屏幕)移出或移入屏幕。
進行顯示操作時，所述圖片保存模塊保存當(dāng)前頁面為第二圖片；所述紋理圖片操作模塊將第一紋理圖片沿靠近屏幕的方向移入屏幕，將第一紋理圖片沿遠離屏幕的方向移出屏幕，所述移入與移出以動畫方式同步進行。完成上述紋理圖片的移入和移出之后，動畫結(jié)束，屏幕頁面停留在動畫最后一幀，即顯示對話框內(nèi)容。進行隱藏操作時，所述圖片保存模塊保存后臺頁面為第二圖片；所述紋理圖片操作模塊將第二紋理圖片沿靠近屏幕的方向移入屏幕，將第一紋理圖片沿遠離屏幕的方向移出屏幕，所述移入與移出以動畫方式同步進行。完成上述紋理圖片的移入和移出之后，動畫結(jié)束，屏幕頁面停留在動畫最后一幀，即顯示后臺頁面內(nèi)容。所述動畫方式是指所述紋理圖片以連貫的動作靠近或遠離屏幕。實施例二與實施例一的不同之處在于，本實施例的方法中只涉及第一圖片與第一紋理圖片。即在步驟S102將對話框顯示內(nèi)容整體保存為第一圖片。對于用戶進行打開等顯示對話框操作時，在后臺對所述對話框進行預(yù)覽并將預(yù)覽的對話框顯示內(nèi)容整體保存為一張圖片，保存的圖片格式包括.bmp、.jpg等格式，該圖片即為第一圖片。對于用戶進行最小化或關(guān)閉等隱藏對話框操作時，當(dāng)前顯示的內(nèi)容即為對話框內(nèi)容，因此將當(dāng)前顯示的對話框內(nèi)容整體進行截屏保存以圖片格式保存為一張圖片，保存的圖片格式包括.bmp、.jpg等格式，該圖片即為第一圖片。S103.設(shè)置3D紋理圖片，所述紋理圖片包括與第一圖片對應(yīng)的第一紋理圖片。所述紋理圖片的寬度和高度需要遵循一定的標(biāo)準(zhǔn)，例如64x64，128x128, 256x128, 128x256, 256x256.寬和高最好是2的η次冪。設(shè)置3D紋理圖片的具體步驟包括:產(chǎn)生紋理；綁定紋理；設(shè)置紋理參數(shù)；紋理關(guān)聯(lián)圖像數(shù)據(jù)。在步驟S104將所述紋理圖片通過動畫方式移出或移入屏幕。用戶進行顯示對話框操作時，以動畫方式(所述動畫方式是指所述紋理圖片以連貫的動作靠近或遠離屏幕)將第一紋理圖片沿靠近屏幕的方向移入屏幕。完成上述紋理圖片的移入之后，動畫結(jié)束，屏幕頁面停留在動畫最后一幀，即顯示對話框內(nèi)容。用戶進行隱藏對話框操作時，以動畫方式(所述動畫方式是指所述紋理圖片以連貫的動作靠近或遠離屏幕)將第一紋理圖片沿遠離屏幕的方向移出屏幕。完成上述紋理圖片的移出之后，動畫結(jié)束，屏幕頁面停留在動畫最后一幀，即顯示當(dāng)前背景頁面內(nèi)容。同理在本實施例中，所述系統(tǒng)中也只涉及第一圖片和第一紋理圖片。以上所述僅為本發(fā)明的優(yōu)選實施例，并不用于限制本發(fā)明，對于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應(yīng)包含在本發(fā)明的權(quán)利要求范圍之內(nèi)。
權(quán)利要求
1.一種移動終端彈出框的顯示和隱藏方法，其特征在于，所述方法包括: A.通過觸發(fā)進行對話框操作，述對話框操作包括顯示操作或隱藏操作； B.將對話框顯示內(nèi)容整體保存為第一圖片； C.設(shè)置3D紋理圖片，所述紋理圖片包括與第一圖片對應(yīng)的第一紋理圖片； D.將所述紋理圖片通過動畫方式移出和/或移入屏幕。
2.根據(jù)權(quán)利要求1所述的移動終端彈出框的顯示和隱藏方法，其特征在于，進行所述對話框顯示操作時，所述步驟B還包括:bl.保存當(dāng)前頁面為第二圖片；步驟C所述紋理圖片還包括與第二圖片對應(yīng)的第二紋理圖片。
3.根據(jù)權(quán)利要求2所述的移動終端彈出框的顯示和隱藏方法，其特征在于，所述步驟D進一步包括: Dl.將第一紋理圖片沿靠近屏幕的方向移入屏幕； D2.將第二紋理圖片沿遠離屏幕的方向移出屏幕； 其中，所述移入與移出同步進行。
4.根據(jù)權(quán)利要求1所述的移動終端彈出框的顯示和隱藏方法，其特征在于，進行所述對話框隱藏操作時，所述步驟B還包括:b2.保存后臺頁面為第二圖片；步驟C所述紋理圖片還包括與第二圖片對應(yīng)的第二紋理圖片。
5.根據(jù)權(quán)利要求4所述的移動終端彈出框的顯示和隱藏方法，其特征在于，所述步驟D進一步包括: Dl.將第二紋理圖片沿靠近屏幕的方向移入屏幕； D2.將第一紋理圖片沿遠離屏幕的方向移出屏幕； 其中，所述移入與移出同步進行。
6.一種移動終端彈出框的顯示和隱藏系統(tǒng)，其特征在于，所述系統(tǒng)包括: 觸發(fā)模塊，用于通過觸發(fā)進行對話框操作，所述對話框操作包括顯示操作或隱藏操作； 圖片保存模塊，用于將對話框顯示內(nèi)容整體保存為第一圖片，還用于將后臺頁面或當(dāng)前顯示頁面保存為第二圖片； 紋理圖片設(shè)置模塊，用于設(shè)置3D紋理圖片，所述紋理圖片包括與第一圖片對應(yīng)的第一紋理圖片以及與第二圖片對應(yīng)的第二紋理圖片； 紋理圖片操作模塊，用于將所述紋理圖片通過動畫方式移出或移入屏幕。
7.根據(jù)權(quán)利要求6所述的移動終端彈出框的顯示和隱藏系統(tǒng)，其特征在于，進行顯示操作時， 所述圖片保存模塊保存當(dāng)前頁面為第二圖片； 所述紋理圖片操作模塊將第一紋理圖片沿靠近屏幕的方向移入屏幕，將第一紋理圖片沿遠離屏幕的方向移出屏幕，所述移入與移出同步進行。
8.根據(jù)權(quán)利要求7所述的移動終端彈出框的顯示和隱藏系統(tǒng)，其特征在于，進行隱藏操作時， 所述圖片保存模塊保存后臺頁面為第二圖片； 所述紋理圖片操作模塊將第二紋理圖片沿靠近屏幕的方向移入屏幕，將第一紋理圖片沿遠離屏幕的方向移出屏幕，所述移入與移出同步進行。
全文摘要
本發(fā)明涉及移動終端彈出框的顯示和隱藏方法及系統(tǒng)。所述方法包括A.通過觸發(fā)進行對話框操作，述對話框操作包括顯示操作或隱藏操作；B.將對話框顯示內(nèi)容整體保存為第一圖片；C.設(shè)置3D紋理圖片，所述紋理圖片包括與第一圖片對應(yīng)的第一紋理圖片；D．將所述紋理圖片通過動畫方式移出或移入屏幕。所述系統(tǒng)包括與所述方法各步驟相對應(yīng)的模塊。采用本發(fā)明的移動終端彈出框的顯示和隱藏方法及系統(tǒng)，通過3D動畫的方式顯示和隱藏對話框，豐富了對話框的顯示效果，提高了用戶體驗。
文檔編號G06T13/20GK103092606SQ201210564090
公開日2013年5月8日 申請日期2012年12月21日 優(yōu)先權(quán)日2012年12月21日
發(fā)明者羅堯俊 申請人:廣東歐珀移動通信有限公司