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

發(fā)明內(nèi)容
本發(fā)明要解決的技術問題，在于提供一種半透明漸變式三維用戶界面實現(xiàn)方法及 移動終端，它即能夠使用戶界面通過半透明漸變自然切換，又能夠達到不斷前進的效果、增 加縱深感、提高用戶操作體驗。本發(fā)明是這樣實現(xiàn)的本發(fā)明半透明漸變式三維用戶界面實現(xiàn)方法具體包括如下步驟步驟10、將用戶界面的圖標設置在離屏幕一定距離的顯示位置，而且從XY、XZ、YZ 面視角都能在屏幕上見到每一個圖標；步驟20、選中一個圖標后，所述選中圖標逐步向屏幕方向移動，而且該圖標逐漸變 大，同時在該圖標的周圍和后方繪制填充半透明效果，即半透明效果的透明度逐步降低，直 至不可見；步驟30、所述選中圖標移動一段距離后，在半透明效果的后方開始繪制新用戶界步驟40、當選中圖標移出屏幕顯示范圍后，半透明效果的透明度逐漸增大，直至透 明度為可見，同時新用戶界面也不斷向屏幕方向移動，直至停留在顯示位置；步驟50、此時可以進行下一次的操作。本發(fā)明實現(xiàn)漸變推進式三維用戶界面的移動終端包括圖標位置設置單元，用于將用戶界面的圖標設置在離屏幕一定距離的顯示位置， 而且從三維用戶界面XYZ坐標系的XY、XZ、YZ面視角都能在屏幕上見到每一個圖標；半透明效果填充單元，用于選中一個圖標后，使選中圖標逐步向屏幕方向移動，而 且該圖標逐漸變大，同時在該圖標的周圍和后方繪制填充半透明效果，且隨時間推移，半透 明效果的透明度逐步降低，直至完全不透明；
新用戶界面繪制單元，用于在所述選中圖標移動一段距離后，在半透明效果的后 方開始繪制新一組用戶界面；透明度提高單元，用于當選中圖標移出屏幕顯示范圍后，使半透明效果的透明度 逐漸提高，直至透明度為完全透明，同時新用戶界面也不斷向屏幕方向移動，直至停留在顯 示位置。本發(fā)明具有如下優(yōu)點1.本發(fā)明提出的3維半透明漸變式用戶界面，以3維立體的界面為基礎，將用戶界 面立體化三維化，大幅增加用戶使用的趣味性，克服了當前手持設備中的用戶圖形界面圖 形形式單一，多為2維平面中選擇圖標進行的操作；2.在用戶界面切換時，始終保持圖標向屏幕的漸進移動，以達到用戶不斷向前推 進的用戶體驗，使得用戶使用用戶界面時增加好奇心和更強烈代入感；而且在用戶界面切 換時采用了半透明漸變，使得用戶界面可以自然切換；3.用戶在觸摸操作時選中圖標后，圖標會產(chǎn)生自動旋轉正對屏幕的動作，加強了 用戶界面的動感和趣味性。


下面參照附圖結合實施例對本發(fā)明作進一步的說明。圖1為本發(fā)明所需的電路結構示意圖。圖2為本發(fā)明方法的流程示意圖。圖3A為本發(fā)明用戶界面的圖標XZ面的排布示意圖。圖3B為本發(fā)明用戶界面的圖標XY面的排布示意圖。圖3C為本發(fā)明用戶界面的圖標YZ面的排布示意圖。圖4A為本發(fā)明用戶界面旋轉時XZ面的示意圖。圖4B為本發(fā)明用戶界面旋轉結束后XZ面的示意圖。圖4C為本發(fā)明用戶界面旋轉結束后XY面的示意圖。圖5A為本發(fā)明用戶界面切換開始時XZ面的示意圖。圖5B為本發(fā)明用戶界面切換開始時XY面的示意圖。圖6A為本發(fā)明用戶界面切換時產(chǎn)生新用戶界面后XZ面的示意圖。圖6B為本發(fā)明用戶界面切換時舊圖標移出屏幕后XZ面的示意圖。圖6C為本發(fā)明用戶界面切換時舊圖標移出屏幕后XY面的示意圖。圖7A為本發(fā)明用戶界面切換時新用戶界面向屏幕移動時XZ面的示意圖。圖7B為本發(fā)明用戶界面切換時新用戶界面向屏幕移動時XY面的示意圖。
具體實施例方式參閱圖1至圖7B對本發(fā)明一實施例進行詳細的說明。如圖1所示，為本發(fā)明所需的電路結構示意圖。實現(xiàn)本發(fā)明的功能需要總線，所 述總線為一個互聯(lián)的單元，將掛載在總線上的各個單元連接在一起，任一個總線上的單元 可以通過總線訪問到掛載在總線的其他單元；CPU(中央處理器)，負責通過總線對觸摸屏 控制器和顯示控制單元和GPU進行控制；GPU(圖形處理單元)，負責根據(jù)CPU的控制，通過總線從外部存儲器獲取所需的材質(zhì)圖像，然后繪制出待顯示的圖像數(shù)據(jù)后存儲到外部存儲 器；外部存儲器，負責存儲用戶界面所需的全部材質(zhì)和圖像數(shù)據(jù)和經(jīng)過GPU處理后待顯示 的圖像數(shù)據(jù)；觸摸屏控制器，負責將用戶在觸摸屏上的觸碰操作轉化為屏幕坐標信息并將 信息送往CPU ；顯示控制單元，負責通過總線從外部存儲器讀取待顯示圖像數(shù)據(jù)，并把數(shù)據(jù) 顯示屏幕顯示；顯示屏幕，負責將顯示控制單元提供的顯示數(shù)據(jù)變?yōu)閳D像顯示到屏幕上。操作流程為1.當硬件開始上電工作后，CPU將各個單元初始化，使得各個單元開始正常工作；2.當軟件系統(tǒng)啟動后，用戶可以通過觸摸屏進行操作，用戶對觸摸屏的控制信息 從觸摸屏控制器傳送到CPU ；3. CPU根據(jù)從觸摸屏控制器得到的用戶觸碰屏幕點的坐標，然后查詢個圖標所對 應的坐標范圍，得到用戶希望選擇的圖標；4.當確定用戶所選的圖標后，CPU開始對GPU進行配置，命令GPU繪制出所需要效 果的圖形效果；5.當GPU得到CPU的命令后，開始從外部存儲器讀取繪制所需的材質(zhì)圖像，然后再 繪制完后將待顯示的圖像存儲到外部存儲器；6.當GPU繪制圖像完畢后，CPU開始配置顯示控制單元，命令顯示控制單元顯示 GPU繪制的圖像；7.顯示控制單元得到CPU命令后，從外部存儲器讀取待顯示圖像，處理為顯示屏 幕所需的數(shù)據(jù)格式后，送往顯示屏幕顯示；8.當用戶界面更新完畢后，CPU重新開始接受觸摸屏控制器的數(shù)據(jù)，開始新一輪 的用戶操作。如圖2所示，本發(fā)明的用戶界面具體包括如下步驟步驟10、將用戶界面的圖標設置在離屏幕一定距離的顯示位置，而且從XY、XZ、YZ 面視角都能在屏幕上見到每一個圖標；步驟20、選中一個圖標后，所述選中圖標逐步向屏 幕方向移動，而且該圖標逐漸變大，同時在該圖標的周圍和后方繪制填充半透明效果，且隨 時間推移，半透明效果的透明度逐步降低，直至完全不透明；步驟30、所述選中圖標移動一 段距離后，在半透明效果的后方開始繪制新一組用戶界面；步驟40、當選中圖標移出屏幕 顯示范圍后，半透明效果的透明度逐漸提高，直至透明度為完全透明，同時新用戶界面也不 斷向屏幕方向移動，直至停留在顯示位置；步驟50、此時可以進行下一次的操作。半透明效果可以為云霧半透明效果，還可以使用水紋，玻璃等不同材質(zhì)的材料實 現(xiàn)水紋半透明效果、或玻璃半透明效果，本實施例的半透明效果采用的是云霧效果。結合圖3Α、圖3Β、圖3C，用戶界面的圖標圖標1、圖標2、圖標3、圖標4、圖標5、圖 標6設置在離屏幕一定距離的顯示位置，用戶可以從ΧΥ、ΧΖ、ΥΖ面視角都能在屏幕上見到每 一個圖標，圖標距離屏幕有一定的距離，可以供圖標前進特效提供足夠的距離。用戶可以通 過觸碰圖標來實現(xiàn)選擇該圖標。更進一步的，可以使得所述每一個圖標正面的法線朝向都 不一樣。結合圖4Α、圖4Β、圖4C，選中其中一個圖標后，如圖標2，將該圖標2調(diào)整到法線垂 直于顯示屏而且距離最靠近顯示屏的位置，旋轉結束后，選中的圖標2的法線已經(jīng)垂直于 屏幕，成為屏幕中心的圖標，而且這個調(diào)整的過程以步進方式實現(xiàn)，這樣可以得到整體用戶界面旋轉的效果。結合圖5A、圖5B，選中的圖標2的法線已經(jīng)垂直于屏幕后，在該圖標2的四周和后 方繪制填充半透明效果，本實施例采用了云霧效果。而且隨著時間推移，云霧效果的透明度 逐步降低，直到完全不透明，使得其他的圖標逐步從用戶界面隱去，以便實現(xiàn)新用戶界面的 自然切換；同時選中的圖標2沿著法線方向逐步向屏幕方向移動，并逐漸變大，屏幕上的效 果是圖標2逐漸靠近用戶，根據(jù)相對運動的原理，用戶本人的體驗為向屏幕中前進，加上周 圍的云霧效果，達到探索未知領域的用戶心理體驗。結合圖6A、圖6B、圖6C，選中圖標2移動到屏幕位置，即將移出屏幕時，開始在云霧 后方離屏幕較遠處繪制新的一組用戶界面，圖標11、圖標12、圖標13、圖標14、圖標15、圖標 16。當圖標2完全移出屏幕后，將云霧效果的透明度再逐漸提高，將新的用戶界面圖標11、 圖標12、圖標13、圖標14、圖標15、圖標16隱約顯示于屏幕之中。結合圖7A、圖7B，隨著云霧透明度的逐漸提高，直到云霧效果完全消失，同時新用 戶界面圖標11、圖標12、圖標13、圖標14、圖標15、圖標16整體向屏幕方向逐漸移動，直到 移動到正常的顯示位置，這樣可以達到用戶保持向前推進的連貫性，和探索未知領域的好 奇性。當云霧效果完全消失后，并且新圖標都移動到正常的顯示位置后，用戶可以進行新一 輪的操作。本發(fā)明實現(xiàn)漸變推進式三維用戶界面的移動終端實施例包括圖標位置設置單元，用于將用戶界面的圖標設置在離屏幕一定距離的顯示位置， 而且從三維用戶界面XYZ坐標系的XY、XZ、YZ面視角都能在屏幕上見到每一個圖標；半透明效果填充單元，用于選中一個圖標后，使選中圖標逐步向屏幕方向移動，而 且該圖標逐漸變大，同時在該圖標的周圍和后方繪制填充半透明效果，且隨時間推移，半透 明效果的透明度逐步降低，直至完全不透明；新用戶界面繪制單元，用于在所述選中圖標移動一段距離后，在半透明效果的后 方開始繪制新一組用戶界面；透明度提高單元，用于當選中圖標移出屏幕顯示范圍后，使半透明效果的透明度 逐漸提高，直至透明度為完全透明，同時新用戶界面也不斷向屏幕方向移動，直至停留在顯 示位置。以上所述，僅為本發(fā)明較佳實施例而已，故不能依此限定本發(fā)明實施的范圍，即依 本發(fā)明專利范圍及說明書內(nèi)容所作的等效變化與修飾，皆應仍屬本發(fā)明涵蓋的范圍內(nèi)。
權利要求
一種漸變推進式三維用戶界面的實現(xiàn)方法，其特征在于具體包括如下步驟步驟10、將用戶界面的圖標設置在離屏幕一定距離的顯示位置，而且從三維用戶界面XYZ坐標系的XY、XZ、YZ面視角都能在屏幕上見到每一個圖標；步驟20、選中一個圖標后，所述選中圖標逐步向屏幕方向移動，而且該圖標逐漸變大，同時在該圖標的周圍和后方繪制填充半透明效果，且隨時間推移，半透明效果的透明度逐步降低，直至完全不透明；步驟30、所述選中圖標移動一段距離后，在半透明效果的后方開始繪制新一組用戶界面；步驟40、當選中圖標移出屏幕顯示范圍后，半透明效果的透明度逐漸提高，直至透明度為完全透明，同時新用戶界面也不斷向屏幕方向移動，直至停留在顯示位置；步驟50、此時可以進行下一次的操作。
2.根據(jù)權利要求1所述的實現(xiàn)方法，其特征在于所述步驟10中，每一個圖標正面的 法線朝向都不一樣。
3.根據(jù)權利要求2所述的實現(xiàn)方法，其特征在于所述步驟20中，選中圖標后，將該圖 標調(diào)整到法線垂直于顯示屏而且距離最靠近顯示屏的位置，而且這個調(diào)整的過程以步進方 式實現(xiàn)。
4.根據(jù)權利要求1所述的實現(xiàn)方法，其特征在于所述步驟20中，通過觸碰圖標來實 現(xiàn)選擇該圖標。
5.根據(jù)權利要求1所述的實現(xiàn)方法，其特征在于所述選中圖標沿著法線方向逐步向 屏幕方向移動。
6.根據(jù)權利要求1所述的實現(xiàn)方法，其特征在于步驟30中所述選中圖標移動一段距 離，此時選中圖標還未移出屏幕顯示范圍。
7.根據(jù)權利要求1所述的實現(xiàn)方法，其特征在于所述半透明效果為云霧半透明效果、 或水紋半透明效果、或玻璃半透明效果。
8.一種實現(xiàn)漸變推進式三維用戶界面的移動終端，其特征在于，包括圖標位置設置單元，用于將用戶界面的圖標設置在離屏幕一定距離的顯示位置，而且 從三維用戶界面XYZ坐標系的XY、XZ、YZ面視角都能在屏幕上見到每一個圖標；半透明效果填充單元，用于選中一個圖標后，使選中圖標逐步向屏幕方向移動，而且該 圖標逐漸變大，同時在該圖標的周圍和后方繪制填充半透明效果，且隨時間推移，半透明效 果的透明度逐步降低，直至完全不透明；新用戶界面繪制單元，用于在所述選中圖標移動一段距離后，在半透明效果的后方開 始繪制新一組用戶界面；透明度提高單元，用于當選中圖標移出屏幕顯示范圍后，使半透明效果的透明度逐漸 提高，直至透明度為完全透明，同時新用戶界面也不斷向屏幕方向移動，直至停留在顯示位 置。
全文摘要
本發(fā)明提供一種漸變推進式三維用戶界面實現(xiàn)方法及移動終端，所述方法包括如下步驟將用戶界面的圖標設置在離屏幕一定距離的顯示位置，從XY、XZ、YZ面視角都能見到每一個圖標；選中一個圖標后，選中圖標逐步向屏幕方向移動，而且逐漸變大，同時在該圖標的周圍和后方填充半透明效果，且隨時間推移半透明效果的透明度逐步降低直至完全不透明；選中圖標移動一段距離后，在半透明效果的后方繪制新一組用戶界面；當選中圖標移出屏幕顯示范圍后，半透明效果的透明度逐漸提高直至為完全透明，新用戶界面也向屏幕方向移動直至停留在顯示位置；進行下一次的操作。本發(fā)明既能夠使用戶界面通過半透明漸變自然切換，又能夠達到不斷前進的效果。
文檔編號G06F3/048GK101986254SQ20101053345
公開日2011年3月16日 申請日期2010年11月5日 優(yōu)先權日2010年11月5日
發(fā)明者廖裕民 申請人:福州瑞芯微電子有限公司