專利名稱：前進(jìn)式三維用戶界面的實(shí)現(xiàn)方法和移動(dòng)終端的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種圖形用戶界面，特別涉及一種移動(dòng)終端的三維用戶界面。
背景技術(shù)：
現(xiàn)有的移動(dòng)終端交互技術(shù)，主要是繼承了桌面應(yīng)用的相關(guān)交互組件。通過簡單的 減小面積和簡單化操作的方式，移植到移動(dòng)終端上。隨著移動(dòng)終端性能的提升和3G網(wǎng)絡(luò)的商用化，移動(dòng)終端已經(jīng)有能力支撐三維用 戶界面的應(yīng)用。三維界面可以使用戶與系統(tǒng)的交互變得更加流暢和直觀，再加上終端本身 具有移動(dòng)的特性，可以承載多種增值服務(wù)種類，將成為無線增值領(lǐng)域的一個(gè)重要方向。然而當(dāng)前手持設(shè)備中的用戶圖形界面圖形形式單一，仍然多為2維平面中選擇圖 標(biāo)進(jìn)行操作。這種操作平面感強(qiáng)，沒有縱深感，用戶體驗(yàn)不好。而且現(xiàn)有技術(shù)中的三維用戶 界面也多為簡單的將圖標(biāo)作為貼圖材質(zhì)，直接覆蓋在三維圖形的不同面，用戶體驗(yàn)太過簡 單，縱深感和趣味性不夠。

發(fā)明內(nèi)容
本發(fā)明要解決的技術(shù)問題，在于提供一種前進(jìn)式三維用戶界面的實(shí)現(xiàn)方法和移動(dòng) 終端，它能夠達(dá)到不斷前進(jìn)的效果、增加縱深感、提高用戶操作體驗(yàn)。本發(fā)明是這樣實(shí)現(xiàn)的本發(fā)明提供一種前進(jìn)式三維用戶界面的實(shí)現(xiàn)方法，具體包括如下步驟步驟10、將用戶界面的圖標(biāo)按一定順序設(shè)置在離屏幕一定距離的顯示位置，而且 從XY、XZ、YZ面視角都能在屏幕上見到每一個(gè)圖標(biāo)；步驟20、選中一個(gè)圖標(biāo)后，原用戶界面整體逐步向屏幕方向移動(dòng)，而且圖標(biāo)逐漸變 大；步驟30、原用戶界面移動(dòng)一段距離后，在顯示位置的Z軸方向的后方開始繪制新 用戶界面，新用戶界面也向屏幕方向逐漸移動(dòng)；步驟40、隨著原用戶界面不斷向屏幕方向移動(dòng)，并逐步移出屏幕顯示范圍，新用戶 界面也不斷向屏幕方向移動(dòng)，直至停留在顯示位置；步驟50、此時(shí)結(jié)束；或重復(fù)步驟20至步驟40，以進(jìn)行下一輪的操作。本發(fā)明還提供一種實(shí)現(xiàn)前進(jìn)式三維用戶界面的移動(dòng)終端，包括圖標(biāo)位置設(shè)置單元，用于將用戶界面的圖標(biāo)按一定的順序設(shè)置在離屏幕一定距離 的顯示位置，而且從三維用戶界面XYZ坐標(biāo)系的XY、XZ、YZ面視角都能在屏幕上見到每一個(gè) 圖標(biāo)；用戶界面變化單元，用于在選中一個(gè)圖標(biāo)后，使原用戶界面整體逐步向屏幕方向 移動(dòng)，而且圖標(biāo)逐漸變大；新用戶界面繪制單元，用于在原用戶界面移動(dòng)一段距離后，在顯示位置的Z軸方 向的后方開始繪制新用戶界面，新用戶界面也向屏幕方向逐漸移動(dòng)；
界面更替單元，用于使原用戶界面不斷向屏幕方向移動(dòng)，并逐步移出屏幕顯示范 圍，新用戶界面也不斷向屏幕方向移動(dòng)，直至停留在顯示位置。本發(fā)明具有如下優(yōu)點(diǎn)1、本發(fā)明將用戶界面立體化三維化，大幅增加用戶使用的趣味性，克服了當(dāng)前手 持設(shè)備中的用戶圖形界面圖形形式單一，多為2維平面中選擇圖標(biāo)進(jìn)行的操作；2、本發(fā)明的用戶界面是實(shí)時(shí)三維繪制產(chǎn)生，以3維立體的界面為基礎(chǔ)，在用戶選 擇一個(gè)圖標(biāo)后，將舊圖標(biāo)不斷向屏幕方向推進(jìn)直到移出屏幕顯示范圍，以實(shí)現(xiàn)舊圖標(biāo)的消 失；在離屏幕較遠(yuǎn)處開始繪制新用戶界面，通過不斷向屏幕方向推進(jìn)直到到達(dá)指定位置，以 實(shí)現(xiàn)新圖標(biāo)的出現(xiàn)，以此實(shí)現(xiàn)用戶界面的過渡，在用戶界面切換時(shí)，始終保持圖標(biāo)向屏幕的 漸進(jìn)移動(dòng)，以達(dá)到用戶不斷向前推進(jìn)的用戶體驗(yàn)，使得用戶使用用戶界面時(shí)增加好奇心和 更強(qiáng)烈代入感； 3、本發(fā)明的用戶界面切換更具連貫性。


下面參照附圖結(jié)合實(shí)施例對(duì)本發(fā)明作進(jìn)一步的說明。圖1為實(shí)現(xiàn)本發(fā)明方法的設(shè)備結(jié)構(gòu)原理框圖。圖2為本發(fā)明方法的流程示意圖。圖3A為本發(fā)明用戶界面的圖標(biāo)XZ面的排布示意圖。圖3B為本發(fā)明用戶界面的圖標(biāo)XY面的排布示意圖。圖3C為本發(fā)明用戶界面的圖標(biāo)YZ面的排布示意圖。圖4A為本發(fā)明用戶界面切換初期時(shí)XZ面的示意圖。圖4B為本發(fā)明用戶界面切換初期時(shí)XY面的示意圖。圖4C為本發(fā)明用戶界面切換初期時(shí)YZ面的示意圖。圖5A為本發(fā)明用戶界面切換末期時(shí)XZ面的示意圖。圖5B為本發(fā)明用戶界面切換末期時(shí)XY面的示意圖。圖5C為本發(fā)明用戶界面切換末期時(shí)YZ面的示意圖。
具體實(shí)施例方式參閱圖1至圖5C對(duì)本發(fā)明實(shí)施例進(jìn)行詳細(xì)的說明。如圖1所示，為本發(fā)明所需的設(shè)備結(jié)構(gòu)原理框圖。實(shí)現(xiàn)本發(fā)明的功能需要總線， 所述總線為一個(gè)互聯(lián)的單元，將掛載在總線上的各個(gè)單元連接在一起，任一個(gè)總線上的單 元可以通過總線訪問到掛載在總線的其他單元；CPU(中央處理器)，負(fù)責(zé)通過總線對(duì)觸摸 屏控制器和顯示控制單元和GPU進(jìn)行控制；GPU(圖形處理單元)，負(fù)責(zé)根據(jù)CPU的控制，通 過總線從外部存儲(chǔ)器獲取所需的材質(zhì)圖像，然后繪制出待顯示的圖像數(shù)據(jù)后存儲(chǔ)到外部存 儲(chǔ)器；外部存儲(chǔ)器，負(fù)責(zé)存儲(chǔ)用戶界面所需的全部材質(zhì)和圖像數(shù)據(jù)和經(jīng)過GPU處理后待顯 示的圖像數(shù)據(jù)；觸摸屏控制器，負(fù)責(zé)將用戶在觸摸屏上的觸碰操作轉(zhuǎn)化為屏幕坐標(biāo)信息并 將信息送往CPU;顯示控制單元，負(fù)責(zé)通過總線從外部存儲(chǔ)器讀取待顯示圖像數(shù)據(jù)，并把數(shù) 據(jù)顯示屏幕顯示；顯示屏幕，負(fù)責(zé)將顯示控制單元提供的顯示數(shù)據(jù)變?yōu)閳D像顯示到屏幕上。操作流程為
1.當(dāng)硬件開始上電工作后，CPU將各個(gè)單元初始化，使得各個(gè)單元開始正常工作；2.當(dāng)軟件系統(tǒng)啟動(dòng)后，用戶可以通過觸摸屏進(jìn)行操作，用戶對(duì)觸摸屏的控制信息 從觸摸屏控制器傳送到CPU ；3. CPU根據(jù)從觸摸屏控制器得到的用戶觸碰屏幕點(diǎn)的坐標(biāo)，然后查詢個(gè)圖標(biāo)所對(duì) 應(yīng)的坐標(biāo)范圍，得到用戶希望選擇的圖標(biāo)；4.當(dāng)確定用戶所選的圖標(biāo)后，CPU開始對(duì)GPU進(jìn)行配置，命令GPU繪制出所需要效 果的圖形效果；5.當(dāng)GPU得到CPU的命令后，開始從外部存儲(chǔ)器讀取繪制所需的材質(zhì)圖像，然后再 繪制完后將待顯示的圖像存儲(chǔ)到外部存儲(chǔ)器；6.當(dāng)GPU繪制圖像完畢后，CPU開始配置顯示控制單元，命令顯示控制單元顯示 GPU繪制的圖像；7.顯示控制單元得到CPU命令后，從外部存儲(chǔ)器讀取待顯示圖像，處理為顯示屏 幕所需的數(shù)據(jù)格式后，送往顯示屏幕顯示；8.當(dāng)用戶界面更新完畢后，CPU重新開始接受觸摸屏控制器的數(shù)據(jù)，開始新一輪 的用戶操作。如圖2所示，本發(fā)明的用戶界面具體包括如下步驟步驟10、將用戶界面的圖標(biāo)按 一定順序設(shè)置在離屏幕一定距離的顯示位置，而且從XY、XZ、YZ面視角都能在屏幕上見到 每一個(gè)圖標(biāo)；步驟20、選中一個(gè)圖標(biāo)后，原用戶界面整體逐步向屏幕方向移動(dòng)，而且圖標(biāo)逐 漸變大；步驟30、原用戶界面移動(dòng)一段距離后，在顯示位置的Z軸方向的后方開始繪制新用 戶界面，新用戶界面也向屏幕方向逐漸移動(dòng)；步驟40、隨著原用戶界面不斷向屏幕方向移 動(dòng)，并逐步移出屏幕顯示范圍，新用戶界面也不斷向屏幕方向移動(dòng)，直至停留在顯示位置； 步驟50、此時(shí)結(jié)束；或重復(fù)步驟20至步驟40，以進(jìn)行下一輪的操作。結(jié)合圖3A、圖3B、圖3C，用戶界面的圖標(biāo)1、圖標(biāo)2、圖標(biāo)3設(shè)置在離屏幕一定距離 的顯示位置，用戶可以從XY、XZ、YZ面視角都能在屏幕上見到每一個(gè)圖標(biāo)，在屏幕上從前到 后、從右到左的方向上圖標(biāo)依次為從低到高排列。圖標(biāo)距離屏幕有一定的距離，可以供圖標(biāo) 前進(jìn)特效提供足夠的距離。用戶可以通過觸碰圖標(biāo)來實(shí)現(xiàn)選擇該圖標(biāo)。更進(jìn)一步的，可以使得每一個(gè)圖標(biāo)正面的法線朝向都不一樣，選中圖標(biāo)后，將該圖 標(biāo)調(diào)整到法線垂直于顯示屏而且距離最靠近顯示屏的位置，而且這個(gè)調(diào)整的過程以步進(jìn)方 式實(shí)現(xiàn)，這樣可以得到整體用戶界面旋轉(zhuǎn)的效果。結(jié)合圖4A、圖4B、圖4C，用戶通過觸碰選中一個(gè)圖標(biāo)后，用戶界面開始切換到下一 個(gè)用戶界面，此時(shí)原有的圖標(biāo)1、圖標(biāo)2、圖標(biāo)3整體逐步向屏幕方向移動(dòng)，最好沿著法線方 向移動(dòng)，而且逐步向屏幕方向移動(dòng)的圖標(biāo)會(huì)逐漸變大，根據(jù)相對(duì)運(yùn)動(dòng)原理，用戶的感覺是自 己正在向屏幕方向前進(jìn)。在舊用戶界面向屏幕方向移動(dòng)一段距離后，在舊界面的Z軸方向 的后方開始繪制下一組新用戶界面，新用戶界面也以一定的速度沿著法線方向向屏幕方向 逐漸移動(dòng)。圖中，舊的圖標(biāo)1、圖標(biāo)2、圖標(biāo)3已經(jīng)向屏幕方向移動(dòng)一段距離，后方的新圖標(biāo) 也開始向屏幕方向逐漸移動(dòng)，此時(shí)只有最前方的新圖標(biāo)1顯示在屏幕中。結(jié)合圖5A、圖5B、圖5C，隨著舊用戶界面的不斷向前移動(dòng)，舊圖標(biāo)會(huì)逐漸移出屏幕 顯示范圍，新圖標(biāo)會(huì)仍然繼續(xù)不斷的前進(jìn)，隨著舊用戶界面整體全部移出屏幕顯示范圍，新 用戶界面前進(jìn)移動(dòng)到圖標(biāo)的顯示位置后停止移動(dòng)，圖中，舊的圖標(biāo)已經(jīng)部分移出屏幕顯示范圍，只剩下了最后方的圖標(biāo)3，而后方的新圖標(biāo)1、新圖標(biāo)2、新圖標(biāo)3繼續(xù)整體向前移動(dòng)。本發(fā)明的用戶界面以3維立體的界面為基礎(chǔ)，在用戶選擇一個(gè)圖標(biāo)后，將舊圖標(biāo) 不斷向屏幕方向推進(jìn)直到移出屏幕顯示范圍，以實(shí)現(xiàn)舊圖標(biāo)的消失；在離屏幕較遠(yuǎn)處開始 繪制新用戶界面，通過不斷向屏幕方向推進(jìn)直到到達(dá)指定的圖標(biāo)顯示位置，以實(shí)現(xiàn)新圖標(biāo) 的出現(xiàn)，以此實(shí)現(xiàn)用戶界面的過渡，在用戶界面切換時(shí)，始終保持圖標(biāo)向屏幕的漸進(jìn)移動(dòng)， 以達(dá)到用戶不斷向前推進(jìn)的用戶體驗(yàn)。本發(fā)明還提供一種實(shí)現(xiàn)前進(jìn)式三維用戶界面的移動(dòng)終端，包括圖標(biāo)位置設(shè)置單元，用于將用戶界面的圖標(biāo)按一定的順序設(shè)置在離屏幕一定距離 的顯示位置，而且從三維用戶界面XYZ坐標(biāo)系的XY、XZ、YZ面視角都能在屏幕上見到每一個(gè) 圖標(biāo)；用戶界面變化單元，用于在選中一個(gè)圖標(biāo)后，使原用戶界面整體逐步向屏幕方向 移動(dòng)，而且圖標(biāo)逐漸變大；新用戶界面繪制單元，用于在原用戶界面移動(dòng)一段距離后，在顯示位置的Z軸方 向的后方開始繪制新用戶界面，新用戶界面也向屏幕方向逐漸移動(dòng)；界面更替單元，用于使原用戶界面不斷向屏幕方向移動(dòng)，并逐步移出屏幕顯示范 圍，新用戶界面也不斷向屏幕方向移動(dòng)，直至停留在顯示位置。以上所述，僅為本發(fā)明較佳實(shí)施例而已，故不能依此限定本發(fā)明實(shí)施的范圍，即依 本發(fā)明專利范圍及說明書內(nèi)容所作的等效變化與修飾，皆應(yīng)仍屬本發(fā)明涵蓋的范圍內(nèi)。
權(quán)利要求
一種前進(jìn)式三維用戶界面的實(shí)現(xiàn)方法，其特征在于具體包括如下步驟步驟10、將用戶界面的圖標(biāo)按一定的順序設(shè)置在離屏幕一定距離的顯示位置，而且從三維用戶界面XYZ坐標(biāo)系的XY、XZ、YZ面視角都能在屏幕上見到每一個(gè)圖標(biāo)；步驟20、選中一個(gè)圖標(biāo)后，原用戶界面整體逐步向屏幕方向移動(dòng)，而且圖標(biāo)逐漸變大；步驟30、原用戶界面移動(dòng)一段距離后，在顯示位置的Z軸方向的后方開始繪制新用戶界面，新用戶界面也向屏幕方向逐漸移動(dòng)；步驟40、隨著原用戶界面不斷向屏幕方向移動(dòng)，并逐步移出屏幕顯示范圍，新用戶界面也不斷向屏幕方向移動(dòng)，直至停留在顯示位置；步驟50、此時(shí)結(jié)束；或重復(fù)步驟20至步驟40，以進(jìn)行下一輪的操作。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于所述步驟10中，每一個(gè)圖標(biāo)正面的法線 朝向都不一樣。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于所述步驟20中，選中圖標(biāo)后，將該圖標(biāo)調(diào) 整到法線垂直于顯示屏而且距離最靠近顯示屏的位置，而且這個(gè)調(diào)整的過程以步進(jìn)方式實(shí) 現(xiàn)。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于所述步驟20中，通過觸碰圖標(biāo)來實(shí)現(xiàn)選 擇該圖標(biāo)。
5.根據(jù)權(quán)利要求1或2所述的方法，其特征在于選中一個(gè)圖標(biāo)后，原用戶界面沿著法 線方向逐步向屏幕方向移動(dòng)。
6.根據(jù)權(quán)利要求1所述的方法，其特征在于所述步驟10中所述的順序是指從前到 后、從右到左的方向上圖標(biāo)依次為從低到高排列。
7.一種實(shí)現(xiàn)前進(jìn)式三維用戶界面的移動(dòng)終端，其特征在于，包括圖標(biāo)位置設(shè)置單元，用于將用戶界面的圖標(biāo)按一定的順序設(shè)置在離屏幕一定距離的顯 示位置，而且從三維用戶界面XYZ坐標(biāo)系的XY、XZ、YZ面視角都能在屏幕上見到每一個(gè)圖 標(biāo)；用戶界面變化單元，用于在選中一個(gè)圖標(biāo)后，使原用戶界面整體逐步向屏幕方向移動(dòng)， 而且圖標(biāo)逐漸變大；新用戶界面繪制單元，用于在原用戶界面移動(dòng)一段距離后，在顯示位置的Z軸方向的 后方開始繪制新用戶界面，新用戶界面也向屏幕方向逐漸移動(dòng)；界面更替單元，用于使原用戶界面不斷向屏幕方向移動(dòng)，并逐步移出屏幕顯示范圍，新 用戶界面也不斷向屏幕方向移動(dòng)，直至停留在顯示位置。
全文摘要
本發(fā)明提供一種前進(jìn)式三維用戶界面的實(shí)現(xiàn)方法和移動(dòng)終端，所述方法包括如下將用戶界面的圖標(biāo)按一定的順序設(shè)置在離屏幕一定距離的顯示位置，從XY、XZ、YZ面視角都能在屏幕上見到每一個(gè)圖標(biāo)；選中一個(gè)圖標(biāo)后，原用戶界面整體向屏幕方向移動(dòng)，而且圖標(biāo)逐漸變大；原用戶界面移動(dòng)一段距離后，在顯示位置的后方繪制新用戶界面，新用戶界面也向屏幕方向逐漸移動(dòng)；隨著原用戶界面不斷向屏幕方向移動(dòng)，并逐步移出屏幕顯示范圍，新用戶界面也不斷向屏幕方向移動(dòng)，直至停留在顯示位置；此時(shí)結(jié)束，或重復(fù)以進(jìn)行下一輪的操作。本發(fā)明能夠達(dá)到不斷前進(jìn)的效果、增加縱深感、提高用戶操作體驗(yàn)。
文檔編號(hào)G06F3/048GK101989179SQ20101053819
公開日2011年3月23日 申請(qǐng)日期2010年11月9日 優(yōu)先權(quán)日2010年11月9日
發(fā)明者廖裕民 申請(qǐng)人:福州瑞芯微電子有限公司