專利名稱：電子裝置的圖形化操作界面與實(shí)現(xiàn)該界面的方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種電子裝置的圖形界面與其產(chǎn)生方法，特別涉及一種電子裝置的圖 形化操作界面與實(shí)現(xiàn)界面的方法。
背景技術(shù)：
隨著計(jì)算器處理速度的快速成長與體積小型化，使得越來越多可攜式電子裝置問 世。例如個(gè)人數(shù)字助理(personal digital assistant，PDA)、手機(jī)或筆記型計(jì)算機(jī)等。因 為小型化的可攜式電子裝置會(huì)受限于顯示畫面的關(guān)系，所以各廠商會(huì)對每一個(gè)應(yīng)用程序設(shè) 定相應(yīng)的顯示圖標(biāo)。當(dāng)使用者點(diǎn)選所欲執(zhí)行的應(yīng)用程序的圖標(biāo)時(shí)，電子裝置即可執(zhí)行相應(yīng) 的應(yīng)用程序。但隨著使用者所安裝的應(yīng)用程序逐漸的增加，會(huì)使得電子裝置中所儲(chǔ)存的顯 示圖標(biāo)也會(huì)隨著增加。若要從有限的畫面中找到所欲執(zhí)行的應(yīng)用程序的圖標(biāo)，對于使用者 是一件困難的事情。

發(fā)明內(nèi)容
鑒于以上的問題，本發(fā)明的主要目的在于提供一種電子裝置的圖形化操作界面， 其是對可攜式電子裝置中的多種應(yīng)用程序提供相應(yīng)的操作界面。為達(dá)到上述目的，本發(fā)明所揭露的一種電子裝置的圖形化操作界面包括有儲(chǔ)存 單元、觸控顯示單元與處理單元；儲(chǔ)存單元儲(chǔ)存顯示程序、多個(gè)程序圖標(biāo)與多個(gè)群組圖標(biāo)； 觸控顯示單元用以接收輸入信號，觸控顯示單元的畫面中設(shè)置有圖標(biāo)區(qū)與立體群組圖標(biāo)選 單；處理單元電性連接于儲(chǔ)存單元與觸控顯示單元，處理單元根據(jù)程序圖標(biāo)的關(guān)聯(lián)屬性用 以將具有相同的關(guān)聯(lián)屬性的程序圖標(biāo)分類至同一群組圖標(biāo)中；處理單元執(zhí)行顯示程序。從本發(fā)明的另一觀點(diǎn)，本發(fā)明提出一種實(shí)現(xiàn)圖形化操作界面的方法，其是對可攜 式電子裝置中的多種應(yīng)用程序產(chǎn)生相應(yīng)的操作界面。為達(dá)到上述目的，本發(fā)明所揭露的一種對可攜式電子裝置中的多種應(yīng)用程序提供 相應(yīng)的操作界面。包括以下步驟提供觸控顯示單元；于觸控顯示單元中分別設(shè)定圖標(biāo)區(qū) 與立體群組圖標(biāo)選單；于圖標(biāo)區(qū)中顯示多筆程序圖標(biāo)或多筆群組圖標(biāo)，每程序圖標(biāo)具有關(guān) 聯(lián)屬性，任個(gè)群組圖標(biāo)還包含多個(gè)具有相同的關(guān)聯(lián)屬性的程序圖標(biāo)；響應(yīng)輸入信號將所選 定的群組圖標(biāo)顯示于立體群組圖標(biāo)選單中；響應(yīng)輸入信號將被選定的群組圖標(biāo)所屬類別的 程序圖標(biāo)顯示于圖標(biāo)區(qū)。本發(fā)明提供的一種電子裝置的圖形化操作界面與實(shí)現(xiàn)界面的方法，其是對多個(gè)程 序圖標(biāo)提供了快速的分類與簡單的操作方式。避免可攜式電子裝置因?yàn)樾⌒突a(chǎn)生的操 作不便利。以下結(jié)合附圖和具體實(shí)施例對本發(fā)明進(jìn)行詳細(xì)描述，但不作為對本發(fā)明的限定。


圖1為本發(fā)明的架構(gòu)示意3圖2A為本發(fā)明的顯示程序的運(yùn)作示意圖； 圖2B為本發(fā)明的選擇群組圖標(biāo)的運(yùn)作示意圖； 圖2C為本發(fā)明的圖標(biāo)區(qū)中的程序圖標(biāo)的排列的流程示意圖 圖3A為本發(fā)明的不同種類的應(yīng)用程序群組的示意圖； 圖3B為本發(fā)明的一種實(shí)施態(tài)樣的示意圖； 圖3C為本發(fā)明的立體群組圖標(biāo)選單示意圖 圖3D為本發(fā)明的群組圖標(biāo)切換前的示意圖 圖3E為本發(fā)明的群組圖標(biāo)切換后的示意圖 圖3F為本發(fā)明的另一群組圖標(biāo)切換前的示意圖
-群組圖標(biāo)切換后的示意圖 -群組圖標(biāo)切換前的示意圖 -群組圖標(biāo)切換后的示意圖。
圖3G為本發(fā)明的另-圖3H為本發(fā)明的又-圖31為本發(fā)明的又-其中，附圖標(biāo)記
100可攜式電子裝置
110儲(chǔ)存單元
120觸控顯示單元
130處理單元
140顯不程序
150程序圖標(biāo)
160群組圖標(biāo)
161第一群組圖標(biāo)
162第二群組圖標(biāo)
163第三群組圖標(biāo)
164第四群組圖標(biāo)
611圖標(biāo)區(qū)
612體群組圖標(biāo)選單
613信息顯示清單
614總檢視圖標(biāo)
1-1,1--2、1-3、1-4、1-5、1
2-1,2--2、2-3、2-4、2-5
3-1,3--2、3-3、3-4、3-5、3
4-1,4--2
第一群組圖標(biāo)的程序圖標(biāo) 第二群組圖標(biāo)的程序圖標(biāo) 第三群組圖標(biāo)的程序圖標(biāo)
第四群組圖標(biāo)的程序圖標(biāo)
具體實(shí)施例方式下面結(jié)合附圖對本發(fā)明的結(jié)構(gòu)原理和工作原理作具體的描述請參考圖1所示，其為本發(fā)明的架構(gòu)示意圖。本發(fā)明所述的可攜式電子裝置可以 應(yīng)用于手機(jī)、PDA、或筆記型計(jì)算機(jī)等。在本發(fā)明的可攜式電子裝置100中包括有儲(chǔ)存單 元110、觸控顯示單元120與處理單元130。儲(chǔ)存單元110儲(chǔ)存顯示程序140、多個(gè)程序圖標(biāo) 150與多個(gè)群組圖標(biāo)160。在本發(fā)明的實(shí)施態(tài)樣中并不限制圖像圖標(biāo)的大小，因此可以根據(jù)觸控顯示單元120的畫面大小決定是圖像圖標(biāo)的尺寸。觸控顯示單元120的畫面中設(shè)置有 圖標(biāo)區(qū)611與立體群組圖標(biāo)選單612。觸控顯示單元120用以接收使用者的輸入信號。舉例來說，使用者可以利用手指或觸控筆來點(diǎn)選觸控顯示單元120，也可以在觸控 顯示單元120上以滑動(dòng)的方式選擇相應(yīng)的圖標(biāo)。在本說明書中所述的程序圖標(biāo)指的是應(yīng)用 程序的圖像圖標(biāo)，而群組圖標(biāo)160則是各應(yīng)用程序群組的圖像圖標(biāo)。在本發(fā)明中為了區(qū)隔 點(diǎn)選的輸入信號與移動(dòng)的輸入信號；在此將點(diǎn)選的輸入信號定義為點(diǎn)選信號。而在觸控顯 示單元120上滑動(dòng)時(shí)則是將其定義為移動(dòng)信號。在本說明書中為方便說明界面的處理過 程，因此對應(yīng)用程序以相應(yīng)的程序圖標(biāo)150作為說明，就不在贅述為應(yīng)用程序的程序圖標(biāo) 150。處理單元130電性連接于儲(chǔ)存單元110與觸控顯示單元120。處理單元130根據(jù) 程序圖標(biāo)的關(guān)聯(lián)屬性用以對該些程序圖標(biāo)150進(jìn)行分類，并將具有相同的關(guān)聯(lián)屬性的程序 圖標(biāo)150歸類至群組圖標(biāo)160中。其中，程序圖標(biāo)150的關(guān)聯(lián)屬性是根據(jù)應(yīng)用程序的種類進(jìn) 行區(qū)分，舉例來說，將通訊簿、簡訊管理、網(wǎng)絡(luò)電話等具有聯(lián)絡(luò)/通話的應(yīng)用程序設(shè)定為“通 訊”的關(guān)聯(lián)屬性；或者將全球定位系統(tǒng)、電子地圖等應(yīng)用程序設(shè)定為“導(dǎo)航”的關(guān)聯(lián)屬性；或 是將圖片瀏覽程序、音樂播放軟件、與影片播放軟件設(shè)定為“多媒體”的關(guān)聯(lián)屬性。處理單元130根據(jù)使用者的輸入信號用以執(zhí)行相應(yīng)的顯示程序140。請參考圖2A 所示，其為顯示程序的運(yùn)作示意圖，本發(fā)明的操作界面的顯示程序140包括以下步驟步驟S210 于圖標(biāo)區(qū)中顯示程序圖標(biāo)或群組圖標(biāo)；步驟S220 于立體群組圖標(biāo)選單中顯示群組圖標(biāo)；步驟S230 響應(yīng)輸入信號將所選定的群組圖標(biāo)顯示于立體群組圖標(biāo)選單中；以及步驟S240 響應(yīng)輸入信號將被選定的組圖標(biāo)所屬類別的程序圖標(biāo)顯示于圖標(biāo)區(qū)。在步驟S230的顯示于立體群組圖標(biāo)選單612中還包括以下步驟，并請配合圖2B 步驟S231 當(dāng)處理單元接收到來自于立體群組圖標(biāo)選單的移動(dòng)信號時(shí)，則根據(jù)拖 曳的移動(dòng)信號決定立體群組圖標(biāo)選單的每一面的切換方向；以及步驟S232 以翻動(dòng)方式切換立體群組圖標(biāo)選單的每一面。請另外參考圖2C所示，其為圖標(biāo)區(qū)中的程序圖標(biāo)的排列的流程示意圖。在步驟 S240的調(diào)整圖標(biāo)區(qū)611中的程序圖標(biāo)150的步驟中還包括以下步驟步驟S241 以動(dòng)畫方式將當(dāng)前圖標(biāo)區(qū)中的程序圖標(biāo)切換為所選擇的群組圖標(biāo)所 包括的程序圖標(biāo)；步驟S242 圖標(biāo)區(qū)可響應(yīng)在圖標(biāo)區(qū)的拖曳的移動(dòng)信號，以滑動(dòng)方式顯示圖標(biāo)區(qū)中 的程序圖標(biāo)的位置變換；步驟S243 根據(jù)移動(dòng)信號的移動(dòng)方向決定程序圖標(biāo)的切換的行進(jìn)方向；以及步驟S244 根據(jù)移動(dòng)信號的移動(dòng)速度決定程序圖標(biāo)的切換數(shù)量。步驟S241中所述的動(dòng)畫方式可以是滑動(dòng)(slip)、淡入/淡出(fade in/fade out) 等過場方式切換成所選擇的群組圖標(biāo)160包含的程序圖標(biāo)150。為清楚說明本發(fā)明的操作流程，以圖3A 圖31為例作為說明。在圖3A中以不 同形狀作為不同種類的應(yīng)用程序群組。圖3A中設(shè)定四種不同的群組圖標(biāo)(161、162、163、 164)，第一群組圖標(biāo)161、第二群組圖標(biāo)162、第三群組圖標(biāo)163與第四群組圖標(biāo)164其分別 以正方形、心形、三角形與矩形表示。每一個(gè)群組圖標(biāo)中分別包括有多個(gè)應(yīng)用程序，在圖3A
5中根據(jù)不同的群組圖標(biāo)分別設(shè)定不同的應(yīng)用程序相應(yīng)的群組號碼。例如，對于第一群組圖 標(biāo)161的應(yīng)用程序分別設(shè)定為應(yīng)用程序1-1 1-6 ；第二群組圖標(biāo)162的應(yīng)用程序2_1 2-5 ；第三群組圖標(biāo)163的應(yīng)用程序3-1 3-7 ；第四群組圖標(biāo)164的應(yīng)用程序4_1 4_2。以下以圖3B作為本發(fā)明的一種實(shí)施態(tài)樣作為說明，但并非僅局限此一布局。圖3B 中包括有圖標(biāo)區(qū)611、立體群組圖標(biāo)選單612、信息顯示清單613與總檢視圖標(biāo)614。圖3B 的畫面中央部分為圖標(biāo)區(qū)611 ；圖3B的畫面右上方為信息顯示清單613 ；圖3B的畫面的左 上方為總檢視圖標(biāo)614?？蓴y式電子裝置100在起始(initial)后，首先在圖標(biāo)區(qū)611中顯示出所有的群 組圖標(biāo)160。在信息顯示清單613中顯示出可攜式電子裝置100的各項(xiàng)狀態(tài)。例如電池電 力(Battery Power)、藍(lán)牙(Bluetooth)聯(lián)機(jī)狀態(tài)、網(wǎng)絡(luò)(network)聯(lián)機(jī)狀態(tài)、音量(volume)
大小等。當(dāng)使用者點(diǎn)選群組圖標(biāo)160的其中之一后，圖標(biāo)區(qū)611的畫面會(huì)刷新成所選擇的 群組圖標(biāo)160所包含的程序圖標(biāo)150。并且將圖3B的左下方切換為立體群組圖標(biāo)選單612， 請參考圖3C所示。在本實(shí)施態(tài)樣中因?yàn)榉譃樗膫€(gè)圖標(biāo)群組，因此立體群組圖標(biāo)選單612以 四面體作為說明，并非局限于此。在立體群組圖標(biāo)選單612中的每一面中分別設(shè)置了相應(yīng) 的群組圖標(biāo)160。舉例來說，在第一面中設(shè)置了第一群組圖標(biāo)161 ；第二面中設(shè)置第二群組 圖標(biāo)162 ；第三面中設(shè)置第三群組圖標(biāo)163 ；第四面中設(shè)置第四群組圖標(biāo)164?？倷z視圖標(biāo) 614用以將圖標(biāo)區(qū)611中的程序圖標(biāo)刷新為群組圖標(biāo)160，并同時(shí)將立體群組圖標(biāo)選單612 禁能(disable)使其在觸控顯示單元120上變成不可視的狀態(tài)。使用者可以以手指滑動(dòng)的方式翻動(dòng)立體群組圖標(biāo)選單612的不同的頁面。處理單 元130根據(jù)此一滑動(dòng)的輸入信號響應(yīng)立體群組圖標(biāo)選單612的滑動(dòng)、淡入淡出的相應(yīng)動(dòng)畫。 除此之外，也可以利用點(diǎn)選的方式逐一的切換立體群組圖標(biāo)選單612中的群組圖標(biāo)160。若 是以點(diǎn)選的方式，則是依據(jù)群組圖標(biāo)160的順序逐一的切換。換句話說，立體群組圖標(biāo)選單 612的群組圖標(biāo)160的切換順序?yàn)榈谝蝗航M圖標(biāo)161 —第二群組圖標(biāo)162 —第三群組圖 標(biāo)163 —第四群組圖標(biāo)164 —第一群組圖標(biāo)161...，依此順序切換。當(dāng)使用者切換立體群組圖標(biāo)選單612中的群組圖標(biāo)160時(shí)，于此同時(shí)處理單元130 會(huì)將此群組圖標(biāo)160所包含的程序圖標(biāo)150顯示在圖標(biāo)區(qū)611中。請參考圖3D與圖3E所 示，其為群組圖標(biāo)切換示意圖。在圖3D中，使用者將手指由觸控顯示單元120的右方滑向 左方，處理單元130會(huì)將立體群組圖標(biāo)選單612沿著相同方向進(jìn)行群組圖標(biāo)160的切換。 立體群組圖標(biāo)選單612則會(huì)將第一群組圖標(biāo)161切換成第二群組圖標(biāo)162。圖標(biāo)區(qū)611中 會(huì)將第一群組圖標(biāo)161的程序圖標(biāo)150以動(dòng)畫的方式切換為第二群組圖標(biāo)162的程序圖標(biāo) 150，如圖3E所示。例如，在切換程序圖標(biāo)150時(shí)，可以把第一群組圖標(biāo)161所包含的程序 圖標(biāo)150滑動(dòng)方式的動(dòng)畫刷新為第二群組圖標(biāo)162所包含的程序圖標(biāo)150。同理，也可以反 方向的進(jìn)行移動(dòng)，例如圖3F與圖3G所示。在圖3F中將手指由左方滑向右方，則立體群組 圖標(biāo)選單612會(huì)將第二群組圖標(biāo)162切換為第一群組圖標(biāo)161。并且將圖標(biāo)區(qū)611中的第 二群組圖標(biāo)162所包含的程序圖標(biāo)150刷新為第一群組圖標(biāo)161所包含的程序圖標(biāo)150，如 圖3G所示。請參考圖3H與圖31所示，其為點(diǎn)選切換群組圖標(biāo)的示意圖。除了上述的滑動(dòng)方 式來選擇不同的群組圖標(biāo)160外也可以用點(diǎn)選的方式進(jìn)行點(diǎn)選。在圖3H中，使用者點(diǎn)選立體群組圖標(biāo)選單612 (假設(shè)當(dāng)前群組圖標(biāo)160為第三群組圖標(biāo)163)，處理單元130會(huì)按照上 述的順序?qū)⒌谌航M圖標(biāo)163切換為第四群組圖標(biāo)164(如圖31所示)。并將圖標(biāo)區(qū)611 中的程序圖標(biāo)150刷新為第四群組圖標(biāo)164所包含的程序圖標(biāo)150。在點(diǎn)選立體群組圖標(biāo) 選單612的同時(shí)，可以對被點(diǎn)選的群組圖標(biāo)160以高亮的方式顯示，如圖3H所示。本發(fā)明提供了一種可攜式電子裝置100的圖形化操作界面與實(shí)現(xiàn)界面的方法，其 是對多個(gè)程序圖標(biāo)150提供了快速的分類與簡單的操作方式。避免可攜式電子裝置100因 為小型化所產(chǎn)生的操作不便利。當(dāng)然，本發(fā)明還可有其它多種實(shí)施例，在不背離本發(fā)明精神及其實(shí)質(zhì)的情況下，熟 悉本領(lǐng)域的技術(shù)人員當(dāng)可根據(jù)本發(fā)明作出各種相應(yīng)的改變和變形，但這些相應(yīng)的改變和變 形都應(yīng)屬于本發(fā)明所附的權(quán)利要求的保護(hù)范圍。
權(quán)利要求
一種電子裝置的圖形化操作界面，其特征在于，包括有一儲(chǔ)存單元，其儲(chǔ)存一顯示程序、多個(gè)程序圖標(biāo)與多個(gè)群組圖標(biāo)，該程序圖標(biāo)用以觸發(fā)相應(yīng)的一應(yīng)用程序；一觸控顯示單元，該觸控顯示單元的畫面中設(shè)置有一圖標(biāo)區(qū)與一立體群組圖標(biāo)選單，于該圖標(biāo)區(qū)中顯示該些程序圖標(biāo)或該些群組圖標(biāo)；以及一處理單元，其電性連接于該儲(chǔ)存單元與該觸控顯示單元，該處理單元根據(jù)該些程序圖標(biāo)的一關(guān)聯(lián)屬性將具有相同的該關(guān)聯(lián)屬性的該些程序圖標(biāo)歸類至該群組圖標(biāo)中。
2.根據(jù)權(quán)利要求1所述的電子裝置的圖形化操作界面，其特征在于，該立體群組圖標(biāo) 選單為一多面體方塊，在該多面體方塊中的每一面具有該群組圖標(biāo)。
3.根據(jù)權(quán)利要求2所述的電子裝置的圖形化操作界面，其特征在于，該多面體方塊能 夠響應(yīng)一點(diǎn)選的輸入信號而將被選定的該群組圖標(biāo)所屬類別的該些程序圖標(biāo)顯示于該圖 標(biāo)區(qū)。
4.根據(jù)權(quán)利要求2所述的電子裝置的圖形化操作界面，其特征在于，該多面體方塊能 夠響應(yīng)在該圖標(biāo)區(qū)的一拖曳的輸入信號，以翻動(dòng)方式切換該多面體方塊的每一面。
5.根據(jù)權(quán)利要求1所述的電子裝置的圖形化操作界面，其特征在于，該觸控顯示單元 中還包括有一信息顯示清單，該信息顯示清單用以提供該電子裝置的相關(guān)信息。
6.一種實(shí)現(xiàn)圖形化操作界面的方法，其特征在于，該方法包括以下步驟提供一觸控顯示單元；于該觸控顯示單元中分別設(shè)定一圖標(biāo)區(qū)與一立體群組圖標(biāo)選單；于該圖標(biāo)區(qū)中顯示多筆程序圖標(biāo)或多筆群組圖標(biāo)，每一該程序圖標(biāo)具有一關(guān)聯(lián)屬性， 任一個(gè)該群組圖標(biāo)還包含多個(gè)具有相同的該關(guān)聯(lián)屬性的該程序圖標(biāo)；響應(yīng)在該觸控顯示單元的一輸入信號將所選定的該群組圖標(biāo)顯示于該立體群組圖標(biāo) 選單中；以及響應(yīng)在該觸控顯示單元的一輸入信號將被選定的該群組圖標(biāo)所屬類別的該些程序圖 標(biāo)顯示于該圖標(biāo)區(qū)。
7.根據(jù)權(quán)利要求6所述的實(shí)現(xiàn)圖形化操作界面的方法，其特征在于，該立體群組圖標(biāo) 選單為一多面體方塊，在該多面體方塊的每一面中設(shè)置相應(yīng)的該群組圖 標(biāo)。
8.根據(jù)權(quán)利要求7所述的實(shí)現(xiàn)圖形化操作界面的方法，其特征在于，顯示該群組圖標(biāo) 所屬類別的該些程序圖標(biāo)于該圖標(biāo)區(qū)的步驟前還包括有響應(yīng)拖曳的該輸入信號決定具有該程序圖標(biāo)的每一面的切換方向；以及以翻動(dòng)方式切換該多面體方塊的每一面。
全文摘要
一種電子裝置的圖形化操作界面與實(shí)現(xiàn)該界面的方法，電子裝置包括儲(chǔ)存單元、觸控顯示單元與處理單元。儲(chǔ)存單元儲(chǔ)存顯示程序、多個(gè)程序圖標(biāo)與多個(gè)群組圖標(biāo)，群組圖標(biāo)包括多個(gè)具有相同的關(guān)聯(lián)屬性的程序圖標(biāo)；觸控顯示單元設(shè)置有圖標(biāo)區(qū)與立體群組圖標(biāo)選單；立體群組圖標(biāo)選單立體群組圖標(biāo)可以觸控方式任意轉(zhuǎn)動(dòng)，并將其朝向使用者的一面所包含的程序圖標(biāo)顯示于圖標(biāo)區(qū)中；以及圖標(biāo)區(qū)的程序圖標(biāo)可以通過在觸控顯示單元的觸控式操作決定程序圖標(biāo)的切換的行進(jìn)方向，其中圖標(biāo)區(qū)的多個(gè)程序圖標(biāo)還可以通過在觸控顯示單元的觸控式操作來移動(dòng)該些程序圖標(biāo)。
文檔編號H04M1/247GK101923423SQ20091014897
公開日2010年12月22日 申請日期2009年6月16日 優(yōu)先權(quán)日2009年6月16日
發(fā)明者呂如萍, 莊雅絢, 李瑞寧, 謝聰偉 申請人:英業(yè)達(dá)股份有限公司