放射式菜單的制作方法
【專利說明】
[0001] 本申請是申請?zhí)枮?01080023455. 5、申請日為2010年5月19日、名稱為"放射式 菜單"的發(fā)明專利申請的分案申請。
技術(shù)領(lǐng)域
[0002] 本發(fā)明涉及在圖形用戶界面上呈現(xiàn)菜單或工具欄選項。具體地，本發(fā)明涉及以放 射狀呈現(xiàn)這些選項。
【背景技術(shù)】
[0003] 計算機應(yīng)用的用戶界面通常為用戶提供可從其進行選擇的大量命令或用戶界面 工具。例如，許多應(yīng)用包括下拉式菜單。這樣的菜單通常包括命令列表。存在諸如打開文 件、打印文檔、保存文檔等標準命令，以及諸如插入分頁符（文字處理應(yīng)用）、格式化單元格 (表格處理應(yīng)用）等的更加特定于應(yīng)用的命令。
[0004] 這樣的下拉式菜單通常位于運行應(yīng)用的窗口的頂部。通過光標控制器訪問下拉式 菜單涉及使用光標控制裝置將光標移動至窗口的頂部，然后移動至適當(dāng)?shù)捻敿壊藛雾?，選 擇子菜單（如果需要）等。使用光標在線性下拉式菜單上選擇項，需要用戶將光標沿菜單 向下移動特定距離來到達所需菜單項。這可能要求移動光標通過相當(dāng)大的距離，并且到達 所需菜單項而不錯過它需要以相當(dāng)大的精度來移動光標。
[0005] 放射式菜單可以提供所需菜單選擇，而沒有下拉式菜單中固有的困難。然而，在普 遍的計算應(yīng)用中到目前為止極少使用放射式菜單。因此，需要具有改進特征的放射式菜單， 這種改進特征使得這樣的菜單是用戶更期望的。

【發(fā)明內(nèi)容】

[0006] 本發(fā)明的一些實施例提供了用于操縱應(yīng)用的圖形用戶界面中的放射式菜單的多 種新穎的技術(shù)。在一些實施例中，放射式菜單包括圍繞內(nèi)部位置（例如放射式菜單的中心） 布置的多個可選項。一些實施例的新穎放射式菜單技術(shù)包括：（i)不均勻間隔的菜單項， (ii)在與項相關(guān)聯(lián)的區(qū)域中使用陰影或突出顯示（highlight)來指示該項的當(dāng)前可選擇 性，以及（iii)使用放射式手勢來打開子菜單以及隨后顯示子菜單。
[0007] 在一些實施例中，可選項圍繞內(nèi)部位置的不均勻布置是基于分配給不同可選項的 優(yōu)先級的。具體地，一些實施例使菜單項之間的距離不同，從而具有較高優(yōu)先級的項比具有 較低優(yōu)先級的項更遠離其相鄰項。一些實施例將角度范圍分配給每個菜單項。如果用戶在 由角度范圍定義的角度區(qū)域中移動光標或觸摸觸摸屏，然后提供選擇輸入，那么將選擇該 菜單項。一些這樣的實施例向較高優(yōu)先級項分配的角度范圍大于向較低優(yōu)先級項分配的角 度范圍。各種準則可以被使用來確定不同菜單項的優(yōu)先級，所述準則諸如菜單項的選擇頻 率或預(yù)期選擇頻率。
[0008] 一些實施例在菜單項當(dāng)前可選時，在菜單項的可選區(qū)域上顯示突出顯示。在一些 實施例中，菜單項被顯示為可區(qū)分的圖標，并且被突出顯示的區(qū)域大于所顯示的圖標。在一 些實施例中，突出顯示被顯示為如同光從放射式菜單的中心向所顯示的菜單項發(fā)出。該突 出顯示所覆蓋的區(qū)域是由分配給特定菜單項的角度范圍定義的角度區(qū)域，或者在一些實施 例中是該角度區(qū)域延伸特定徑向距離的部分。在一些實施例中，當(dāng)光標位于該區(qū)域上方時， 用于該特定項的區(qū)域被突出顯示，在該種情況下，用戶可以通過點擊鼠標按鈕、叩擊觸摸板 等選擇該項。
[0009] 除了鼠標點擊或等同的輸入以外，一些實施例還能夠?qū)崿F(xiàn)對菜單項的手勢選擇。 在一些實施例中，手勢選擇是在特定方向上快速移動光標。手勢選擇，類似于點擊選擇，使 得從放射式菜單選擇特定菜單項。在一些實施例中，手勢的角度確定了所選的菜單項。當(dāng) 所選菜單項打開子菜單時，一些實施例等待直到接收到進一步輸入，并將子菜單顯示為中 心位置在光標位置處的放射式菜單。這使得能夠?qū)崿F(xiàn)后續(xù)的快速揮掃（sweep)手勢。
[0010] 在一些實施例中，在上面描述中提及的光標是顯示在屏幕上的圖標（例如，箭 頭）。圖標由用戶通過與用戶交互的光標控制裝置（例如，鼠標、觸摸板等）來控制以在屏 幕上移動該圖標。用戶還與光標控制裝置交互以產(chǎn)生諸如選擇等其它輸入（例如，通過點 擊或雙擊鼠標按鈕）。然而，在有些實施例中，光標不被顯示，并且被定義為用戶正觸摸屏幕 的位置（例如，當(dāng)放射式菜單被顯示在觸摸屏上時）。因此，光標隨用戶手指（或觸摸觸摸 屏的其它物體）的移動而移動，盡管沒有圖標被實際顯示。
【附圖說明】
[0011] 所附權(quán)利要求中闡述了本發(fā)明的新穎特征。然而，為了解釋的目的，在下面的附圖 中闡述本發(fā)明的幾個實施例。
[0012] 圖1概念性地示出了一組可能的可選菜單項。
[0013] 圖2示出了具有圖1的8個可選菜單項的放射式菜單。
[0014] 圖3和4示出了圖2的放射式菜單的不同菜單項的突出顯示的示例。
[0015] 圖5示出了對用于打開子菜單的放射式菜單的菜單項的手勢選擇。
[0016] 圖6示出了其可選項圍繞中心位置不均勻布置的放射式菜單的打開和顯示。
[0017] 圖7概念性地示出了用于在⑶I中顯示其可選項圍繞中心位置不均勻布置的放射 式菜單的一些實施例的處理。
[0018] 圖8示出了根據(jù)一些實施例的為放射式菜單的每個菜單項分配角度區(qū)域。
[0019] 圖9示出了反映包括一些實施例的放射式菜單的⑶I的各種狀態(tài)以及這些狀態(tài)之 間的轉(zhuǎn)變的狀態(tài)圖。
[0020] 圖10和11示出了圖6的放射式菜單中光標在兩個不同菜單項上，從而菜單項被 突出顯示的情況。
[0021] 圖12示出了根據(jù)一些實施例，響應(yīng)于從主菜單中選擇菜單項而打開子菜單。
[0022] 圖13示出了從放射式菜單選擇項以及隨后關(guān)閉放射式菜單。
[0023] 圖14示出了具有4個等間隔菜單項的放射式菜單。
[0024] 圖15示出了圖14的放射式菜單以及在放射式菜單的中心處開始的光標的手勢移 動。
[0025] 圖16示出了圖14的放射式菜單以及不在放射式菜單的中心處開始的光標的手勢 移動。
[0026] 圖17概念性地示出了用于顯示放射式菜單和子菜單以及接收來自菜單的選擇的 一些實施例的處理。
[0027] 圖18示出了由于點擊輸入而打開放射式菜單，以及隨后的揮掃手勢以選擇菜單 項。
[0028] 圖19示出了在圖18中對菜單項進行手勢選擇的結(jié)果。
[0029] 圖20示出了用戶移動以將放射式子菜單移動至光標位置和隨后從子菜單中手勢 選擇菜單項的結(jié)果。
[0030] 圖21示出了顯示操作系統(tǒng)的各種特征的計算機桌面，包括一些實施例的放射式 菜單。
[0031] 圖22示出了使用一些實施例的放射式菜單的視頻編輯應(yīng)用。
[0032] 圖23示出了正在使用一些實施例的放射式菜單顯示網(wǎng)絡(luò)瀏覽器的手持裝置。
[0033] 圖24概念性地示出了用于呈現(xiàn)放射式菜單的一些實施例的應(yīng)用的軟件架構(gòu)。
[0034] 圖25概念性地示出了用于制作應(yīng)用的一些實施例的處理。
[0035] 圖26概念性地示出了被用來示出本發(fā)明的一些實施例的計算機系統(tǒng)。
【具體實施方式】
[0036] 在下面的描述中，為了解釋的目的闡述了大量細節(jié)。然而，本領(lǐng)域的技術(shù)人員應(yīng)該 意識到本發(fā)明在不使用這些特定細節(jié)的情況下可以被實施。例如，本申請的一些部分涉及 從鼠標接收輸入的示例。本領(lǐng)域技術(shù)人員應(yīng)該理解類似的輸入也可以從其它光標控制器或 者甚至沒有光標的觸摸屏接收。
[0037] 本發(fā)明的一些實施例提供了用于操縱裝置的應(yīng)用的圖形用戶界面（GUI)中的放 射式菜單的多種新穎的技術(shù)。在一些實施例中，放射式菜單包括圍繞內(nèi)部位置（例如完全 或部分曲線式圍繞放射式菜單的內(nèi)部位置）布置的多個可選項。在其中呈現(xiàn)放射式菜單 的可以是裝置（例如，計算機、手持裝置等）上的操作系統(tǒng)、運行在操作系統(tǒng)上的應(yīng)用、 獨立的應(yīng)用等的GUI。一些實施例的新穎放射式菜單技術(shù)包括：（i)不均勻間隔的菜單項， (ii)在與項相關(guān)聯(lián)的區(qū)域中使用陰影或突出顯示來指示該項的當(dāng)前可選擇性，以及（iii) 使用放射式手勢來打開子菜單以及隨后顯示子菜單。
[0038] 下面通過參考圖2-5描述這些特征的多個高層示例。這些示例將通過參考 圖1中概念示出的一組可能的可選菜單項100來描述。圖1示出了 8個主菜單項：項 A-H(IOl-IOS)。8個主菜單項中的每一個分別與一個命令相關(guān)，該命令（i)執(zhí)行指令（例 如，保存文件、復(fù)制文本等），（ii)激活工具（例如，視頻編輯工具、畫圖工具等），或（iii) 打開子菜單。項F(106)是菜單項的示例，選擇該菜單項會打開具有4個項111-114的子菜 單。
[0039] 圖2示出了具有8個可選菜單項101-108的放射式菜單200。這些菜單項在放射 式菜單中顯示為可區(qū)分的圖標，所有這些圖標都位于與菜單的中心位置相距徑向距離R的 地方。在放射式菜單200中，菜單項被顯示為彼此間隔不相等的距離。例如，項C(103)和 項G(107)之間的距離205明顯大于項H(108)和項A(IOl)之間的距離210。
[0040] 在一些實施例中，不同菜單項之間距離的差異基于分配給菜單項的優(yōu)先級。具體 地，一些實施例中，使菜單項之間的距離不同，從而與具有低優(yōu)先級的菜單項相比，具有較 高優(yōu)先級的菜單項更遠離相鄰菜單項。在一些實施例中，放射式菜單中的每個菜單項被分 配以一個特定角度范圍，并且所顯示的圖標位于其特定范圍的邊界之間的中間。特定菜單 項的優(yōu)先級越高，分配給該特定菜單項的角度范圍就越大。例如，項B(102)具有高于項 E(105)的優(yōu)先級，所以在放射式菜單200中被分配了較大的角度范圍。
[0041] 各種準則可以被用于確定不同菜單項的優(yōu)先級。例如，一些實施例使用菜單項被 選擇的頻率來分配該菜單項的優(yōu)先級。更經(jīng)常被選擇的菜單項將具有更高優(yōu)先級，并因此 被分配更大的角度區(qū)域，以及被更分開地顯示。使用選擇頻率確定優(yōu)先級的結(jié)果是，優(yōu)先級 可以隨時間改變，從而放射式菜單的顯示將改變。
[0042] 盡管菜單項被顯示為可區(qū)分的圖標，但是當(dāng)菜單項當(dāng)前可選時，一些實施例在用 于該菜單項的大于所顯示圖標的可選區(qū)域上顯示突出顯示。在一些實施例中，特定菜單項 在光標位于該特定菜單項上時是當(dāng)前可選的。圖3和4示出了用于放射式菜單200的不同 菜單項的這樣的突出顯示的示例。圖3示出了位于項G(107)的所顯示圖標上的光標305。 因為光標位于項G(107)之上，所以該項當(dāng)前可選，并因此被突出顯示。即，用戶能夠點擊鼠 標按鈕、叩擊觸摸板等，并使用位于其當(dāng)前位置的光標來選擇項G(107)。突出顯示310指示 分配給項G(107)的角度范圍，所顯示的圖標位于該角度范圍的中間。在一些實施例中，該 突出顯示被顯示為從放射式菜單的中心發(fā)出的光，照亮當(dāng)前可選菜單項。
[0043] 圖4示出了放射式菜單200,其中光標305位于分配給項E(105)的角度區(qū)域中。盡 管光標不是真正位于所顯示的圖標之上，但是該菜單項仍然被突出顯示410所突出顯示。 在一些實施例中，用戶可以通過點擊分配給菜單項的角度區(qū)域中的任何位置來從放射式菜 單中選擇該菜單項。因此，盡管光標305沒有位于用于菜單項105的顯示圖標上，如果用戶 點擊鼠標按鈕或提供等同的選擇輸入，項E(105)將被選擇。在一些實施例中，該角度區(qū)域 向外無限延伸，從而用戶選擇菜單項時不需要使光標位于放射式菜單附近。
[0044] 除了鼠標點擊或等同輸入之外，一些實施例還允許對菜單項進行手勢選擇。在一 些實施例中，手勢選擇是在特定方向上快速移動光標。類似于點擊選擇，手勢選擇引起從放 射式菜單選擇特定菜單項。圖5示出了從也包括菜單項101-108的放射式菜單500中手勢 選擇菜單項106,其打開了子菜單。圖5示出了兩個階段，第一階段510示出了手勢選擇，第 二階段520示出了打開子菜單550。
[0045] 階段510示出了放射式菜單500。八個菜單項在放射式菜單500中都具有同樣的 優(yōu)先級，因此等間隔地圍繞中心位置。階段510還示出了從菜單的中心將光標505移動至 菜單中心與項F(106)的所顯示圖標之間的位置515,以及至項F(106)的所顯示圖標外側(cè)的 位置525。在該方向上快速移動光標505是使得項F(106)被選擇的手勢移動。在一些實施 例中，通過這樣的手勢移動選擇的項依賴于光標移動的角度。當(dāng)光標移動的角度落在分配 給特定項的角度范圍內(nèi)時，則該特定項被選擇。在階段510,光標移動的角度是分配給菜單 項106的角度。
[0046] 階段520示出了通過手勢選擇而選擇項F(106)的結(jié)果。項106的選擇引起子菜 單550被打開。在一些實施例中，如圖所示，在手勢選擇之后，子菜單作為以光標位置處為 中心的放射式菜單而打開。在一些實施例中，子菜單不顯示在該位置，直到從用戶接收到選 擇輸入（例如，鼠標點擊，叩擊觸摸板、擊鍵等）為止。一旦接收到該輸入，子菜單圍繞光標 顯示，從而用戶可以容易地通過手勢或其它輸入從子菜單選擇項。
[0047] 盡管在上面和下面的許多示例中將光標示出為通過來自諸如鼠標的光標控制裝 置的輸入被用戶移動的圖標（例如箭頭），如同大量的普遍計算系統(tǒng)的情況，但是本領(lǐng)域的 技術(shù)人員應(yīng)該意識到光標的概念不限于這樣的示例。在一些實施例中，例如，光標不被顯 示，并且被定義為用戶觸摸