專利名稱：可傾斜的用戶界面的制作方法
可傾斜的用戶界面現(xiàn)代手持式設(shè)備使用加速計來檢測設(shè)備方向從橫向到縱向的變化，并且調(diào)整顯示內(nèi)的圖形用戶界面(GUI)以便在多個方向間切換。一些手持式設(shè)備包括傾斜滾輪特征，其中GUI會在顯示平面內(nèi)水平地或垂直地滑動，以響應(yīng)于設(shè)備的傾斜而描述不同的正交視圖。MM因而，在以下詳細(xì)描述中描述了可傾斜的用戶界面的各個實施例。例如，一個實施例包括響應(yīng)于設(shè)備的傾斜來調(diào)整圖形用戶界面。這樣，圖形用戶界面可以具有未在第一視圖內(nèi)示出的可查看內(nèi)容，其中可查看內(nèi)容可以響應(yīng)于設(shè)備傾斜而顯示在傾斜視圖中。提供本概述是為了以簡化的形式介紹將在以下詳細(xì)描述中進(jìn)一步描述的概念。本發(fā)明內(nèi)容并不旨在標(biāo)識出所要求保護(hù)的主題的關(guān)鍵特征或必要特征，也不旨在用于限定所要求保護(hù)的主題的范圍。此外，所要求保護(hù)的主題不限于解決在本發(fā)明的任一部分中提及的任何或所有缺點的實現(xiàn)。附圖簡述

圖1示出用于提供可傾斜的圖形用戶界面的系統(tǒng)的實施例的示例。圖2示出包括具有處在不同深度的元素的圖形用戶界面的顯示。圖3示出包括具有處在傾斜視圖中的不同深度的元素的圖形用戶界面的顯示。圖4示出一過程流程圖，它描述了用于在設(shè)備的顯示內(nèi)傾斜圖形用戶界面的方法的一實施例。詳細(xì)描述圖1示出包括計算設(shè)備110的實施例系統(tǒng)100，計算設(shè)備110用于響應(yīng)于計算設(shè)備110的檢測到的旋轉(zhuǎn)或移動而在顯示180內(nèi)提供可傾斜的圖形用戶界面185。計算設(shè)備 110包括存儲計算機程序130的存儲器120、以及與存儲器120通信以執(zhí)行程序130的CPU 115。顯示180具有由X軸和Y軸定義的平面布局，其中Z軸表示和顯示平面正交的圖形用戶界面的深度。計算設(shè)備110包括用于檢測顯示180的傾斜的加速計105。例如，加速計105可以檢測計算設(shè)備110的旋轉(zhuǎn)106或移動107，并且向計算機程序130中的方向模塊140提供指示顯示180的傾斜的輸入108。其他輸入可以包括搖晃輸入、滾動輸入或輸入的其他組合。 在一些實施例中，方向模塊140可以從其他位置檢測硬件接收描述旋轉(zhuǎn)106或移動107的輸入，其他位置檢測硬件諸如陀螺儀、位置傳感系統(tǒng)、全球定位系統(tǒng)(GPQ接收機等。計算設(shè)備110還包括用戶界面模塊160，其與顯示180和方向模塊140通信、并且被配置成響應(yīng)于檢測到的傾斜而提供傾斜視圖162。計算設(shè)備110可以檢測具有圍繞X軸或Y軸中的至少一個的旋轉(zhuǎn)分量的傾斜。這樣，如果用戶意圖繞顯示的X軸或Y軸來旋轉(zhuǎn)設(shè)備、但其實繞并非X軸、Y軸或Z軸的一個軸旋轉(zhuǎn)了該設(shè)備，則方向模塊140可以確定用戶意圖根據(jù)檢測到的旋轉(zhuǎn)分量而傾斜圖形用戶界面185。然后，方向模塊可以處理旋轉(zhuǎn)106并且確定用戶是否意圖傾斜圖形用戶界面185。在一個例子中，顯示180可以在圖形用戶界面185中示出第一視圖，方向模塊140 可以從加速計接收指示對計算設(shè)備110的傾斜的輸入108。然后，方向模塊140可以計算要對圖形用戶界面中示出的第一視圖應(yīng)用的傾斜量142。于是，用戶界面模塊160可以生成傾斜視圖162，傾斜視圖162包括未在第一視圖內(nèi)顯示的至少一個圖形元素的一部分，其中顯示180被配置成在圖形用戶界面185中顯示傾斜視圖。在一些實施例中，傾斜視圖包括未在第一視圖中顯示的圖標(biāo)350。例如，諸如電池圖標(biāo)、無線連接圖標(biāo)等狀態(tài)圖標(biāo)可以通過傾斜設(shè)備來查看，但在第一視圖中不可查看。這允許將不頻繁使用的圖標(biāo)或者具有可訪問的變化狀態(tài)的圖標(biāo)保持隱藏在第一視圖中。在一些實施例中，一個或多個圖標(biāo)可以以不同于其他圖標(biāo)或顯示元素的方式移動或者被顯示。在一實施例中，響應(yīng)于傾斜或其他輸入，狀態(tài)圖標(biāo)可以以不同于其他顯示元素的速度移動到視圖中。例如，狀態(tài)圖標(biāo)可以比其他元素更快地滑動到視圖中。在另一例中， 即使在用戶將設(shè)備返回至中性狀態(tài)時，圖標(biāo)也可以保持被更久地顯示在顯示屏幕中，然后可以移出屏幕。在還有一個例子中，圖標(biāo)可任選地不受到視差/透視位移，并且可以根據(jù)一組不同的自然規(guī)則等被顯示為具有X軸位移但Z深度沒有變化。在一些實施例中，圖標(biāo)或顯示元素可以通過一次運動被帶入視圖中，但隨后采用管理其運動的一組不同的自然規(guī)則。例如，響應(yīng)于搖晃輸入，顯示元素或者可以以和其他顯示元素相同的方式響應(yīng)于傾斜，或者它可以在一設(shè)定的時間段內(nèi)不再響應(yīng)于傾斜或其他輸入直到該顯示元素從顯示屏幕被移除、有不同的輸入等等。一些實施例可以以不同的方式來對待不同層的或不同部分的顯示元素。例如，一個實施例可以包括平面前景層，該平面前景層包括在設(shè)備被傾斜時被指定排除在透視位移之外的一層或多層。在該例中，響應(yīng)于傾斜或其他輸入，前景層不發(fā)生位移，但它之下的其他層會發(fā)生位移。這樣，用戶界面可以被調(diào)整為具有自然感覺、特別加亮某些圖標(biāo)、允許對于不同圖標(biāo)或設(shè)計元素有可在編程上不同的效應(yīng)、等等。在一些實施例中，圖形用戶界面185描述了包括與顯示180正交的Z軸在內(nèi)的3 維環(huán)境，其中用戶界面模塊被配置成當(dāng)圖形用戶界面185在第一視圖和傾斜視圖之間變化時、描述具有第一 Z分量的第一元素和具有第二 Z分量的第二元素之間的視差效應(yīng)。這也增強了對圖形用戶界面185中的深度的感知。3維環(huán)境可以包括繞X軸144的旋轉(zhuǎn)、繞Y軸的旋轉(zhuǎn)、或繞Z軸146的旋轉(zhuǎn)、或者通過3維中任一維的移動147。在包括3維環(huán)境的例子中，圖2描述了顯示180中圖形用戶界面185的第一視圖， 并且包括背景中的第一元素220和前景中的第二元素230，第二元素具有不同于第一元素的Z分量。在圖3中，圖形用戶界面響應(yīng)于檢測到的計算設(shè)備110的傾斜而傾斜，導(dǎo)致第一元素相對于第二元素而改變位置，并且提供好像用戶旋轉(zhuǎn)了他們的圖形用戶界面185的視圖這樣的視差效應(yīng)。此外，圖3包括元素340，元素340在圖2中不可查看，但是和第二元素 330處在相同平面中，并且在第一元素320之前。圖3還描述了圖標(biāo)350，圖標(biāo)350在第一視圖中被隱藏但是可在傾斜視圖中查看。圖3描述了繞Y軸的旋轉(zhuǎn)，但也不限制其他實施例。例如，可以繞X軸、繞顯示平面中的另一軸、或者在X軸、Y軸和Z軸上具有分量的旋轉(zhuǎn)，檢測到傾斜。在一些實施例中， 傾斜可以與移動組合，其中圖形用戶界面可以描述該傾斜以及到界面中另一 X或Y位置的滾動。圖2和3中描述的可傾斜的圖形用戶界面允許設(shè)備具有比正在其上顯示它的物理顯示180大的圖形用戶界面185。而且，該方法允許界面提供這樣的圖標(biāo)，所述圖標(biāo)在第一視圖(例如計算設(shè)備110的常規(guī)使用)中被隱藏、但可以通過傾斜計算設(shè)備110來查看。在一些實施例中，傾斜視圖可以有具有可調(diào)整的Z分量的旋轉(zhuǎn)點。例如，圖形用戶界面185的傾斜可以繞一樞軸點，所述樞軸點可以處在觀看者、圖形用戶界面中的元素、顯示等等的Z分量處?？烧{(diào)整的旋轉(zhuǎn)點允許調(diào)整圖形用戶界面的外觀和感覺。例如，通過提供具有和顯示180相同的Z分量的旋轉(zhuǎn)點的傾斜，用戶視點可以環(huán)繞該旋轉(zhuǎn)點成軌道。通過調(diào)整旋轉(zhuǎn)點以具有和用戶的視點類似的Z分量，圖形用戶界面185會相對于用戶而軸轉(zhuǎn)動。用戶界面模塊160也可以使用效應(yīng)150來提供諸如聚焦深度等視野深度154，其中用戶界面模塊可以響應(yīng)于傾斜而調(diào)整圖形用戶界面185中的聚焦深度。例如，第一元素220 在圖2中可能離焦，但是響應(yīng)于計算設(shè)備110的傾斜，在圖3中相應(yīng)的第一元素320可以入焦、而第二元素330離焦。在另一例中，當(dāng)之前未顯示的元素或圖標(biāo)被傾斜到顯示中時，可以將聚焦深度調(diào)整為該元素/圖標(biāo)。在一些實施例中，用戶界面模塊160還可以被配置成響應(yīng)于圖形用戶界面185中元素的選擇而調(diào)整圖形用戶界面185中的聚焦深度。例如，在圖2中，如果第一元素220最初離焦，用戶界面模塊可以在選擇第一元素后將聚集調(diào)整為該元素的Z分量深度，然后旋轉(zhuǎn)會基于第一元素220是初始聚焦深度而調(diào)整聚焦深度。在一些實施例中，用戶界面模塊可以提供其他效應(yīng)156，離屏效應(yīng)152等。在一例中，如果傾斜低于閾值旋轉(zhuǎn)則可以顯示第一視圖。這允許不將微小旋轉(zhuǎn)解釋為輸入，并且允許設(shè)備在低于閾值旋轉(zhuǎn)時顯示第一視圖。在另一例中，圖形用戶界面可以在設(shè)備沒有附加傾斜的一段時間后回復(fù)第一視圖。繼續(xù)附圖，圖4示出一流程圖，其描述了用于在顯示內(nèi)傾斜圖形用戶界面的方法 400的實施例。在一例中，顯示可以具有由X軸和Y軸定義的平面布局。首先，如框410所示，方法400包括在圖形用戶界面中顯示第一視圖。第一視圖可以包括圖形用戶界面內(nèi)的一個或多個元素，所述一個或多個元素可能相對于顯示的Z軸有不同的深度。在該例中，第一視圖與顯示平面正交。然后，如框420所示，方法400包括接收指示設(shè)備傾斜的輸入，所述傾斜包括繞顯示的X軸或Y軸中的至少一個的旋轉(zhuǎn)分量。這樣的輸入可以是、但不限于加速計所檢測到的旋轉(zhuǎn)或移動輸入、或者來自諸如陀螺儀、位置傳感系統(tǒng)、全球定位系統(tǒng)(GPQ接收機等其他位置檢測硬件的旋轉(zhuǎn)或移動輸入。在一些實施例中，可以檢測具有繞X軸或Y軸中的至少一個的旋轉(zhuǎn)分量的傾斜。這樣，如果用戶意圖繞顯示的X軸或Y軸來旋轉(zhuǎn)設(shè)備，但其實繞并非X軸、Y軸或Z軸的一個軸旋轉(zhuǎn)了該設(shè)備。接著，如430所示，方法400包括將傾斜應(yīng)用于第一視圖，以響應(yīng)于輸入而生成傾斜視圖。然后，如框440所示，方法400包括在圖形用戶界面中顯示傾斜視圖，所述傾斜視圖包括未在第一視圖中顯示的至少一個圖形元素的一部分。在一些實施例中，傾斜視圖還可以包括傾斜視圖中的、未在第一視圖中顯示的圖標(biāo)。例如，諸如電池圖標(biāo)、無線連接圖標(biāo)等狀態(tài)圖標(biāo)可以通過傾斜設(shè)備來查看，但在第一視圖中不可查看。這允許將不頻繁使用的圖標(biāo)或者具有可訪問的變化狀態(tài)的圖標(biāo)保持隱藏在第一視圖中。在一些實施例中，圖形用戶界面可以描述包括與顯示正交的Z軸在內(nèi)的3維環(huán)境， 其中方法400還包括當(dāng)圖形用戶界面在第一視圖和傾斜視圖之間變化時、描述具有第一 Z 分量的第一元素和具有第二 Z分量的第二元素之間的視差。此外，傾斜視圖可以有具有可調(diào)整的Z分量的旋轉(zhuǎn)點。例如，圖形用戶界面的傾斜可以繞一樞軸點，所述樞軸點可以處在觀看者、圖形用戶界面中的元素、顯示等等的Z分量處。可調(diào)整的旋轉(zhuǎn)點允許調(diào)整圖形用戶界面的外觀和感覺。例如，通過提供具有和顯示180 相同的Z分量的旋轉(zhuǎn)點的傾斜，用戶視點可以環(huán)繞該旋轉(zhuǎn)點成軌道。通過調(diào)整旋轉(zhuǎn)點以具有和用戶的視點類似的Z分量，圖形用戶界面會相對于用戶的視點而軸轉(zhuǎn)動。在一些實施例中，3維環(huán)境可以包括聚焦深度，其中方法400還包括響應(yīng)于傾斜而調(diào)整圖形用戶界面中的聚集深度。例如，方法400可以響應(yīng)于圖形用戶界面中元素的選擇、 響應(yīng)于設(shè)備的傾斜等等來調(diào)整圖形用戶界面中的聚集深度。一些實施例可以提供其他效應(yīng)。例如，方法400可以在傾斜低于閾值旋轉(zhuǎn)時顯示第一視圖。這允許不將微小轉(zhuǎn)動解釋為輸入，并且允許設(shè)備在低于閾值旋轉(zhuǎn)時顯示第一視圖。在另一例中，方法400還可以包括在設(shè)備沒有附加傾斜的一段時間后顯示第一視圖。在另一例中，如果顯示處在縱向則可以向第一視圖應(yīng)用第一傾斜，如果顯示處在橫向則可以向第一視圖應(yīng)用第二傾斜?？梢岳斫猓颂幩枋龅母鲗嵤├衫缃?jīng)由諸如程序等被存儲在計算機可讀存儲介質(zhì)上并由計算設(shè)備執(zhí)行的計算機可執(zhí)行指令或代碼來實現(xiàn)。一般而言，程序包括執(zhí)行特定任務(wù)或?qū)崿F(xiàn)特定抽象數(shù)據(jù)類型的例程、對象、組件、數(shù)據(jù)結(jié)構(gòu)等。如此處所使用的，術(shù)語 “程序”可指示單個程序或協(xié)同工作的多個程序，并可用于表示應(yīng)用程序、服務(wù)、或任何其它類型或種類的程序。同樣，這里所使用的術(shù)語“計算機”和“計算設(shè)備”包括可電子地執(zhí)行一個或多個程序的任何設(shè)備，包括、但不限于媒體播放器以及諸如個人計算機、膝上型計算機、手持式設(shè)備、蜂窩電話、基于微處理器的可編程消費電子設(shè)備等任何其他合適的設(shè)備和/或可以使用可傾斜的圖形用戶界面的任何其他合適的計算設(shè)備。還應(yīng)該理解，此處所述的配置和/或方法在本質(zhì)上示例性的，且這些具體實施例或示例不是局限性的，因為多個變體是可能。此處所述的具體例程或方法可表示任何數(shù)量的處理策略中的一個或多個。由此，所示出的各個動作可以按所示順序執(zhí)行、按其他順序執(zhí)行、并行地執(zhí)行、或者在某些情況下省略。同樣，任何上述過程的順序不是實現(xiàn)此處所描述的各實施例的特征和/或結(jié)果所必需的，而是為說明和描述的方便而提供的。本發(fā)明的主題包括各種過程、系統(tǒng)和配置的所有新穎和非顯而易見的組合和子組合、和此處所公開的其它特征、功能、動作、和/或特性、以及其任何和全部等效物。
權(quán)利要求
1.一種用于在設(shè)備(Iio)的顯示(180)內(nèi)傾斜圖形用戶界面(185)的方法，平面布局內(nèi)的所述顯示由X軸和Y軸來定義，所述方法包括在圖形用戶界面(18 中顯示第一視圖；接收指示所述設(shè)備(110)的傾斜的輸入(108)，所述傾斜包括繞所述顯示的X軸或Y軸中的至少一個的旋轉(zhuǎn)分量；將所述傾斜應(yīng)用于所述第一視圖以響應(yīng)于所述輸入而生成傾斜視圖；以及在所述圖形用戶界面(18 中顯示所述傾斜視圖，所述傾斜視圖包括未在第一視圖內(nèi)顯示的至少一個圖形元素(350)的一部分。
2.如權(quán)利要求1所述的方法，還包括在傾斜視圖內(nèi)顯示未在第一視圖內(nèi)顯示的圖標(biāo)。
3.如權(quán)利要求1所述的方法，其特征在于，所述圖形用戶界面描述了包括與所述顯示正交的Z軸在內(nèi)的3維環(huán)境，所述方法還包括當(dāng)圖形用戶界面在第一視圖和傾斜視圖之間變化時、描述具有第一 Z分量的第一元素和具有第二 Z分量的第二元素之間的視差。
4.如權(quán)利要求3所述的方法，其特征在于，所述傾斜視圖有具有可調(diào)整的Z分量的旋轉(zhuǎn)點ο
5.如權(quán)利要求3所述的方法，其特征在于，所述3維環(huán)境可以包括聚焦深度，所述方法還包括響應(yīng)于所述傾斜而調(diào)整圖形用戶界面中的聚集深度。
6.如權(quán)利要求5所述的方法，還包括響應(yīng)于圖形用戶界面中元素的選擇來調(diào)整圖形用戶界面中的聚集深度。
7.如權(quán)利要求1所述的方法，其特征在于，所述第一視圖在所述傾斜低于閾值旋轉(zhuǎn)時被顯示。
8.如權(quán)利要求1所述的方法，還包括在設(shè)備沒有附加傾斜的一段時間后顯示第一視圖。
9.如權(quán)利要求1所述的方法，其特征在于，如果顯示處在縱向則向第一視圖應(yīng)用第一傾斜，如果顯示處在橫向則向第一視圖應(yīng)用第二傾斜。
10.一種用于提供可傾斜的圖形用戶界面(185)的系統(tǒng)(100)，所述系統(tǒng)包括包括圖形用戶界面(18 的顯示(180)，所述顯示具有由X軸和Y軸定義的平面布局； 用于檢測設(shè)備(180)的傾斜的加速計(105)，所述傾斜包括繞X軸或Y軸中的至少一個的旋轉(zhuǎn)分量；與加速計(10 通信的方向模塊(140)，所述方向模塊(140)用于從加速計(10 接收指示傾斜的輸入(108)、并且用于計算要對圖形用戶界面(185)中所示的第一視圖應(yīng)用的傾斜量；以及與顯示(180)和方向模塊(140)通信的用戶界面模塊(160)，所述用戶界面模塊(160) 用于生成傾斜視圖，傾斜視圖包括未在第一視圖中顯示的至少一個圖形元素的一部分，所述顯示(180)被配置成在圖形用戶界面(18 中顯示傾斜視圖。
11.如權(quán)利要求10所述的系統(tǒng)，其特征在于，所述傾斜視圖包括未在第一視圖中顯示的圖標(biāo)。
12.如權(quán)利要求10所述的系統(tǒng)，其特征在于，所述圖形用戶界面描述了包括與顯示正交的Z軸在內(nèi)的3維環(huán)境，所述用戶界面模塊被配置成當(dāng)圖形用戶界面在第一視圖和傾斜視圖之間變化時、描述具有第一 Z分量的第一元素和具有第二 Z分量的第二元素之間的視差。
13.如權(quán)利要求12所述的系統(tǒng)，其特征在于，所述傾斜視圖具有可調(diào)整的Z分量的旋轉(zhuǎn)點。
14.如權(quán)利要求12所述的系統(tǒng)，其特征在于，所述3維環(huán)境包括聚集深度，所述用戶界面模塊還被配置成響應(yīng)于傾斜來調(diào)整圖形用戶界面中的聚集深度。
15.如權(quán)利要求14所述的系統(tǒng)，其特征在于，所述用戶界面模塊還被配置成響應(yīng)于圖形用戶界面中元素的選擇而調(diào)整圖形用戶界面中的焦點深度。
16.如權(quán)利要求10所述的系統(tǒng)，其特征在于，所述第一視圖在所述傾斜低于閾值旋轉(zhuǎn)時被顯示。
17.如權(quán)利要求10所述的系統(tǒng)，其特征在于，圖形用戶界面中的一層響應(yīng)于顯示的傾斜保持被靜止地顯示。
18.一種計算機可讀介質(zhì)，其包括可由計算設(shè)備(110)執(zhí)行以便在設(shè)備的顯示(180)內(nèi)傾斜圖形用戶界面(18 的指令，所述顯示(180)處在由X軸和Y軸定義的平面布局內(nèi)，所述指令可執(zhí)行以執(zhí)行一方法，所述方法包括在圖形用戶界面(18 中顯示第一視圖；接收指示所述設(shè)備(110)的傾斜的輸入(108)，所述傾斜包括繞所述顯示(180)的X軸或Y軸中的至少一個的旋轉(zhuǎn)分量；將所述傾斜應(yīng)用于所述第一視圖以響應(yīng)于所述輸入而生成傾斜視圖；以及在所述圖形用戶界面(18 中顯示所述傾斜視圖，所述傾斜視圖包括未在第一視圖內(nèi)顯示的至少一個圖形元素(340)的一部分。
19.如權(quán)利要求18所述的計算機可讀介質(zhì)，還包括用于在傾斜視圖內(nèi)顯示未在第一視圖內(nèi)顯示的圖標(biāo)的指令。
20.如權(quán)利要求18所述的計算機可讀介質(zhì)，其特征在于，所述圖形用戶界面描述了包括與所述顯示正交的Z軸在內(nèi)的3維環(huán)境，所述計算機可讀介質(zhì)還包括當(dāng)圖形用戶界面在第一視圖和傾斜視圖之間變化時、描述具有第一 Z分量的第一元素和具有第二 Z分量的第二元素之間的視差的指令。
全文摘要
公開了圖形用戶界面的可編程效應(yīng)系統(tǒng)。一個實施例包括響應(yīng)于設(shè)備的傾斜來調(diào)整圖形用戶界面。這樣，圖形用戶界面可以具有未在第一視圖內(nèi)顯示的可查看內(nèi)容，其中可查看內(nèi)容可以響應(yīng)于設(shè)備傾斜而顯示在傾斜的視圖中。
文檔編號G06F3/048GK102224487SQ200980147062
公開日2011年10月19日 申請日期2009年10月22日 優(yōu)先權(quán)日2008年11月21日
發(fā)明者J·馮, M·V·R·小約翰遜, T·阿巴那米 申請人:微軟公司