一種多級菜單導航界面實現(xiàn)方法
專利名稱：一種多級菜單導航界面實現(xiàn)方法
技術領域：
本發(fā)明涉及計算機界面技術領域，尤其涉及一種多級菜單導航界面實現(xiàn)方法。
背景技術：
隨著新一代計算機操作系統(tǒng)的普及特別是帶有觸控裝置的終端設備的迅速發(fā)展，圖形化界面已是計算機應用中不可或缺的技術。常見的帶有觸控裝置的終端設備都提供了豐富的標準界面，在人機交互中，經(jīng)常會用到層疊式菜單導航的方式提供在系統(tǒng)中的游歷。然而現(xiàn)有的常見菜單界面基本上都是順序排列的層疊形式，如圖1所示，菜單各級選項無區(qū)別排列，每個一級選項下還可能含有二、三級或更從級選項，該菜單界面檢測鼠標的動作，當檢測到鼠標懸?；螯c擊某一級選項時，會在該一級選項側面顯示其下屬的二級選項，且第二級選項的排列與一級選項排列方式相同，即直線順序排列，同樣的，對于三級選項或更深層級選項也將以同樣的方式顯示，供用戶選擇。對于上述層疊式菜單方式，存在如下缺點1、展示方式單一；2、每次都需要從主菜單逐級開始選擇，當菜單層次較多時嚴重影響效率；3、用戶不能直觀地了解自己在系統(tǒng)中目前所處位置。因此有必要提供一種創(chuàng)新的界面和操作設計豐富多級菜單展示方式，提高用戶操作效率，并給用戶提供關于當前系統(tǒng)位置的有意義的提示，并適用于采用指點/觸摸輸入的各種圖形界面終端，用于增強系統(tǒng)的易用性和改善用戶體驗。
發(fā)明內(nèi)容
為達此目的，本發(fā)明公開了一種多級菜單導航界面實現(xiàn)方法，該方法包括在選項區(qū)域內(nèi)分別以圖形區(qū)域顯示同一維度菜單集合的部分或全部菜單；當所述菜單集合包含的菜單數(shù)目不大于菜單數(shù)目閾值時，用數(shù)目等于所述菜單集合包含的菜單數(shù)目的圖形區(qū)域顯示所述菜單集合的所有菜單；當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，用數(shù)目等于菜單數(shù)目閾值的圖形區(qū)域顯示所述菜單集合的部分菜單，當檢測到用戶鼠標對所述選項區(qū)域向左拖動時，各菜單的圖形區(qū)域相應進行順時針輪換，反之，當檢測到用戶鼠標對所述選項區(qū)域向右拖動時，各菜單的圖形區(qū)域相應進行逆時針輪換；當檢測到用戶鼠標對某一圖形區(qū)域進行點擊時，若所述圖形區(qū)域?qū)牟藛未嬖谙乱患壊藛?，則所述菜單集合變更為所述下一級菜單并在所述選項區(qū)域中顯示所述下一級菜單；若所述圖形區(qū)域?qū)牟藛尾淮嬖谙乱患壊藛?，則直接執(zhí)行所述圖形區(qū)域?qū)牟藛嗡鶎牟僮?。進一步地，當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，第一個圖形區(qū)域和/或最后一個圖形區(qū)域用具有重疊省略意義的圖形顯示。進一步地，各圖形區(qū)域?qū)牟藛伟凑疹A設的動態(tài)效果自動進行順時針或逆時針轉動變化。進一步地，當檢測到用戶鼠標停于所述選項區(qū)域時，若所述圖形區(qū)域?qū)牟藛未嬖谏弦患壊藛?，則將所述上一級菜單在所述選項區(qū)域中顯示出來。進一步地，在所述選項區(qū)域內(nèi)，將所述圖形區(qū)域?qū)牟藛蔚纳弦患壊藛卧谒鲞x項區(qū)域中顯示出來。進一步地，在所述選項區(qū)域內(nèi)，將所述圖形區(qū)域?qū)牟藛蔚乃懈呒墑e菜單在所述選項區(qū)域中分層次顯示出來。進一步地，當檢測到用戶對某上一級菜單或更高級別菜單進行展示操作時，則在所述選項區(qū)域中顯示與所述更高級別菜單同一維度的菜單集合的內(nèi)容，其中所述上一級菜單展示操作包括單擊、雙擊、觸摸、滑動或快捷鍵。進一步地，當檢測到用戶對某一上一級菜單或更高級別菜單進行切換操作時，則在所述選項區(qū)域中顯示與該菜單同一維度的下一個菜單的子菜單集合的內(nèi)容，其中所述上一級菜單切換操作包括單擊、雙擊、觸摸、滑動或快捷鍵。進一步地，以縮略或完整方式同時顯示多級別的菜單，初始狀態(tài)下，用所述選項區(qū)域內(nèi)最中間的圖形區(qū)域展示將所述菜單集合中第一個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域右邊的圖形區(qū)域展示所述菜單集合中第二個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域左邊的圖形區(qū)域展示所述菜單集合中最后一個菜單。進一步地，所述菜單數(shù)目閾等于預先設定置，或等于當前屏幕顯示范圍內(nèi)最多允許顯示的菜單個數(shù)。本發(fā)明的有益技術效果是本發(fā)明通過直觀的界面實現(xiàn)對同一維度中多選項的展示和不同維度的切換，具有界面展現(xiàn)直觀、操作符合用戶直覺、簡單便捷的優(yōu)點。
圖1是現(xiàn)有多級菜單導航界面實現(xiàn)方式示意圖；圖2(a)是本發(fā)明實施例一所述多級菜單導航界面展示方式示意圖；圖2 (b)是對圖2 (a)進行變換相對水平面夾角后的所述多級菜單導航界面展示方式示意圖；圖3 (a)是菜單項A的二級菜單展示方式示意圖；圖3(b)是當用戶鼠標對圖3 (a)所述二級菜單的選項區(qū)域向左拖動后的展示方式示意圖；圖4(a)是菜單項A的二級菜單展示方式示意圖；圖4(b)是當用戶對圖4(a)所述二級菜單的Al菜單項選中后的展示方式示意圖；圖5是菜單項A的二級菜單A2的三級菜單展示方式示意圖；圖6 (a)是菜單項A的二級菜單展示方式示意圖；圖6 (b)是當用戶對圖6 (a)所述二級菜單的上一級菜單A切換到上一級菜單B后的展示方式示意圖。
具體實施例方式下面結合附圖并通過具體實施方式
來進一步說明本發(fā)明的技術方案。
實施例一圖2(a)是本發(fā)明實施例一所述多級菜單導航界面展示方式示意圖，如圖2所示，本實施例所述多級菜單導航界面實現(xiàn)方式為在選項區(qū)域內(nèi)分別以圖形區(qū)域顯示同一維度菜單集合的部分或全部菜單；當所述菜單集合包含的菜單數(shù)目不大于菜單數(shù)目閾值時，用數(shù)目等于所述菜單集合包含的菜單數(shù)目的圖形區(qū)域顯示所述菜單集合的所有菜單；當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，未在屏幕上顯示的菜單可通過用戶操作或本系統(tǒng)的邏輯控制而切換到屏幕上顯示，已顯示的菜單也可以通過類似的方式進行隱藏。具體方法為，用數(shù)目等于菜單數(shù)目閾值的圖形區(qū)域顯示所述菜單集合的部分菜單，當檢測到用戶鼠標對所述選項區(qū)域向左拖動時，各菜單的圖形區(qū)域相應進行順時針輪換，反之，當檢測到用戶鼠標對所述選項區(qū)域向右拖動時，各菜單的圖形區(qū)域相應進行逆時針輪換。進一步地，可將各圖形區(qū)域?qū)牟藛伟凑疹A設動態(tài)效果自動進行順時針或逆時針轉動變化，動態(tài)地將隱藏的菜單展示出來。優(yōu)選地，最末端一級菜單的各圖標可采用圓角矩形圖標，進一步地，為了更美觀，可設置為透明圓角矩形圖標。例如，若菜單數(shù)目閾 值為5，當所述菜單集合包含的菜單數(shù)目小于等于5時，以圖標的形式將所有菜單項均顯示在選項區(qū)域內(nèi)，否則，當所述菜單集合包含的菜單數(shù)目大于等于5時,僅顯示所述菜單集合中的5個菜單項,例如,集合中菜單數(shù)目為η,當η>5時,僅顯示 ApAyAyAlri 和 Αη。進一步地，為了在圖形上直觀顯示當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，第一個圖形區(qū)域和/或最后一個圖形區(qū)域用具有重疊省略意義的圖形顯示。例如圖2 (a)中A3和Alri的圖標為兩層重疊圖標，并且A3的圖標向逆時針方向重疊，Alri圖標向順時針方向重疊，使得Ap A2, A3> Alri和An在視覺效果上形成一個逆時針方向排列的環(huán)狀；圖2(b)中A3和Alri的圖標為四層重疊圖標，并且A3的圖標向逆時針方向重疊，Alri圖標向順時針方向重疊，使得A、A2, A3, Alri和An在視覺效果上形成比圖2(a)排列更緊密的一個逆時針方向排列的環(huán)狀。初始狀態(tài)下，可以用所述選項區(qū)域內(nèi)最中間的圖形區(qū)域展示將所述菜單集合中第一個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域右邊的圖形區(qū)域展示所述菜單集合中第二個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域左邊的圖形區(qū)域展示所述菜單集合中最后一個菜單。例如，A1在最中間，A1右邊依次為A2和A3, A1左邊依次為Alri和An。當檢測到用戶鼠標對所述選項區(qū)域向左拖動時，各菜單的圖形區(qū)域相應進行順時針輪換，反之，當檢測到用戶鼠標對所述選項區(qū)域向右拖動時，各菜單的圖形區(qū)域相應進行逆時針輪換。例如，圖3(a)是菜單項A的二級菜單展示方式示意圖，當檢測到用戶鼠標對所述選項區(qū)域向左拖動時，各菜單的圖形區(qū)域相應進行順時針輪換，輪換后的展示方式示意圖如圖3(b)所示。當檢測到用戶鼠標對某一圖形區(qū)域進行點擊時，若所述圖形區(qū)域?qū)牟藛未嬖谙乱患壊藛?，則所述菜單集合變更為所述下一級菜單并在所述選項區(qū)域中顯示所述下一級菜單；若所述圖形區(qū)域?qū)牟藛尾淮嬖谙乱患壊藛危瑒t直接執(zhí)行所述圖形區(qū)域?qū)牟藛嗡鶎牟僮鳌?br> 例如，圖4(a)是菜單項A的二級菜單展示方式示意圖，以透明圓角矩形圖標顯示最后一級菜單，用圓形圖標顯示其父菜單，進一步地，為了更好區(qū)分，各圓形圖標通過不同底紋或顏色來區(qū)分。當用戶鼠標點擊菜單項A1所在的圖形區(qū)域時，若菜單A1不存在下一級菜單，則直接執(zhí)行菜單項A1對應的操作，若菜單A1存在下一級菜單，則在選項區(qū)域中顯示A1的下一級菜單，如A1具有下級菜單A11到Aln，則展示方式示意圖如圖4(b)所示。為了使用戶可以對視圖中任一維度的選項進行瀏覽、切換、選取等操作，可實現(xiàn)以縮略或完整方式同時顯示多級別的菜單。本實施例可設置如下幾種方式方便地在菜單各維度間進行切換。第一種方法，通過用戶鼠標停提示的方式展示上一級菜單或所有更高級別菜單。當檢測到用戶鼠標停于所述選項區(qū)域時，若所述圖形區(qū)域?qū)牟藛未嬖谏弦患壊藛?，則將所述上一級菜單在所述選項區(qū)域中顯示出來，進一步地，當鼠標停于所述上一級菜單的圖形區(qū)域時，若所述上一級菜單存在更上一級菜單，則將所述更上一級菜單在所述選項區(qū)域中顯示出來，依次類推。反之，當檢測到鼠標離開所述上一級菜單或所述更高級別菜單時，將所述菜單的圖形區(qū)域隱藏起來。第二種方法，選項區(qū)域直接顯示二級菜單。若選項區(qū)域的圖形區(qū)域?qū)藛未嬖谏弦患壊藛危瑒t將所述上一級菜單在所述選項區(qū)域中顯示出來?？赏ㄟ^對所述上一級菜單進行展示操作來將顯示區(qū)域的顯示內(nèi)容切換為與所述上一級菜單同一維度菜單集合，切換后，若所述上一級菜單還有更上一級菜單，則將所述更上一級菜單在所述選項區(qū)域中顯示出來，依此類推，達到直觀方便地在菜單各維度間進行切換。第三種方法，選項區(qū)域直接顯示所有更高級別的菜單。在選項區(qū)域中將若選項區(qū)域的圖形區(qū)域?qū)藛蔚母呒墑e菜單分層次地依次顯示出來。圖5是菜單項A的二級菜單A2的三級菜單展示方式示意圖，如圖5所示，選項區(qū)域的圖形區(qū)域?qū)藛蜛。、\2、A2j3……A2^和A2，n，它們的上一 級菜單為A2, A2的上一級菜單為A，A沒有上一級菜單，則將A2, A2j2, A2j3……A2^ A2，n、A2和A —起分層次地顯示在選項區(qū)域中。上述三種方法均可通過對所述上一級菜單進行展示操作來將顯示區(qū)域的顯示內(nèi)容切換為與所述上一級菜單同一維度菜單集合，以達到用戶方便地對視圖中任一維度的選項進行瀏覽、切換、選取等操作。當檢測到用戶對某一更高級別菜單進行如單擊、雙擊、觸摸、滑動或快捷鍵等預設的切換展示操作時，則所述菜單集合變更為與所述更高級別菜單同一維度菜單的子菜單集合并在所述選項區(qū)域中顯示。例如，圖6(a)是菜單項A的二級菜單展示方式示意圖，若預設雙擊操作為展示操作，則檢測到鼠標雙擊A的大圓圈形的圖形區(qū)域時，在所述選項區(qū)域中顯示與菜單A同一級別的下一菜單B的子菜單集合，操作后的展示方式示意圖如圖6(b)所示。本發(fā)明通過直觀的界面實現(xiàn)對同一維度中多選項的展示和不同維度的切換，具有界面展現(xiàn)直觀、操作符合用戶直覺、簡單便捷的優(yōu)點。本文檔的所有圖示中，表示控件、區(qū)域的外觀形狀可以為圖示中的幾何形狀，也可以為任何能容納相應內(nèi)容或進行操作的形狀。即本系統(tǒng)和方法的各種實現(xiàn)可能在外觀上和本文檔中列舉的示意圖存在差異，但形狀/區(qū)域/顯示位置等外觀上的差異不影響本系統(tǒng)和方法的實現(xiàn)原理和操作方式。
以上所述僅為本發(fā)明的較佳實施例，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應包含在本發(fā)明的保護范圍之內(nèi)。
權利要求
1.一種多級菜單導航界面實現(xiàn)方法，其特征在于，該方法包括 在選項區(qū)域內(nèi)分別以圖形區(qū)域顯示同一維度菜單集合的部分或全部菜單； 當所述菜單集合包含的菜單數(shù)目不大于菜單數(shù)目閾值時，用數(shù)目等于所述菜單集合包含的菜單數(shù)目的圖形區(qū)域顯示所述菜單集合的所有菜單； 當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，用數(shù)目等于菜單數(shù)目閾值的圖形區(qū)域顯示所述菜單集合的部分菜單，當檢測到用戶鼠標對所述選項區(qū)域向左拖動時，各菜單的圖形區(qū)域相應進行順時針輪換，反之，當檢測到用戶鼠標對所述選項區(qū)域向右拖動時，各菜單的圖形區(qū)域相應進行逆時針輪換； 當檢測到用戶鼠標對某一圖形區(qū)域進行點擊時，若所述圖形區(qū)域?qū)牟藛未嬖谙乱患壊藛?，則所述菜單集合變更為所述下一級菜單并在所述選項區(qū)域中顯示所述下一級菜單；若所述圖形區(qū)域?qū)牟藛尾淮嬖谙乱患壊藛?，則直接執(zhí)行所述圖形區(qū)域?qū)牟藛嗡鶎牟僮鳌?br> 2.如權利要求1所述的多級菜單導航界面實現(xiàn)方法，其特征在于，當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，第一個圖形區(qū)域和/或最后一個圖形區(qū)域用具有重疊省略意義的圖形顯示。
3.如權利要求2所述的多級菜單導航界面實現(xiàn)方法，其特征在于，各圖形區(qū)域?qū)牟藛伟凑疹A設的動態(tài)效果自動進行順時針或逆時針轉動變化。
4.如權利要求1所述的多級菜單導航界面實現(xiàn)方法，其特征在于，當檢測到用戶鼠標停于所述選項區(qū)域時，若所述圖形區(qū)域?qū)牟藛未嬖谏弦患壊藛?，則將所述上一級菜單在所述選項區(qū)域中顯示出來。
5.如權利要求1所述的多級菜單導航界面實現(xiàn)方法，其特征在于，在所述選項區(qū)域內(nèi)，將所述圖形區(qū)域?qū)牟藛蔚纳弦患壊藛卧谒鲞x項區(qū)域中顯示出來。
6.如權利要求1所述的多級菜單導航界面實現(xiàn)方法，其特征在于，在所述選項區(qū)域內(nèi)，將所述圖形區(qū)域?qū)牟藛蔚乃懈呒墑e菜單在所述選項區(qū)域中分層次顯示出來。
7.如權利要求4至6之一所述的多級菜單導航界面實現(xiàn)方法，其特征在于，當檢測到用戶對某上一級菜單或更高級別菜單進行展示操作時，則在所述選項區(qū)域中顯示與所述更高級別菜單同一維度的菜單集合的內(nèi)容，其中所述上一級菜單展示操作包括單擊、雙擊、觸摸、滑動或快捷鍵。
8.如權利要求4至6之一所述的多級菜單導航界面實現(xiàn)方法，其特征在于，當檢測到用戶對某一上一級菜單或更高級別菜單進行切換操作時，則在所述選項區(qū)域中顯示與該菜單同一維度的下一個菜單的子菜單集合的內(nèi)容，其中所述上一級菜單切換操作包括單擊、雙擊、觸摸、滑動或快捷鍵。
9.如權利要求5所述的多級菜單導航界面實現(xiàn)方法，其特征在于，以縮略或完整方式同時顯示多級別的菜單，初始狀態(tài)下，用所述選項區(qū)域內(nèi)最中間的圖形區(qū)域展示將所述菜單集合中第一個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域右邊的圖形區(qū)域展示所述菜單集合中第二個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域左邊的圖形區(qū)域展示所述菜單集合中最后一個菜單。
10.如權利要求1所述的多級菜單導航界面實現(xiàn)方法，其特征在于，所述菜單數(shù)目閾等于預先設定置，或等于當前屏幕顯示范圍內(nèi)最多允許顯示的菜單個數(shù)。
全文摘要
本發(fā)明公開了一種多級菜單導航界面實現(xiàn)方法，該方法包括在選項區(qū)域內(nèi)以圖形區(qū)域顯示同一維度菜單集合的部分或全部菜單；當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，用數(shù)目等于菜單數(shù)目閾值的圖形區(qū)域顯示所述菜單集合的部分菜單，當檢測到用戶鼠標對所述選項區(qū)域向左或向右拖動時，各菜單的圖形區(qū)域相應進行順時針或逆時針輪換；當檢測到用戶鼠標對某一圖形區(qū)域進行點擊時，則在所述選項區(qū)域中顯示所述下一級菜單或直接執(zhí)行所述菜單所對應的操作。本發(fā)明通過直觀的界面實現(xiàn)對同一維度中多選項的展示和不同維度的切換，具有界面展現(xiàn)直觀、操作符合用戶直覺、簡單便捷的優(yōu)點。
文檔編號G06F3/0488GK103064591SQ20121059203
公開日2013年4月24日 申請日期2012年12月29日 優(yōu)先權日2012年12月29日
發(fā)明者倪旻 申請人:倪旻
技術領域：
本發(fā)明涉及計算機界面技術領域，尤其涉及一種多級菜單導航界面實現(xiàn)方法。
背景技術：
隨著新一代計算機操作系統(tǒng)的普及特別是帶有觸控裝置的終端設備的迅速發(fā)展，圖形化界面已是計算機應用中不可或缺的技術。常見的帶有觸控裝置的終端設備都提供了豐富的標準界面，在人機交互中，經(jīng)常會用到層疊式菜單導航的方式提供在系統(tǒng)中的游歷。然而現(xiàn)有的常見菜單界面基本上都是順序排列的層疊形式，如圖1所示，菜單各級選項無區(qū)別排列，每個一級選項下還可能含有二、三級或更從級選項，該菜單界面檢測鼠標的動作，當檢測到鼠標懸?；螯c擊某一級選項時，會在該一級選項側面顯示其下屬的二級選項，且第二級選項的排列與一級選項排列方式相同，即直線順序排列，同樣的，對于三級選項或更深層級選項也將以同樣的方式顯示，供用戶選擇。對于上述層疊式菜單方式，存在如下缺點1、展示方式單一；2、每次都需要從主菜單逐級開始選擇，當菜單層次較多時嚴重影響效率；3、用戶不能直觀地了解自己在系統(tǒng)中目前所處位置。因此有必要提供一種創(chuàng)新的界面和操作設計豐富多級菜單展示方式，提高用戶操作效率，并給用戶提供關于當前系統(tǒng)位置的有意義的提示，并適用于采用指點/觸摸輸入的各種圖形界面終端，用于增強系統(tǒng)的易用性和改善用戶體驗。
發(fā)明內(nèi)容
為達此目的，本發(fā)明公開了一種多級菜單導航界面實現(xiàn)方法，該方法包括在選項區(qū)域內(nèi)分別以圖形區(qū)域顯示同一維度菜單集合的部分或全部菜單；當所述菜單集合包含的菜單數(shù)目不大于菜單數(shù)目閾值時，用數(shù)目等于所述菜單集合包含的菜單數(shù)目的圖形區(qū)域顯示所述菜單集合的所有菜單；當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，用數(shù)目等于菜單數(shù)目閾值的圖形區(qū)域顯示所述菜單集合的部分菜單，當檢測到用戶鼠標對所述選項區(qū)域向左拖動時，各菜單的圖形區(qū)域相應進行順時針輪換，反之，當檢測到用戶鼠標對所述選項區(qū)域向右拖動時，各菜單的圖形區(qū)域相應進行逆時針輪換；當檢測到用戶鼠標對某一圖形區(qū)域進行點擊時，若所述圖形區(qū)域?qū)牟藛未嬖谙乱患壊藛?，則所述菜單集合變更為所述下一級菜單并在所述選項區(qū)域中顯示所述下一級菜單；若所述圖形區(qū)域?qū)牟藛尾淮嬖谙乱患壊藛?，則直接執(zhí)行所述圖形區(qū)域?qū)牟藛嗡鶎牟僮?。進一步地，當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，第一個圖形區(qū)域和/或最后一個圖形區(qū)域用具有重疊省略意義的圖形顯示。進一步地，各圖形區(qū)域?qū)牟藛伟凑疹A設的動態(tài)效果自動進行順時針或逆時針轉動變化。進一步地，當檢測到用戶鼠標停于所述選項區(qū)域時，若所述圖形區(qū)域?qū)牟藛未嬖谏弦患壊藛?，則將所述上一級菜單在所述選項區(qū)域中顯示出來。進一步地，在所述選項區(qū)域內(nèi)，將所述圖形區(qū)域?qū)牟藛蔚纳弦患壊藛卧谒鲞x項區(qū)域中顯示出來。進一步地，在所述選項區(qū)域內(nèi)，將所述圖形區(qū)域?qū)牟藛蔚乃懈呒墑e菜單在所述選項區(qū)域中分層次顯示出來。進一步地，當檢測到用戶對某上一級菜單或更高級別菜單進行展示操作時，則在所述選項區(qū)域中顯示與所述更高級別菜單同一維度的菜單集合的內(nèi)容，其中所述上一級菜單展示操作包括單擊、雙擊、觸摸、滑動或快捷鍵。進一步地，當檢測到用戶對某一上一級菜單或更高級別菜單進行切換操作時，則在所述選項區(qū)域中顯示與該菜單同一維度的下一個菜單的子菜單集合的內(nèi)容，其中所述上一級菜單切換操作包括單擊、雙擊、觸摸、滑動或快捷鍵。進一步地，以縮略或完整方式同時顯示多級別的菜單，初始狀態(tài)下，用所述選項區(qū)域內(nèi)最中間的圖形區(qū)域展示將所述菜單集合中第一個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域右邊的圖形區(qū)域展示所述菜單集合中第二個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域左邊的圖形區(qū)域展示所述菜單集合中最后一個菜單。進一步地，所述菜單數(shù)目閾等于預先設定置，或等于當前屏幕顯示范圍內(nèi)最多允許顯示的菜單個數(shù)。本發(fā)明的有益技術效果是本發(fā)明通過直觀的界面實現(xiàn)對同一維度中多選項的展示和不同維度的切換，具有界面展現(xiàn)直觀、操作符合用戶直覺、簡單便捷的優(yōu)點。
圖1是現(xiàn)有多級菜單導航界面實現(xiàn)方式示意圖；圖2(a)是本發(fā)明實施例一所述多級菜單導航界面展示方式示意圖；圖2 (b)是對圖2 (a)進行變換相對水平面夾角后的所述多級菜單導航界面展示方式示意圖；圖3 (a)是菜單項A的二級菜單展示方式示意圖；圖3(b)是當用戶鼠標對圖3 (a)所述二級菜單的選項區(qū)域向左拖動后的展示方式示意圖；圖4(a)是菜單項A的二級菜單展示方式示意圖；圖4(b)是當用戶對圖4(a)所述二級菜單的Al菜單項選中后的展示方式示意圖；圖5是菜單項A的二級菜單A2的三級菜單展示方式示意圖；圖6 (a)是菜單項A的二級菜單展示方式示意圖；圖6 (b)是當用戶對圖6 (a)所述二級菜單的上一級菜單A切換到上一級菜單B后的展示方式示意圖。
具體實施例方式下面結合附圖并通過具體實施方式
來進一步說明本發(fā)明的技術方案。
實施例一圖2(a)是本發(fā)明實施例一所述多級菜單導航界面展示方式示意圖，如圖2所示，本實施例所述多級菜單導航界面實現(xiàn)方式為在選項區(qū)域內(nèi)分別以圖形區(qū)域顯示同一維度菜單集合的部分或全部菜單；當所述菜單集合包含的菜單數(shù)目不大于菜單數(shù)目閾值時，用數(shù)目等于所述菜單集合包含的菜單數(shù)目的圖形區(qū)域顯示所述菜單集合的所有菜單；當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，未在屏幕上顯示的菜單可通過用戶操作或本系統(tǒng)的邏輯控制而切換到屏幕上顯示，已顯示的菜單也可以通過類似的方式進行隱藏。具體方法為，用數(shù)目等于菜單數(shù)目閾值的圖形區(qū)域顯示所述菜單集合的部分菜單，當檢測到用戶鼠標對所述選項區(qū)域向左拖動時，各菜單的圖形區(qū)域相應進行順時針輪換，反之，當檢測到用戶鼠標對所述選項區(qū)域向右拖動時，各菜單的圖形區(qū)域相應進行逆時針輪換。進一步地，可將各圖形區(qū)域?qū)牟藛伟凑疹A設動態(tài)效果自動進行順時針或逆時針轉動變化，動態(tài)地將隱藏的菜單展示出來。優(yōu)選地，最末端一級菜單的各圖標可采用圓角矩形圖標，進一步地，為了更美觀，可設置為透明圓角矩形圖標。例如，若菜單數(shù)目閾 值為5，當所述菜單集合包含的菜單數(shù)目小于等于5時，以圖標的形式將所有菜單項均顯示在選項區(qū)域內(nèi)，否則，當所述菜單集合包含的菜單數(shù)目大于等于5時,僅顯示所述菜單集合中的5個菜單項,例如,集合中菜單數(shù)目為η,當η>5時,僅顯示 ApAyAyAlri 和 Αη。進一步地，為了在圖形上直觀顯示當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，第一個圖形區(qū)域和/或最后一個圖形區(qū)域用具有重疊省略意義的圖形顯示。例如圖2 (a)中A3和Alri的圖標為兩層重疊圖標，并且A3的圖標向逆時針方向重疊，Alri圖標向順時針方向重疊，使得Ap A2, A3> Alri和An在視覺效果上形成一個逆時針方向排列的環(huán)狀；圖2(b)中A3和Alri的圖標為四層重疊圖標，并且A3的圖標向逆時針方向重疊，Alri圖標向順時針方向重疊，使得A、A2, A3, Alri和An在視覺效果上形成比圖2(a)排列更緊密的一個逆時針方向排列的環(huán)狀。初始狀態(tài)下，可以用所述選項區(qū)域內(nèi)最中間的圖形區(qū)域展示將所述菜單集合中第一個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域右邊的圖形區(qū)域展示所述菜單集合中第二個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域左邊的圖形區(qū)域展示所述菜單集合中最后一個菜單。例如，A1在最中間，A1右邊依次為A2和A3, A1左邊依次為Alri和An。當檢測到用戶鼠標對所述選項區(qū)域向左拖動時，各菜單的圖形區(qū)域相應進行順時針輪換，反之，當檢測到用戶鼠標對所述選項區(qū)域向右拖動時，各菜單的圖形區(qū)域相應進行逆時針輪換。例如，圖3(a)是菜單項A的二級菜單展示方式示意圖，當檢測到用戶鼠標對所述選項區(qū)域向左拖動時，各菜單的圖形區(qū)域相應進行順時針輪換，輪換后的展示方式示意圖如圖3(b)所示。當檢測到用戶鼠標對某一圖形區(qū)域進行點擊時，若所述圖形區(qū)域?qū)牟藛未嬖谙乱患壊藛?，則所述菜單集合變更為所述下一級菜單并在所述選項區(qū)域中顯示所述下一級菜單；若所述圖形區(qū)域?qū)牟藛尾淮嬖谙乱患壊藛危瑒t直接執(zhí)行所述圖形區(qū)域?qū)牟藛嗡鶎牟僮鳌?br> 例如，圖4(a)是菜單項A的二級菜單展示方式示意圖，以透明圓角矩形圖標顯示最后一級菜單，用圓形圖標顯示其父菜單，進一步地，為了更好區(qū)分，各圓形圖標通過不同底紋或顏色來區(qū)分。當用戶鼠標點擊菜單項A1所在的圖形區(qū)域時，若菜單A1不存在下一級菜單，則直接執(zhí)行菜單項A1對應的操作，若菜單A1存在下一級菜單，則在選項區(qū)域中顯示A1的下一級菜單，如A1具有下級菜單A11到Aln，則展示方式示意圖如圖4(b)所示。為了使用戶可以對視圖中任一維度的選項進行瀏覽、切換、選取等操作，可實現(xiàn)以縮略或完整方式同時顯示多級別的菜單。本實施例可設置如下幾種方式方便地在菜單各維度間進行切換。第一種方法，通過用戶鼠標停提示的方式展示上一級菜單或所有更高級別菜單。當檢測到用戶鼠標停于所述選項區(qū)域時，若所述圖形區(qū)域?qū)牟藛未嬖谏弦患壊藛?，則將所述上一級菜單在所述選項區(qū)域中顯示出來，進一步地，當鼠標停于所述上一級菜單的圖形區(qū)域時，若所述上一級菜單存在更上一級菜單，則將所述更上一級菜單在所述選項區(qū)域中顯示出來，依次類推。反之，當檢測到鼠標離開所述上一級菜單或所述更高級別菜單時，將所述菜單的圖形區(qū)域隱藏起來。第二種方法，選項區(qū)域直接顯示二級菜單。若選項區(qū)域的圖形區(qū)域?qū)藛未嬖谏弦患壊藛危瑒t將所述上一級菜單在所述選項區(qū)域中顯示出來?？赏ㄟ^對所述上一級菜單進行展示操作來將顯示區(qū)域的顯示內(nèi)容切換為與所述上一級菜單同一維度菜單集合，切換后，若所述上一級菜單還有更上一級菜單，則將所述更上一級菜單在所述選項區(qū)域中顯示出來，依此類推，達到直觀方便地在菜單各維度間進行切換。第三種方法，選項區(qū)域直接顯示所有更高級別的菜單。在選項區(qū)域中將若選項區(qū)域的圖形區(qū)域?qū)藛蔚母呒墑e菜單分層次地依次顯示出來。圖5是菜單項A的二級菜單A2的三級菜單展示方式示意圖，如圖5所示，選項區(qū)域的圖形區(qū)域?qū)藛蜛。、\2、A2j3……A2^和A2，n，它們的上一 級菜單為A2, A2的上一級菜單為A，A沒有上一級菜單，則將A2, A2j2, A2j3……A2^ A2，n、A2和A —起分層次地顯示在選項區(qū)域中。上述三種方法均可通過對所述上一級菜單進行展示操作來將顯示區(qū)域的顯示內(nèi)容切換為與所述上一級菜單同一維度菜單集合，以達到用戶方便地對視圖中任一維度的選項進行瀏覽、切換、選取等操作。當檢測到用戶對某一更高級別菜單進行如單擊、雙擊、觸摸、滑動或快捷鍵等預設的切換展示操作時，則所述菜單集合變更為與所述更高級別菜單同一維度菜單的子菜單集合并在所述選項區(qū)域中顯示。例如，圖6(a)是菜單項A的二級菜單展示方式示意圖，若預設雙擊操作為展示操作，則檢測到鼠標雙擊A的大圓圈形的圖形區(qū)域時，在所述選項區(qū)域中顯示與菜單A同一級別的下一菜單B的子菜單集合，操作后的展示方式示意圖如圖6(b)所示。本發(fā)明通過直觀的界面實現(xiàn)對同一維度中多選項的展示和不同維度的切換，具有界面展現(xiàn)直觀、操作符合用戶直覺、簡單便捷的優(yōu)點。本文檔的所有圖示中，表示控件、區(qū)域的外觀形狀可以為圖示中的幾何形狀，也可以為任何能容納相應內(nèi)容或進行操作的形狀。即本系統(tǒng)和方法的各種實現(xiàn)可能在外觀上和本文檔中列舉的示意圖存在差異，但形狀/區(qū)域/顯示位置等外觀上的差異不影響本系統(tǒng)和方法的實現(xiàn)原理和操作方式。
以上所述僅為本發(fā)明的較佳實施例，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應包含在本發(fā)明的保護范圍之內(nèi)。
權利要求
1.一種多級菜單導航界面實現(xiàn)方法，其特征在于，該方法包括 在選項區(qū)域內(nèi)分別以圖形區(qū)域顯示同一維度菜單集合的部分或全部菜單； 當所述菜單集合包含的菜單數(shù)目不大于菜單數(shù)目閾值時，用數(shù)目等于所述菜單集合包含的菜單數(shù)目的圖形區(qū)域顯示所述菜單集合的所有菜單； 當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，用數(shù)目等于菜單數(shù)目閾值的圖形區(qū)域顯示所述菜單集合的部分菜單，當檢測到用戶鼠標對所述選項區(qū)域向左拖動時，各菜單的圖形區(qū)域相應進行順時針輪換，反之，當檢測到用戶鼠標對所述選項區(qū)域向右拖動時，各菜單的圖形區(qū)域相應進行逆時針輪換； 當檢測到用戶鼠標對某一圖形區(qū)域進行點擊時，若所述圖形區(qū)域?qū)牟藛未嬖谙乱患壊藛?，則所述菜單集合變更為所述下一級菜單并在所述選項區(qū)域中顯示所述下一級菜單；若所述圖形區(qū)域?qū)牟藛尾淮嬖谙乱患壊藛?，則直接執(zhí)行所述圖形區(qū)域?qū)牟藛嗡鶎牟僮鳌?br> 2.如權利要求1所述的多級菜單導航界面實現(xiàn)方法，其特征在于，當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，第一個圖形區(qū)域和/或最后一個圖形區(qū)域用具有重疊省略意義的圖形顯示。
3.如權利要求2所述的多級菜單導航界面實現(xiàn)方法，其特征在于，各圖形區(qū)域?qū)牟藛伟凑疹A設的動態(tài)效果自動進行順時針或逆時針轉動變化。
4.如權利要求1所述的多級菜單導航界面實現(xiàn)方法，其特征在于，當檢測到用戶鼠標停于所述選項區(qū)域時，若所述圖形區(qū)域?qū)牟藛未嬖谏弦患壊藛?，則將所述上一級菜單在所述選項區(qū)域中顯示出來。
5.如權利要求1所述的多級菜單導航界面實現(xiàn)方法，其特征在于，在所述選項區(qū)域內(nèi)，將所述圖形區(qū)域?qū)牟藛蔚纳弦患壊藛卧谒鲞x項區(qū)域中顯示出來。
6.如權利要求1所述的多級菜單導航界面實現(xiàn)方法，其特征在于，在所述選項區(qū)域內(nèi)，將所述圖形區(qū)域?qū)牟藛蔚乃懈呒墑e菜單在所述選項區(qū)域中分層次顯示出來。
7.如權利要求4至6之一所述的多級菜單導航界面實現(xiàn)方法，其特征在于，當檢測到用戶對某上一級菜單或更高級別菜單進行展示操作時，則在所述選項區(qū)域中顯示與所述更高級別菜單同一維度的菜單集合的內(nèi)容，其中所述上一級菜單展示操作包括單擊、雙擊、觸摸、滑動或快捷鍵。
8.如權利要求4至6之一所述的多級菜單導航界面實現(xiàn)方法，其特征在于，當檢測到用戶對某一上一級菜單或更高級別菜單進行切換操作時，則在所述選項區(qū)域中顯示與該菜單同一維度的下一個菜單的子菜單集合的內(nèi)容，其中所述上一級菜單切換操作包括單擊、雙擊、觸摸、滑動或快捷鍵。
9.如權利要求5所述的多級菜單導航界面實現(xiàn)方法，其特征在于，以縮略或完整方式同時顯示多級別的菜單，初始狀態(tài)下，用所述選項區(qū)域內(nèi)最中間的圖形區(qū)域展示將所述菜單集合中第一個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域右邊的圖形區(qū)域展示所述菜單集合中第二個菜單，用所述選項區(qū)域內(nèi)所述最中間的圖形區(qū)域左邊的圖形區(qū)域展示所述菜單集合中最后一個菜單。
10.如權利要求1所述的多級菜單導航界面實現(xiàn)方法，其特征在于，所述菜單數(shù)目閾等于預先設定置，或等于當前屏幕顯示范圍內(nèi)最多允許顯示的菜單個數(shù)。
全文摘要
本發(fā)明公開了一種多級菜單導航界面實現(xiàn)方法，該方法包括在選項區(qū)域內(nèi)以圖形區(qū)域顯示同一維度菜單集合的部分或全部菜單；當所述菜單集合包含的菜單數(shù)目大于菜單數(shù)目閾值時，用數(shù)目等于菜單數(shù)目閾值的圖形區(qū)域顯示所述菜單集合的部分菜單，當檢測到用戶鼠標對所述選項區(qū)域向左或向右拖動時，各菜單的圖形區(qū)域相應進行順時針或逆時針輪換；當檢測到用戶鼠標對某一圖形區(qū)域進行點擊時，則在所述選項區(qū)域中顯示所述下一級菜單或直接執(zhí)行所述菜單所對應的操作。本發(fā)明通過直觀的界面實現(xiàn)對同一維度中多選項的展示和不同維度的切換，具有界面展現(xiàn)直觀、操作符合用戶直覺、簡單便捷的優(yōu)點。
文檔編號G06F3/0488GK103064591SQ20121059203
公開日2013年4月24日 申請日期2012年12月29日 優(yōu)先權日2012年12月29日
發(fā)明者倪旻 申請人:倪旻
相關技術
網(wǎng)友詢問留言
已有1條留言
-
0訪客 來自[中國] 2022年01月10日 18:07fanshu
1