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

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

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