專利名稱：動(dòng)態(tài)圖形界面陰影的制作方法
技術(shù)領(lǐng)域：
本公開內(nèi)容一般地涉及圖形用戶界面和渲染三維效果。
背景技術(shù)：
圖形用戶界面經(jīng)常采用陰影技術(shù)來(lái)在二維表面上提供深度錯(cuò)覺。通常，圖形用戶界面使用具有預(yù)定特性的陰影，預(yù)定特性諸如預(yù)定尺寸或者距投射陰影的對(duì)象或陰影與之相關(guān)聯(lián)的對(duì)象的預(yù)定距離。盡管這些技術(shù)可提供深度錯(cuò)覺，但這些靜態(tài)陰影并不能隨圖形用戶界面對(duì)象的輪廓而調(diào)整，從而不能提供自然或真實(shí)的外觀與感覺。

發(fā)明內(nèi)容
描述了動(dòng)態(tài)圖形界面陰影。在一些實(shí)現(xiàn)方式中，圖形用戶界面顯示對(duì)象可被配置為具有標(biāo)高(elevation)偏移信息,來(lái)給予顯示對(duì)象可具有不同高度(height)的像素的三維表面。在一些實(shí)現(xiàn)方式中，在被配置為具有像素標(biāo)高偏移信息的顯示對(duì)象上渲染的陰影可被調(diào)整來(lái)反映對(duì)象的三維表面，從而更近似于真實(shí)生活中的陰影。在一些實(shí)現(xiàn)方式中，陰影能根據(jù)其被投射于其上的顯示對(duì)象的標(biāo)高被實(shí)時(shí)地動(dòng)態(tài)渲染和調(diào)整。特定的實(shí)現(xiàn)方式提供至少以下優(yōu)點(diǎn):陰影能看起來(lái)更真實(shí)并更好地傳達(dá)用戶界面元素的相對(duì)位置。針對(duì)每個(gè)像素的標(biāo)高圖允許復(fù)雜紋理和表面的建模。動(dòng)態(tài)陰影可被實(shí)現(xiàn)為允許硬件加速的圖形處理單元(GPU)濾波器。在其它方面平坦的圖形用戶界面元素可被配置為具有高度變化的三維表面。在三維表面上渲染的陰影可根據(jù)三維表面被扭曲。通過(guò)下文的附圖和描述來(lái)闡述一個(gè)或多個(gè)實(shí)現(xiàn)方式的細(xì)節(jié)。其他特征、方面和潛在優(yōu)點(diǎn)將通過(guò)說(shuō)明書、附圖和權(quán)利要求變得顯然。


圖1示出了具有動(dòng)態(tài)陰影的示例圖形用戶界面。圖2示出了與圖1的圖形用戶界面中的對(duì)象相關(guān)聯(lián)的不同標(biāo)高的示例。圖3示出了其中圖形元素被配置為具有像素標(biāo)高偏移信息的示例圖形用戶界面。圖4示出了配置有像素標(biāo)高偏移信息的示例顯示對(duì)象。圖5示出了提供像素標(biāo)高圖的示例圖形用戶界面編輯器。圖6示出了包括標(biāo)高偏移信息的像素顏色數(shù)據(jù)的示例。圖7是生成顯示對(duì)象的動(dòng)態(tài)陰影的示例過(guò)程的流程圖。圖8是配置像素深度偏移的示例過(guò)程的流程圖。圖9是實(shí)現(xiàn)了圖1 8的特征和過(guò)程的示例性系統(tǒng)架構(gòu)的方框圖。圖10是根據(jù)本公開內(nèi)容的實(shí)施例的設(shè)備1000的方框圖。圖11是根據(jù)本公開內(nèi)容的實(shí)施例的設(shè)備1100的方框圖。各個(gè)附圖中的類似參考標(biāo)記指示類似的元件。
具體實(shí)施例方式現(xiàn)代計(jì)算機(jī)顯示器和圖形界面經(jīng)常嘗試模擬真實(shí)生活中的三維對(duì)象和空間。通常，三維模擬通過(guò)陰影的使用來(lái)在二維圖像上給予深度的外觀。另外，二維圖形界面上的對(duì)象布置可被用來(lái)暗示對(duì)象的深度和/或分層。例如，桌面比喻被通常用于計(jì)算機(jī)顯示器上，以布置并顯示窗口、文件、圖像、圖標(biāo)和其他對(duì)象。桌面上的對(duì)象可以重疊(例如，重疊窗口)或遮擋其他對(duì)象(例如，位于桌面圖標(biāo)上面的窗口可以隱藏或遮擋這些圖標(biāo))。對(duì)象的重疊和遮擋能暗示對(duì)象的分層或與每個(gè)對(duì)象相關(guān)聯(lián)的深度或標(biāo)高。例如，分層可暗示用戶桌面上的對(duì)象被堆疊在彼此之上，使得每個(gè)對(duì)象位于離桌面不同的標(biāo)高處。對(duì)象相對(duì)于桌面(或屏幕、或用戶)的標(biāo)高(例如，高度或深度)能暗示第三個(gè)維度。因此，可以說(shuō)圖形用戶界面具有沿X軸的水平維度、沿Y軸的豎直維度和沿Z軸的標(biāo)高維度(例如，Z軸與桌面和顯示屏幕相垂直)，并且顯示對(duì)象可根據(jù)X、Y和Z坐標(biāo)被定位在顯示區(qū)域內(nèi)。在一些實(shí)現(xiàn)方式中，對(duì)象的標(biāo)高(例如，窗口、圖標(biāo)、光標(biāo)和用戶界面元素等的標(biāo)高)可被用來(lái)調(diào)整對(duì)象陰影以提供更真實(shí)的和動(dòng)態(tài)調(diào)整的陰影。在一些實(shí)現(xiàn)方式中，圖形用戶界面的像素(例如，顯示對(duì)象、圖形元素的像素等)可被配置為具有標(biāo)高偏移，以生成具有不同標(biāo)高的有輪廓的表面的用戶界面元素。例如，像素標(biāo)高偏移可以是被添加到顯示對(duì)象的標(biāo)高(或從其減去)來(lái)為顯示對(duì)象提供有輪廓的表面的標(biāo)高值。在一些實(shí)現(xiàn)方式中，像素標(biāo)高偏移可被用來(lái)生成適應(yīng)圖形用戶界面對(duì)象和元素的有輪廓的表面的陰影。圖1示出了具有動(dòng)態(tài)陰影的示例圖形用戶界面(GUI) 100。⑶1100是可被呈現(xiàn)在計(jì)算設(shè)備(例如，臺(tái)式電腦、平板電腦、智能電話和膝上式電腦等等)的顯示器上的用戶界面。⑶1100可包括桌面圖形界面(“桌面”)102。例如，桌面圖形界面102能呈現(xiàn)可被用來(lái)為用戶提供對(duì)計(jì)算設(shè)備上的應(yīng)用程序、文檔和文件的訪問(wèn)的桌面比喻。GUIlOO可包括窗口104和窗口 106。例如，窗口 104和窗口 106可以是用于呈現(xiàn)計(jì)算設(shè)備的各個(gè)應(yīng)用程序的用戶界面的應(yīng)用程序窗口。在一些實(shí)現(xiàn)方式中，窗口 104和窗口 106可被布置和/或分層在不同標(biāo)聞處。例如，桌面102可具有為零的標(biāo)聞，窗口 104可具有為十(10)的標(biāo)聞，而窗口106可具有為二十(20)的標(biāo)高。在一些實(shí)現(xiàn)方式中，當(dāng)窗口被用戶移動(dòng)或重排時(shí)，窗口的標(biāo)高可被動(dòng)態(tài)地確定。例如，用戶可選擇窗口 104，使得窗口 104成為最頂上的窗口。當(dāng)窗口104被選擇時(shí),其他窗口(例如，窗口 106)可被布置在窗口 104下面(例如,位于較低的標(biāo)高處)。在一些實(shí)現(xiàn)方式中，對(duì)象的標(biāo)高可基于由計(jì)算設(shè)備指派給對(duì)象的順序而被確定。例如，計(jì)算設(shè)備可保持顯示在GUIlOO上的對(duì)象的列表或陣列。每個(gè)窗口、圖標(biāo)、光標(biāo)或其他對(duì)象能在陣列中占據(jù)位置。圖形對(duì)象的顯示位置(例如，標(biāo)高、層級(jí)、標(biāo)高等)可對(duì)應(yīng)于對(duì)象在陣列中的位置(例如，索引(index))。例如，占據(jù)陣列中的第一位置的對(duì)象可被顯示在頂部(例如，具有最高的標(biāo)高)，占據(jù)陣列中的第二位置的對(duì)象可被顯示在第一對(duì)象下面，等等。當(dāng)來(lái)自陣列中間的對(duì)象被選擇時(shí)(例如，用戶選擇顯示窗口并且其成為當(dāng)前工作窗口)，被選擇的對(duì)象可被移動(dòng)到陣列中的第一位置并且陣列中的其他對(duì)象可改變位置。GUIlOO可被更新以反映顯示對(duì)象在陣列中的經(jīng)調(diào)整位置(例如，被選擇的窗口將增加標(biāo)高以成為GUIlOO中的最頂上的窗口)。因此，圖形對(duì)象可被顯示在反映對(duì)象在陣列中的相對(duì)位置的⑶1100的標(biāo)高處。⑶1100可包括光標(biāo)108。例如，用戶可采用光標(biāo)108來(lái)與⑶1100、桌面102、窗口104和106、圖標(biāo)110 122和/或顯示在⑶1100上的其他對(duì)象交互。例如，用戶可操縱光標(biāo)108來(lái)選擇窗口 104，并使得窗口 104成為最頂上的窗口。光標(biāo)108可與標(biāo)高相關(guān)聯(lián)。例如，光標(biāo)108可具有GUIlOO上顯不的任意對(duì)象的最聞標(biāo)聞，使得光標(biāo)108總是在其他圖形對(duì)象的頂上。因此，例如，如果桌面102具有為零的標(biāo)聞，窗口 104具有為十(10)的標(biāo)聞，而窗口 106具有為二十(20)的標(biāo)高，則光標(biāo)108可具有為三十(30)的標(biāo)高。在一些實(shí)現(xiàn)方式中，圖形用戶界面對(duì)象(例如，窗口 104和106、光標(biāo)108和圖標(biāo)110 122)可基于對(duì)象的相應(yīng)位置(包括標(biāo)高)和模擬的或檢測(cè)的光源的位置(例如，角度)來(lái)投射陰影。例如，⑶Iioo上的每個(gè)對(duì)象可具有水平位置(例如，沿X軸140)、豎直位置(例如，沿Y軸142)、和標(biāo)高(例如，沿Z軸144)。為對(duì)象生成的陰影的位置可根據(jù)光源的位置以及投射陰影的對(duì)象(例如，遮擋對(duì)象)和陰影落到其上的對(duì)象(例如，被遮擋對(duì)象)之間的標(biāo)高差而調(diào)整。另外，對(duì)象的陰影的尺寸、模糊半徑和不透明度可基于陰影從投射該陰影的對(duì)象下降至多遠(yuǎn)而被調(diào)整。在一些實(shí)現(xiàn)方式中，光標(biāo)108可具有相應(yīng)的投射陰影130或132。例如，當(dāng)光標(biāo)在⑶1100中移動(dòng)時(shí)，陰影(例如，陰影130或132)可追隨光標(biāo)，以使得光標(biāo)看起來(lái)像在桌面之上浮動(dòng)。在一些實(shí)現(xiàn)方式中，陰影130、132的尺寸和位置可基于光標(biāo)的標(biāo)高和陰影投射于其上的對(duì)象的標(biāo)高而被調(diào)整。例如,如果光標(biāo)108在窗口 106上面，則陰影130的尺寸和位置可基于光標(biāo)108的標(biāo)高和窗口 106的標(biāo)高之間的差而被調(diào)整。在這個(gè)示例中，光標(biāo)108和窗口 106的標(biāo)高差小，從而陰影130被定位成靠近光標(biāo)108，并且陰影將與該光標(biāo)具有大致相同的尺寸。作為對(duì)照的是，窗口 104的標(biāo)高小于窗口 106的標(biāo)高，從而窗口 104和光標(biāo)108之間較大的標(biāo)高差導(dǎo)致陰影132被定位成更遠(yuǎn)離光標(biāo)108。另外，陰影132的模糊半徑、不透明度和尺寸可被調(diào)整來(lái)考慮光標(biāo)108和窗口 104之間的標(biāo)高差，并提供更真實(shí)的陰影外觀。在一些實(shí)現(xiàn)方式中，觸摸屏界面被用來(lái)提供輸入。例如，用戶可使用手指觸摸觸摸屏界面并且在觸摸屏界面上的接觸點(diǎn)可是光標(biāo)位置。在一些實(shí)現(xiàn)方式中，與觸摸位置相關(guān)聯(lián)的顯示對(duì)象可被顯示。例如，放大鏡或其他顯示對(duì)象可被顯示在鄰近觸摸位置的地方。在一些實(shí)現(xiàn)方式中，與觸摸位置相關(guān)聯(lián)的顯示對(duì)像可投射動(dòng)態(tài)陰影。例如，如果放大鏡被顯示，則與放大鏡相關(guān)聯(lián)的陰影可被生成。在一些實(shí)現(xiàn)方式中，可能不針對(duì)觸摸輸入位置顯示顯示對(duì)象。在一些實(shí)現(xiàn)方式中，可為觸摸屏界面上被觸摸的區(qū)域生成動(dòng)態(tài)陰影。例如，當(dāng)用戶用手指觸摸觸摸屏界面時(shí)，可基于手指所觸摸的觸摸屏界面區(qū)域生成并顯示動(dòng)態(tài)陰影。例如，如果被手指觸摸的觸摸屏界面區(qū)域是10個(gè)像素寬及20像素高的橢圓區(qū)域，則可基于橢圓的尺寸和位置而生成動(dòng)態(tài)陰影。例如，橢圓觸摸區(qū)域可投射很像顯示對(duì)象(例如，光標(biāo)108)的動(dòng)態(tài)陰影。類似地，窗口 104和106可以投下陰影134和136。例如，陰影134可基于窗口 104和桌面102之間的標(biāo)高差而生成。這種情況下，由于桌面具有為零的標(biāo)高，窗口 104的標(biāo)高可被用來(lái)生成陰影134?？蔀榇翱?106生成陰影136。然而，陰影136被投射在具有兩個(gè)不同標(biāo)高的表面(例如，窗口 104和桌面102)上。例如，窗口 104和106之間的標(biāo)高差小于窗口 106和桌面102之間的標(biāo)高差。因此，陰影136的被投射在窗口 104上的部分與陰影136的被投射在桌面102上的部分將具有不同的維度。例如，陰影136的生成于桌面102上的部分可看起來(lái)比陰影136的生成于較近的窗口 104表面上的部分離窗口 106更遠(yuǎn)。另夕卜，陰影的模糊半徑和不透明度可基于投射陰影的窗口和陰影生成于其上的對(duì)象之間的標(biāo)高差而被調(diào)整。其他圖形對(duì)象，例如圖標(biāo)110 122，也能投射可基于圖標(biāo)的標(biāo)高而被調(diào)整的陰影。在一些實(shí)現(xiàn)方式中，顯示對(duì)象能模糊陰影。例如，如果光標(biāo)108的陰影應(yīng)當(dāng)在窗口106之下被生成(例如,基于光標(biāo)108的位置、窗口 106的標(biāo)高和光源的角度)，則不會(huì)為光標(biāo)108生成陰影，這是因?yàn)榇翱?106將遮擋或隱藏該陰影。圖2示出了與圖形用戶界面GUIlOO中的對(duì)象相關(guān)聯(lián)的不同標(biāo)高的示例。例如，圖2可表示包括光標(biāo)108、窗口 104和106、圖標(biāo)110 122以及桌面102的⑶1100的側(cè)視圖。在圖2中，可清楚地看出各個(gè)圖形對(duì)象的標(biāo)高(例如，沿Z軸144)。例如，桌面102可具有為零的標(biāo)高，并且其他所有圖形對(duì)象(例如，圖標(biāo)110 122、窗口 104、窗口 106、光標(biāo)108等等)可具有相對(duì)于桌面的標(biāo)高?；蛘?，標(biāo)高可對(duì)應(yīng)于表示每個(gè)對(duì)象距用戶或顯示屏200的距離的深度值(例如，其中顯示屏200具有為零的深度)。圖形對(duì)象可被布置在顯示屏200和桌面102之間的不同標(biāo)高(或深度)處。例如，光標(biāo)108可具有標(biāo)高‘ΖΓ 202，其將光標(biāo)108放置在界面100中的所有其他對(duì)象的之上，從而阻止光標(biāo)108被顯示在界面100中的其他圖形對(duì)象模糊。窗口 104可具有標(biāo)高‘Z2’204。窗口 106可具有窗口 104和光標(biāo)108之間的標(biāo)高‘Z3’206。圖標(biāo)110 122也可具有相關(guān)聯(lián)的標(biāo)高(或深度)。在一些實(shí)現(xiàn)方式中，被指派給對(duì)象的標(biāo)高可相對(duì)于顯示在用戶界面100上的其他對(duì)象。例如，光標(biāo)108可被配置為顯示在預(yù)定標(biāo)高 ’處，而其他圖形對(duì)象的標(biāo)高可相對(duì)于E而確定。在一些實(shí)現(xiàn)方式中，可從標(biāo)高E中添加或者減去標(biāo)高差以提供顯示對(duì)象之間的間距。標(biāo)高差可被配置為5個(gè)單位(例如，像素、毫米、英寸等)。窗口 106的標(biāo)高，例如，可被確定為光標(biāo)108之下5個(gè)單位。窗口 104的標(biāo)高，例如，可被確定為光標(biāo)108之下10個(gè)單元以及窗口 106之下5個(gè)單元。因此，其中圖形對(duì)象被保持在其中圖形對(duì)象的順序也被保持的類陣列的數(shù)據(jù)結(jié)構(gòu)中，每個(gè)對(duì)象可根據(jù)標(biāo)高差和對(duì)象在陣列中的位置而被顯示。例如，陣列中的每個(gè)顯示對(duì)象可被定位在陣列中先前顯示對(duì)象之下5個(gè)單位處。在一些實(shí)現(xiàn)方式中，標(biāo)高(或深度)可相對(duì)于桌面102 (例如，具有為零的標(biāo)高)或相對(duì)于屏幕(例如，具有為零的深度)確定。在一些實(shí)現(xiàn)方式中，標(biāo)高差可被動(dòng)態(tài)地確定。例如，如果桌面102具有為零(O)的標(biāo)高，而屏幕200具有為五十(50)的標(biāo)高，則通過(guò)將屏幕標(biāo)高50除以顯示對(duì)象的數(shù)量而確定的標(biāo)高差，顯示對(duì)象可在桌面102和屏幕200之間均勻間隔開來(lái)。可使用用于動(dòng)態(tài)確定顯示對(duì)象的標(biāo)高差的其他方法。在一些實(shí)現(xiàn)方式中，圖形對(duì)象的標(biāo)高可用來(lái)生成對(duì)象陰影。在一些實(shí)現(xiàn)方式中，圖形對(duì)象的標(biāo)高可用來(lái)確定與顯示對(duì)象相關(guān)聯(lián)的陰影的位置、尺寸、不透明度和/或模糊半徑。例如，為了在窗口 104上面生成光標(biāo)108的陰影，必須確定標(biāo)高差‘ΑΖΓ208。為了這樣做，可從標(biāo)高‘ΖΓ 202中減去標(biāo)高‘Z2’ 204。一旦‘AZ1’ 208被計(jì)算出來(lái)，陰影從光標(biāo)108的水平偏移(例如，沿X軸140)可基于光源與光標(biāo)108相交的角度Θ的正切值(沿X軸140)和所計(jì)算的值‘ΑΖΓ 208(例如，ΛΧ1 = AZl/tan(9))而確定。豎直陰影偏移(例如，沿Y軸142)可以相似的方式計(jì)算。在一些實(shí)現(xiàn)方式中，陰影偏移在每個(gè)像素的基礎(chǔ)上被計(jì)算。例如，光標(biāo)108的每個(gè)像素可投射對(duì)應(yīng)的陰影像素。陰影像素的位置可基于計(jì)算出的陰影偏移而確定。例如，如果光標(biāo)108的像素在水平坐標(biāo)‘X’處，并且像素偏移是五(5)，則對(duì)應(yīng)的陰影像素的位置可以是‘X+5’。因此，光標(biāo)108的投射陰影(和其他顯示對(duì)象、窗口、圖標(biāo)等)可基于光標(biāo)108的尺寸、形狀和位置而實(shí)時(shí)地生成。在一些實(shí)現(xiàn)方式中，可以模擬光源。例如，光源的位置和光與屏幕上的對(duì)象相交的角度可以是被配置的參數(shù)。在一些實(shí)現(xiàn)方式中，光源可被檢測(cè)。例如，耦合到照相機(jī)的計(jì)算設(shè)備可使用照相機(jī)來(lái)檢測(cè)計(jì)算設(shè)備外部的光源并計(jì)算或得出外部光源相對(duì)于計(jì)算設(shè)備或照相機(jī)的位置。因此，當(dāng)計(jì)算設(shè)備和/或照相機(jī)被相對(duì)于外部光源移動(dòng)時(shí)，由計(jì)算設(shè)備為顯示對(duì)象生成的動(dòng)態(tài)陰影可被調(diào)整，以反映計(jì)算設(shè)備和外部光源之間相對(duì)位置的變化。在一些實(shí)現(xiàn)方式中，陰影的尺寸可隨標(biāo)高差(例如，投射陰影的對(duì)象和陰影被投射于其上的對(duì)象之間的標(biāo)高差)的增加而增加。例如，在標(biāo)高上的每五(5)個(gè)像素，陰影的尺寸可通過(guò)指定的百分比或其他機(jī)制被增加一(I)個(gè)像素。在一些實(shí)現(xiàn)方式中，陰影的不透明度可基于標(biāo)高差被調(diào)整。例如，對(duì)于在標(biāo)高上的每三(3)個(gè)像素，陰影的不透明度可減少五個(gè)百分點(diǎn)(5%)。在一些實(shí)現(xiàn)方式中，陰影的模糊半徑可基于標(biāo)高差被調(diào)整。例如，對(duì)于標(biāo)高上的每十(10)個(gè)像素，模糊半徑可增加二十個(gè)百分點(diǎn)(20%)。在一些實(shí)現(xiàn)方式中，對(duì)尺寸、不透明度和/或模糊半徑的調(diào)整可在陰影的位置被確定之后應(yīng)用。其他機(jī)制可被實(shí)施用來(lái)基于對(duì)象標(biāo)高調(diào)整陰影的位置、尺寸、不透明度和/或模糊半徑。在一些實(shí)現(xiàn)方式中，一旦顯示對(duì)象(例如，窗口、圖標(biāo)、桌面等)的標(biāo)高被確定，則所確定的標(biāo)高被指派給顯示對(duì)象的每個(gè)像素。例如，如果窗口 106具有為四十(40)的標(biāo)高，則窗口 106的每個(gè)像素可被指派為四十的標(biāo)高。如果窗口 104具有為三十五(35)的標(biāo)高，則窗口 104的每個(gè)像素可被指派為三十五的標(biāo)高。因此，當(dāng)渲染交疊的窗口 104和106時(shí)，如果來(lái)自窗口 104的像素和來(lái)自窗口 106的像素占據(jù)相同的水平和豎直位置(例如，X、Y位置)，則可顯示具有最大標(biāo)高的像素。這種情況下，因?yàn)榇翱?106具有為40的標(biāo)高而窗口 104具有為35的標(biāo)高，與窗口 106相關(guān)聯(lián)的像素將被顯示。在一些實(shí)現(xiàn)方式中，為對(duì)象的每個(gè)像素指派所計(jì)算的對(duì)象標(biāo)高將導(dǎo)致對(duì)象具有平坦表面(例如，沒(méi)有輪廓或紋理)。類似地，投射在這些平坦對(duì)象上的陰影也將看起來(lái)是平坦的(例如，沒(méi)有輪廓、紋理等)。圖3示出了示例圖形用戶界面300，其中圖形元素被配置為具有像素標(biāo)高偏移信息。在一些實(shí)現(xiàn)方式中，圖形顯示對(duì)象(例如，窗口、圖標(biāo)、桌面、圖形用戶界面、圖形元素等)可被配置為具有將顯示對(duì)象的每個(gè)像素與標(biāo)高偏移值相關(guān)聯(lián)的像素標(biāo)高偏移信息。例如，如上文關(guān)于圖2所描述的，像素標(biāo)高偏移信息可以是能添加到對(duì)象的所確定的標(biāo)高或者從其減去的標(biāo)高值。因此，一旦針對(duì)對(duì)象已確定了標(biāo)高，則所確定的標(biāo)高可基于該對(duì)象的預(yù)配置的像素標(biāo)高偏移信息而調(diào)整。在一些實(shí)現(xiàn)方式中，像素標(biāo)高偏移信息可被配置來(lái)為圖形顯示對(duì)象提供輪廓和/或紋理。在一些實(shí)現(xiàn)方式中，⑶1300可包括具有像素標(biāo)高偏移信息的窗口 302和窗口 304。例如，窗口 302可表示電子書應(yīng)用程序的圖形用戶界面。電子書應(yīng)用程序的開發(fā)者可以將窗口 302的像素配置為具有對(duì)應(yīng)于打開的書本的輪廓的標(biāo)高偏移信息，如參照?qǐng)D4將更詳細(xì)地描述的。在一些實(shí)現(xiàn)方式中，窗口 304可被配置為具有像素偏移信息來(lái)將圖形元素與不同標(biāo)高相關(guān)聯(lián)。例如，窗口 304可具有凸起按鈕306，其中按鈕306的像素被配置為具有正的標(biāo)高偏移。窗口 304可具有凹進(jìn)圖像308，例如，其中凹進(jìn)圖像308的像素被配置為具有負(fù)的標(biāo)高偏移。在一些實(shí)現(xiàn)方式中，可通過(guò)考慮像素標(biāo)高偏移信息而生成投射到窗口 302和304上的陰影。因此，根據(jù)指派給窗口的像素的像素標(biāo)高偏移信息，在窗口 302和304上生成的陰影可以具有輪廓的、紋理的和/或變化的呈現(xiàn)。圖4示出了配置有像素標(biāo)高偏移信息的示例顯示對(duì)象302。例如，顯示對(duì)象302可被配置為具有輪廓的表面402。輪廓的表面402可通過(guò)將顯示對(duì)象302的像素配置具有標(biāo)高偏移信息而生成。例如，輪廓的表面402的虛線中的每個(gè)點(diǎn)可表示像素和顯示對(duì)象302的該像素的對(duì)應(yīng)標(biāo)高。例如，如果顯示對(duì)象302是用于電子書應(yīng)用程序的圖形用戶界面，則顯示對(duì)象302的每個(gè)像素可被配置為具有模擬物理書本的輪廓的標(biāo)高偏移。例如，書頁(yè)側(cè)面(例如，在書本的模擬的裝訂處)的像素的標(biāo)高偏移值可具有小的偏移404，而接近書頁(yè)中間的像素的標(biāo)高偏移值可具有較大的偏移406。當(dāng)電子書界面被渲染在計(jì)算設(shè)備的屏幕上時(shí)，像素標(biāo)高偏移可從為顯示對(duì)象302所確定的標(biāo)高中添加(或減去)。在一些實(shí)現(xiàn)方式中，像素標(biāo)高偏移信息可被用來(lái)生成投射陰影。例如，光標(biāo)108投射陰影410在顯示對(duì)象302上。由于顯示對(duì)象302被配置為具有模擬打開的書本的輪廓的像素標(biāo)高偏移信息，陰影410可被生成為遵循書本的輪廓。例如，陰影410可基于為顯示對(duì)象302所確定的標(biāo)高和為顯示對(duì)象302的每個(gè)像素所配置的像素標(biāo)高偏移信息而生成。當(dāng)光標(biāo)108在書本上移動(dòng)時(shí)，光標(biāo)可被調(diào)整以遵循書本的輪廓，從而接近于真實(shí)生活中的陰影。在一些實(shí)現(xiàn)方式中，為顯示對(duì)象所生成的陰影可基于針對(duì)顯示對(duì)象的輸入而調(diào)整。例如，光標(biāo)108的陰影可如上所述地被生成。用戶可提供輸入至(或通過(guò))光標(biāo)108。用戶可執(zhí)行選擇操作(例如，鼠標(biāo)點(diǎn)擊)來(lái)使得光標(biāo)108之下的對(duì)象被選擇或以其它方式被操作。例如，顯示對(duì)象302可呈現(xiàn)模擬打開的書本的電子書應(yīng)用程序的輪廓的圖形用戶界面。顯示對(duì)象302可被配置為允許用戶使用光標(biāo)108翻轉(zhuǎn)書本的書頁(yè)。當(dāng)光標(biāo)108被定位在顯示對(duì)象302上面時(shí)，用戶可提供輸入至光標(biāo)108 (例如，鼠標(biāo)點(diǎn)擊)來(lái)使得電子書的書頁(yè)翻轉(zhuǎn)。在一些實(shí)現(xiàn)方式中，與光標(biāo)108相關(guān)聯(lián)的投射陰影可被調(diào)整以模擬將光標(biāo)降低到顯不對(duì)象302的表面上。例如，光標(biāo)108的標(biāo)聞可被調(diào)整直至光標(biāo)108的標(biāo)聞實(shí)質(zhì)上與顯示對(duì)象302的標(biāo)高相同。與光標(biāo)108相關(guān)聯(lián)的投射陰影可根據(jù)光標(biāo)108的標(biāo)高變化而被調(diào)整。因此，光標(biāo)投射陰影將被激活而移動(dòng)至更接近于光標(biāo)的位置，直至當(dāng)光標(biāo)看起來(lái)是觸摸顯不對(duì)象302的表面時(shí)(例如，光標(biāo)具有與顯不對(duì)象302表面實(shí)質(zhì)相同的標(biāo)聞，如果有的話，還包括任何標(biāo)高偏移)，它看起來(lái)位于光標(biāo)下面或消失為止。圖5示出了提供可配置像素標(biāo)高圖的示例圖形用戶界面編輯器500。在一些實(shí)現(xiàn)方式中，圖形用戶界面編輯器500可允許用戶界面開發(fā)者為圖形用戶界面元素和顯示對(duì)象指定標(biāo)高偏移信息。例如，開發(fā)者可設(shè)計(jì)應(yīng)用程序圖形用戶界面502。應(yīng)用程序GUI502可包括背景區(qū)域504和圖形元素506、508及510。例如，圖形元素506、508及510可以是圖像、按鈕、菜單或任何其他可被包括在圖形用戶界面中的圖形元素。GUI502可以是全彩色界面。在一些實(shí)現(xiàn)方式中，開發(fā)者可調(diào)用(invoke)圖形用戶界面502的灰度級(jí)位圖顯示?；叶燃?jí)位圖顯示可以是指示⑶1502的像素的標(biāo)高的全彩色⑶1502的灰度級(jí)表示。例如，像素的灰度級(jí)值(例如，亮度水平)可表示像素的標(biāo)高。在一些實(shí)現(xiàn)方式中，亮度水平對(duì)應(yīng)于黑色(例如，完全沒(méi)有照明)和白色(例如，完全照明)之間的范圍，并且可被表示為百分比(0-100%)、整數(shù)值(例如，如果每個(gè)像素使用8比特，則為0-255)、或者任何其他表不。在一些實(shí)現(xiàn)方式中，黑色可表不零標(biāo)聞(或最大標(biāo)聞)，而白色可表不最大標(biāo)聞(或最小標(biāo)聞)。黑色和白色之間的灰度值可對(duì)應(yīng)于零標(biāo)聞和最大標(biāo)聞之間的標(biāo)聞。在一些實(shí)現(xiàn)方式中，開發(fā)者可調(diào)整灰度級(jí)位圖顯示的像素來(lái)為圖形用戶界面502的像素指派標(biāo)高偏移值。例如，開發(fā)者可改變像素的灰度級(jí)值以導(dǎo)致像素的標(biāo)高的對(duì)應(yīng)變化。開發(fā)者可使用任何位圖編輯技術(shù)(例如，線條描繪、區(qū)域填充等)來(lái)改變像素的灰度級(jí)值。例如，開發(fā)者可選擇顯示元素506并提供輸入至圖形用戶界面編輯器以指示顯示元素的45%亮度的灰度級(jí)填充。圖6示出了包括標(biāo)高偏移信息的像素顏色數(shù)據(jù)500的示例。在一些實(shí)現(xiàn)方式中，一旦標(biāo)高偏移(例如，灰度級(jí)值)被指派給GUI502的像素，則標(biāo)高偏移可被與像素顏色數(shù)據(jù)500存儲(chǔ)在一起。像素顏色數(shù)據(jù)可以被存儲(chǔ)為能被用來(lái)為像素存儲(chǔ)顏色數(shù)據(jù)的多個(gè)比特(例如，8比特、16比特、32比特等)。例如，當(dāng)生成全彩色⑶1502時(shí)，⑶1502的每個(gè)像素的顏色數(shù)據(jù)可被存儲(chǔ)為32比特字，其中24比特用于紅色502(8比特)、綠色504(8比特)、藍(lán)色506 (8比特)(RGB)顏色數(shù)據(jù)。32比特字中剩余的8比特(Z508)可被用來(lái)存儲(chǔ)像素的標(biāo)高信息。例如，對(duì)應(yīng)于標(biāo)高的像素灰度級(jí)值可被存儲(chǔ)在剩余的8比特中。在一些實(shí)現(xiàn)方式中，像素標(biāo)高偏移信息可與像素顏色數(shù)據(jù)分離地存儲(chǔ)。在一些實(shí)現(xiàn)方式中，當(dāng)⑶1502在顯示屏上被渲染，像素顏色數(shù)據(jù)(R502，G504，B506)可被用來(lái)渲染⑶1502的金彩色顯示。在一些實(shí)現(xiàn)方式中，當(dāng)陰影和/或其他三維效果被渲染在顯示屏上，像素標(biāo)高偏移信息(Z508)可被用來(lái)渲染陰影和三維效果。因此，圖形用戶界面的每個(gè)像素可被配置為具有標(biāo)高偏移信息，從而允許圖形用戶界面被配置為具有輪廓和/或紋理的三維表面。這個(gè)像素標(biāo)高數(shù)據(jù)可被用來(lái)渲染能模擬或接近真實(shí)生活中的陰影的動(dòng)態(tài)陰影。
示例過(guò)程圖7是為顯示對(duì)象生成動(dòng)態(tài)陰影的示例過(guò)程700的流程圖。在一些實(shí)現(xiàn)方式中，陰影可基于為顯示對(duì)象所計(jì)算的標(biāo)高和顯示對(duì)象的像素的像素標(biāo)高偏移信息而動(dòng)態(tài)地生成。例如，像素標(biāo)高偏移可被添加至顯示對(duì)象的標(biāo)高以在顯示對(duì)象上提供有輪廓的、有紋理的和/或波形的表面。生成在顯示對(duì)象上的陰影可根據(jù)像素標(biāo)高偏移信息被動(dòng)態(tài)地調(diào)整以反映或表示顯示對(duì)象的有輪廓的、有紋理的和/或波形的表面。在步驟702，圖形用戶界面對(duì)象的標(biāo)高(例如，Z軸位置、坐標(biāo)、數(shù)值等)可被確定。例如，窗口、光標(biāo)、圖標(biāo)和/或其他用戶界面顯示對(duì)象的標(biāo)高可被確定。在一些實(shí)現(xiàn)方式中，顯示對(duì)象的標(biāo)高可相對(duì)于其他顯示對(duì)象而被確定。例如，如果顯示在用戶界面上的圖形對(duì)象以列表、陣列或其他集合數(shù)據(jù)類型被管理，則顯示對(duì)象可基于顯示對(duì)象在列表中的位置在標(biāo)高上被間隔開來(lái)，如上關(guān)于根據(jù)圖2所描述的。在步驟704，可獲取用于圖形用戶界面對(duì)象的像素標(biāo)高偏移信息。在一些實(shí)現(xiàn)方式中，圖形顯示對(duì)象可被配置為具有像素標(biāo)高偏移信息。例如，用戶界面開發(fā)者可生成顯示對(duì)象(例如，窗口、應(yīng)用程序用戶界面、圖標(biāo)等)并且用像素標(biāo)高偏移信息配置顯示對(duì)象來(lái)給予顯示對(duì)象的表面紋理、輪廓、波形和/或其他表面特性。在一些實(shí)現(xiàn)方式中，通過(guò)用像素標(biāo)高偏移信息配置顯示對(duì)象，用戶界面開發(fā)者可以采用本來(lái)平坦的顯示對(duì)象并賦予該顯示對(duì)象三維的外觀和感覺。在一些實(shí)現(xiàn)方式中，顯示對(duì)象的每個(gè)像素可被分別地配置有像素標(biāo)高偏移信息。一旦顯示對(duì)象已被配置有像素標(biāo)高偏移信息，像素標(biāo)高偏移信息可被訪問(wèn)并用來(lái)渲染顯示對(duì)象和陰影。
在步驟706，陰影可基于顯示對(duì)象的標(biāo)高和像素標(biāo)高偏移信息而被生成。在一些實(shí)現(xiàn)方式中，像素標(biāo)高可基于與像素相關(guān)聯(lián)的對(duì)象的標(biāo)高和為像素配置的標(biāo)高偏移而被計(jì)算。例如，如果顯示對(duì)象的像素具有標(biāo)高為五(5)的偏移并且該顯示對(duì)象具有為四十(40)的標(biāo)高，則該像素的標(biāo)高可被計(jì)算為四十五(45)。一旦像素標(biāo)高已被計(jì)算出，則像素標(biāo)高可被用來(lái)生成動(dòng)態(tài)陰影。例如，合并的標(biāo)高位圖(例如，用于渲染顯示的標(biāo)高位圖)可基于所計(jì)算的像素標(biāo)高被生成，其包括具有桌面之上的最高標(biāo)高的每個(gè)顯示對(duì)象的像素。例如，多個(gè)顯示對(duì)象可重疊,并且從而重疊的對(duì)象可具有帶有相同坐標(biāo)(例如，Χ、γ坐標(biāo))的像素。然而，重疊的像素的每個(gè)可具有不同的標(biāo)聞(Ζ值/坐標(biāo)，標(biāo)聞等)。在一些實(shí)現(xiàn)方式中，只有具有最聞標(biāo)聞的像素將被包括在合并的標(biāo)高位圖中。在一些實(shí)現(xiàn)方式中，可通過(guò)使用在每個(gè)像素基礎(chǔ)上確定陰影量的圖形處理單元(GPU)濾波器生成陰影。例如，通過(guò)搜索合并的標(biāo)高圖，濾波器能確定在一個(gè)標(biāo)高處的給定像素是否被在更高標(biāo)高處的像素所遮擋。如果該像素被遮擋，則GPU可基于兩個(gè)像素間的相對(duì)距離計(jì)算亮度值。亮度值然后可被用來(lái)調(diào)整陰影的不透明度和模糊半徑，使得落到標(biāo)高接近的像素上的陰影更尖銳，而落到距離更遠(yuǎn)的像素上的陰影更分散(diffuse)。在步驟708，包括顯示對(duì)象和陰影的圖形用戶界面可被顯示。例如，計(jì)算設(shè)備的圖形處理單元可渲染用戶界面，包括在顯示設(shè)備上的窗口、光標(biāo)、圖標(biāo)、其他顯示對(duì)象和它們的陰影。圖8是為顯示對(duì)象配置像素標(biāo)高偏移的示例過(guò)程800的流程圖。在一些實(shí)現(xiàn)方式中，顯示對(duì)象的像素標(biāo)高偏移信息可通過(guò)編輯與顯示對(duì)象對(duì)應(yīng)的灰度級(jí)位圖而被配置。在步驟802，圖形用戶界面編輯器可被顯示。在一些實(shí)現(xiàn)方式中，圖形用戶界面編輯器可被用戶界面開發(fā)者使用來(lái)生成圖形用戶界面元素(例如，應(yīng)用程序圖形用戶界面)。圖形用戶界面編輯器可呈現(xiàn)在構(gòu)建中的圖形用戶界面的全彩色顯示。在步驟804，像素標(biāo)高偏移位圖可被顯示。在一些實(shí)現(xiàn)方式中，用戶可提供輸入(例如，向菜單項(xiàng)目或工具欄)至圖形用戶界面編輯器來(lái)使編輯器顯示與圖形用戶界面相關(guān)聯(lián)的標(biāo)高圖。例如，圖形用戶界面的灰度級(jí)標(biāo)高位像可被顯示。位圖的每個(gè)像素的売度可表不與像素相關(guān)聯(lián)的標(biāo)聞。例如，如果黑色對(duì)應(yīng)于零標(biāo)聞且白色對(duì)應(yīng)于最聞標(biāo)聞，則灰度像素是具有在零標(biāo)聞(黑色)和最聞標(biāo)聞(白色)之間的標(biāo)聞的像素。在一些實(shí)現(xiàn)方式中，顯示對(duì)象的每個(gè)像素具有為零的默認(rèn)標(biāo)高。然而，如果顯示對(duì)象的像素已被配置有標(biāo)高值，則灰度級(jí)位圖的像素將反映為像素配置的標(biāo)高(例如，該像素將基于配置的標(biāo)高顯示黑色、白色或灰色)。在步驟806，像素標(biāo)高偏移信息可通過(guò)修改像素標(biāo)高偏移位圖而被調(diào)整。在一些實(shí)現(xiàn)方式中，圖形用戶界面開發(fā)者可編輯灰度級(jí)標(biāo)高位圖。例如，開發(fā)者可編輯位圖來(lái)改變像素的亮度?？墒褂霉奈粓D編輯技術(shù)執(zhí)行位圖的編輯。例如，可通過(guò)使用允許填充位圖區(qū)域、描繪線條以及其他位像編輯功能的位圖編輯器來(lái)編輯位圖。在步驟808，像素標(biāo)高偏移信息可被存儲(chǔ)。在一些實(shí)現(xiàn)方式中，像素標(biāo)高偏移信息可與顯示對(duì)象的像素顏色 數(shù)據(jù)一起被存儲(chǔ)。例如，像素的標(biāo)高數(shù)據(jù)可被存儲(chǔ)在用于存儲(chǔ)像素的顏色數(shù)據(jù)的相同數(shù)據(jù)結(jié)構(gòu)中，如參照?qǐng)D6所描述的。
示例性系統(tǒng)架構(gòu)
圖9是實(shí)現(xiàn)了圖1 8的特征和過(guò)程的示例性系統(tǒng)架構(gòu)的方框圖。架構(gòu)900可被實(shí)現(xiàn)在運(yùn)行從編譯指令得出的軟件應(yīng)用程序的任何電子設(shè)備上，電子設(shè)備包括但不局限于個(gè)人電腦、服務(wù)器、智能電話、媒體播放器、電子平板電腦、游戲操作桿、電子郵件設(shè)備等。在一些實(shí)現(xiàn)方式中，架構(gòu)900可包括一個(gè)或多個(gè)處理器902、一個(gè)或多個(gè)輸入設(shè)備904、一個(gè)或多個(gè)顯示設(shè)備906、一介或多個(gè)網(wǎng)絡(luò)接口 908、以及一個(gè)或多個(gè)計(jì)算機(jī)可讀介質(zhì)910。這些部件中的每一個(gè)都可通過(guò)總線912耦合。顯示設(shè)備906可以是任何已知的顯示技術(shù)，包括但不局限于使用液晶顯示(IXD)或發(fā)光二極管技術(shù)(LED)的顯示設(shè)備。處理器902可使用任何已知的處理器技術(shù)，包括但不局限于圖形處理器和多核處理器。輸入設(shè)備904可以是任何已知的輸入設(shè)備技術(shù)，包括但不局限于鍵盤(包括虛擬鍵盤)、鼠標(biāo)、軌跡球、以及觸敏板或觸敏顯示器?？偩€912可以是任何已知的內(nèi)部或外部總線技術(shù)，包括但不局限于ISA、EISA、PC1、PCI Express、NuBus、USB、串行ATA或FireWire。計(jì)算機(jī)可讀介質(zhì)910可以是參與將指令提供給處理器902以用于執(zhí)行的任何介質(zhì)，包括但不局限于非易失性存儲(chǔ)介質(zhì)(例如，光盤、磁盤、閃存驅(qū)動(dòng)等)或易失性介質(zhì)(例如，SDRAM、ROM等)。計(jì)算機(jī)可讀介質(zhì)910可包括用于實(shí)現(xiàn)操作系統(tǒng)(例如，Mac OS ,Windows ,Linux)的各種指令914。操作系統(tǒng)可以是多用戶的、多處理的、多任務(wù)的、多線程的、實(shí)時(shí)的等等。操作系統(tǒng)執(zhí)行基本任務(wù)，包括但不局限于:識(shí)別來(lái)自輸入設(shè)備904的輸入；將輸出發(fā)送至顯示設(shè)備906 ;保持對(duì)在計(jì)算機(jī)可讀介質(zhì)910上的文件和目錄的跟蹤；控制可直接或通過(guò)I/O控制器控制的外圍設(shè)備(例如，磁盤驅(qū)動(dòng)、打印機(jī)等)；以及管理總線912上的負(fù)荷。網(wǎng)絡(luò)通信指令916可建立和保持網(wǎng)絡(luò)連接(例如，用于執(zhí)行通信協(xié)議，例如TCP/IP、HTTP、以太網(wǎng)等的軟件)。圖形處理系統(tǒng)918可包括提供圖形和圖像處理能力的指令。例如，圖形處理系統(tǒng)918可實(shí)現(xiàn)參照?qǐng)D1 8描述的動(dòng)態(tài)界面陰影化。應(yīng)用程序920可以是被配置為支持動(dòng)態(tài)界面陰影化，或使用或?qū)崿F(xiàn)參照?qǐng)D1 8描述的過(guò)程的應(yīng)用程序。例如，與應(yīng)用程序920相關(guān)聯(lián)的圖形用戶界面可被配置有允許以更近似于真實(shí)生活的方式模擬陰影的像素標(biāo)高偏移信息。動(dòng)態(tài)圖形界面陰影化可被實(shí)現(xiàn)在操作系統(tǒng)914中。所描述的特征可有利地被實(shí)施于在可編程系統(tǒng)上可執(zhí)行的一個(gè)或多個(gè)計(jì)算機(jī)程序中，可編程系統(tǒng)包括至少一個(gè)耦合以從數(shù)據(jù)存儲(chǔ)系統(tǒng)接收數(shù)據(jù)和指令以及傳送數(shù)據(jù)和指令至數(shù)據(jù)存儲(chǔ)系統(tǒng)的可編程處理器、至少一個(gè)輸入設(shè)備和至少一個(gè)輸出設(shè)備。計(jì)算機(jī)程序是可在計(jì)算機(jī)中直接或間接使用以執(zhí)行特定的動(dòng)作或帶來(lái)特定的結(jié)果的計(jì)算機(jī)指令集。計(jì)算機(jī)程序可以任何形式的編程語(yǔ)言(例如，面向目標(biāo)的C、Java)編寫，包括編譯的或解釋的語(yǔ)言，并且它能以任何方式被使用，包括作為獨(dú)立程序或作為模塊、部件、子例程或其他適合在計(jì)算環(huán)境中使用的單元。舉例來(lái)說(shuō)，用于執(zhí)行指令程序的適合的處理器包括任何種類的電腦的通用微處理器和專用微處理器，以及單一處理器或者多處理器或多核中的一個(gè)。通常，處理器將從只讀存儲(chǔ)器或隨機(jī)存取存儲(chǔ)器或兩者中接收數(shù)據(jù)和指令。計(jì)算機(jī)的基本元件是用于執(zhí)行指令的處理器和用于存儲(chǔ)指令和數(shù)據(jù)的一個(gè)或多個(gè)存儲(chǔ)器。通常，計(jì)算機(jī)還將包括用于存儲(chǔ)數(shù)據(jù)文件的一個(gè)或多個(gè)大容量存儲(chǔ)設(shè)備或可操作地耦合來(lái)與之通信；這樣的設(shè)備包括磁盤，例如內(nèi)部硬盤和可移動(dòng)盤；磁化光盤；和光盤。適合有形地體現(xiàn)計(jì)算機(jī)程序指令和數(shù)據(jù)的存儲(chǔ)設(shè)備包括所有形式的非易失性存儲(chǔ)器，舉例來(lái)說(shuō)包括如EPROM、EEPROM和閃存存儲(chǔ)器設(shè)備之類的半導(dǎo)體存儲(chǔ)器設(shè)備；如內(nèi)部硬盤和可移動(dòng)盤之類的磁盤；磁化光盤；以及CD-ROM和DVD-ROM盤。處理器和存儲(chǔ)器可由ASIC (專用集成電路)補(bǔ)充，或被合并于其中。為了提供與用戶的交互，這些特征可被實(shí)現(xiàn)在計(jì)算機(jī)上，該計(jì)算機(jī)具有用于向用戶顯示信息的如CRT (陰極射線管)或LCD (液晶顯示)監(jiān)控器之類的顯示設(shè)備以及鍵盤和用戶可借助其提供輸入至計(jì)算機(jī)的如鼠標(biāo)或軌跡球之類的指示設(shè)備。這些特征可被實(shí)施在計(jì)算機(jī)系統(tǒng)中，該計(jì)算機(jī)系統(tǒng)包括如數(shù)據(jù)服務(wù)器之類的后端部件，或包括如應(yīng)用程序服務(wù)器或因特網(wǎng)服務(wù)器之類的中間件部件，或包括如具有圖形用戶界面或因特網(wǎng)瀏覽器的客戶端計(jì)算機(jī)之類的前端部件，或它們的任意組合。系統(tǒng)的部件可通過(guò)任何形式或如通信網(wǎng)絡(luò)之類的數(shù)字?jǐn)?shù)據(jù)通信介質(zhì)而被連接。通信網(wǎng)絡(luò)的例子包括，例如，LAN、WAN、以及形成因特網(wǎng)的計(jì)算機(jī)和網(wǎng)絡(luò)。計(jì)算機(jī)系統(tǒng)可包括客戶端和服務(wù)器?？蛻舳撕头?wù)器通常彼此距離很遠(yuǎn)，并且典型地通過(guò)網(wǎng)絡(luò)交互?？蛻舳撕头?wù)器的關(guān)系借助于遠(yuǎn)行在相應(yīng)的計(jì)算機(jī)上并且彼此之間具有客戶端-服務(wù)器關(guān)系的計(jì)算機(jī)程序產(chǎn)生。所公開的實(shí)施例的一個(gè)或多個(gè)特征或步驟可使用API而實(shí)現(xiàn)。API可定義在調(diào)用應(yīng)用程序與提供服務(wù)、提供數(shù)據(jù)或執(zhí)行操作或計(jì)算的其他軟件代碼(例如，操作系統(tǒng)、庫(kù)例程、函數(shù))之間傳遞的一個(gè)或多個(gè)參數(shù)。API可被實(shí)現(xiàn)為程序代碼中的一個(gè)或多個(gè)調(diào)用，其基于在API規(guī)范文檔中定義的調(diào)用規(guī)則通過(guò)參數(shù)表或其他結(jié)構(gòu)來(lái)發(fā)送或接收一個(gè)或多個(gè)參數(shù)。參數(shù)可以是常量、密鑰、數(shù)據(jù)結(jié)構(gòu)、對(duì)象、對(duì)象類、變量、數(shù)據(jù)類型、指針、數(shù)組、列表或另一個(gè)調(diào)用。API調(diào)用和參數(shù)可以任何編程語(yǔ)言實(shí)現(xiàn)。編程語(yǔ)言可定義編程者將使用來(lái)訪問(wèn)支持API的函數(shù)的詞匯表以及調(diào)用規(guī)則。在一些實(shí)現(xiàn)方式中，API調(diào)用能將運(yùn)行應(yīng)用程序的設(shè)備的能力報(bào)告給應(yīng)用程序，如輸入能力、輸出能力、處理能力、電力能力、通信能力等。已描述了多個(gè)實(shí)現(xiàn)方式。然而，應(yīng)當(dāng)理解，能做出多種修改。例如，其他步驟可被提供，或一些步驟可從描述的流程中刪除，并且其他的部件可被添加至描述的系統(tǒng)中，或者從其去除。相應(yīng)地，其他實(shí)現(xiàn)方式也在如下權(quán)利要求的范圍內(nèi)。圖10是根據(jù)公開內(nèi)容的實(shí)施例的設(shè)備1000的框圖。設(shè)備1000包括確定單元1002，被配置為確定第一圖形用戶界面元素的標(biāo)高值，其中標(biāo)高值對(duì)應(yīng)于沿著垂直于圖形用戶界面顯示器的軸的距離；獲取單元1004，被配置為獲取第一圖形用戶界面元素的像素的標(biāo)高偏移值；生成單元1006，被配置為基于所確定的標(biāo)高值和標(biāo)高偏移值生成與第二圖形用戶界面元素相關(guān)聯(lián)的陰影；以及顯示單元1008，被配置為顯示第一圖形用戶界面元素和陰影。優(yōu)選地，在一些示例中，第一圖形用戶界面元素是操作系統(tǒng)的窗口。優(yōu)選地，在一些示例中，第一圖形用戶界面元素是圖標(biāo)。優(yōu)選地，在一些示例中，確定單元1002進(jìn)一步地被配置為基于標(biāo)高值和標(biāo)高偏移值確定陰影的尺寸；并且生成單元1006進(jìn)一步地被配置為基于所確定的尺寸生成陰影。優(yōu)選地，在一些示例中，確定單元1002進(jìn)一步地被配置為基于標(biāo)高值和標(biāo)高偏移值確定陰影的不透明度；并且生成單元1006進(jìn)一步地被配置為基于所確定的不透明度生成陰影。優(yōu)選地，在一些示例中，確定單元1002進(jìn)一步地被配置為基于標(biāo)高值和標(biāo)高偏移值確定陰影的模糊半徑；并且生成單元1006進(jìn)一步地被配置為基于所確定的模糊半徑生成陰影。圖11是根據(jù)公開內(nèi)容的實(shí)施例的設(shè)備1100的框圖。設(shè)備1100包括顯示單元1102，被配置為在圖形用戶界面編輯器中顯示圖形用戶界面；接收單元1104，被配置為接收指定圖形用戶界面的像素的像素標(biāo)高偏移值的用戶輸入；以及存儲(chǔ)單元1106，被配置為存儲(chǔ)像素標(biāo)高偏移值。優(yōu)選地，在一些示例中，顯示單元1102進(jìn)一步地被配置為顯示圖形用戶界面的標(biāo)高圖，其中標(biāo)高圖的每個(gè)像素具有表示圖形用戶界面的對(duì)應(yīng)像素的標(biāo)高偏移的亮度值。優(yōu)選地，在一些示例中，設(shè)備1100進(jìn)一步地包括調(diào)整單元1108，并且其中接收單元1104進(jìn)一步地被配置為接收指示標(biāo)高圖的一個(gè)或多個(gè)像素的亮度值的輸入；調(diào)整單元1108進(jìn)一步地被配置為基于接收的亮度值調(diào)整標(biāo)高圖像素的亮度值；調(diào)整單元1108進(jìn)一步地被配置為基于接收的亮度值調(diào)整圖形用戶界面的對(duì)應(yīng)像素的標(biāo)高偏移；并且調(diào)整單元1108進(jìn)一步地被配置為基于接收的亮度值調(diào)整標(biāo)高圖的顯示。根據(jù)上文，公開內(nèi)容的一些示例涉及包括設(shè)備1000或1100的電子設(shè)備(1200或1300)。此處公開的多個(gè)單元可使用硬件、軟件或其組合來(lái)實(shí)現(xiàn)或執(zhí)行。它們通過(guò)通用的單一或多芯片處理器、數(shù)字信號(hào)處理器(DSP)、專用集成電路(ASIC)、現(xiàn)場(chǎng)可編程門陣列(FPGA)、或其他可編程邏輯設(shè)備、離散門或晶體管邏輯、離散硬件部件、或被設(shè)計(jì)來(lái)執(zhí)行此處所描述的功能的它們的任何組合來(lái)實(shí)現(xiàn)或執(zhí)行。通用處理器可以是微處理器，或任何傳統(tǒng)的處理器、控制器、微控制器或狀態(tài)機(jī)。處理器還可實(shí)現(xiàn)為計(jì)算設(shè)備的組合，例如，DSP和微處理器的組合、多個(gè)微處理器、與DSP核相結(jié)合的一個(gè)或多個(gè)處理器、或任何其他這樣的配置。在一些實(shí)現(xiàn)方式中，這些單元可被實(shí)現(xiàn)為給定功能特定的電路。因此，根據(jù)上文，公開內(nèi)容的一些示例涉及一種方法，包括:確定第一圖形用戶界面元素的標(biāo)高值，其中標(biāo)高值對(duì)應(yīng)于沿著與圖形用戶界面顯示器垂直的軸的距離；獲取第一圖形用戶界面元素的像素的標(biāo)高偏移值；基于所確定的標(biāo)高值和標(biāo)高偏移值生成與第二圖形用戶界面元素相關(guān)聯(lián)的陰影；并且顯示第一圖形用戶界面元素和陰影?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，第一圖形用戶界面元素是操作系統(tǒng)的窗口?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，第一圖形用戶界面元素是圖標(biāo)?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，該方法進(jìn)一步包括基于標(biāo)高值和標(biāo)高偏移值確定陰影的尺寸；并且基于所確定的尺寸生成陰影。可補(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，該方法進(jìn)一步包括基于標(biāo)高值和標(biāo)高偏移值確定陰影的不透明度；并且基于所確定的不透明度生成陰影?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，該方法進(jìn)一步包括基于標(biāo)高值和標(biāo)高偏移值確定陰影的模糊半徑；并且基于所確定的模糊半徑生成陰影。公開內(nèi)容的一些示例涉及一種方法，包括:在圖形用戶界面編輯器中，顯示圖形用戶界面；接收指定用戶圖形界面的像素的像素標(biāo)高偏移值的用戶輸入；并且存儲(chǔ)像素標(biāo)高偏移值?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，該方法進(jìn)一步包括顯示圖形用戶界面的標(biāo)高圖，其中標(biāo)高圖的每個(gè)像素具有表示圖形用戶界面的對(duì)應(yīng)像素的標(biāo)高偏移的亮度值?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，該方法進(jìn)一步包括接收指示標(biāo)高圖的一個(gè)或多個(gè)像素的亮度值的輸入；基于接收的売度值，調(diào)整標(biāo)聞圖像素的売度值；基于接收的売度值，調(diào)整對(duì)應(yīng)圖形用戶界面像素的標(biāo)聞偏移；并且基于接收的売度值，調(diào)整売度圖的顯不。公開內(nèi)容的一些示例涉及包括一個(gè)或多個(gè)指令序列的非暫存計(jì)算機(jī)可讀介質(zhì)，指令序列被一個(gè)或多個(gè)處理器執(zhí)行時(shí)導(dǎo)致:確定第一圖形用戶界面元素的標(biāo)高值，其中標(biāo)高值對(duì)應(yīng)于沿著與圖形用戶界面顯示器垂直的軸的距離；獲取第一圖形用戶界面元素的像素的標(biāo)高偏移值；基于所確定的標(biāo)高值和標(biāo)高偏移值，生成與第二圖形用戶界面元素相關(guān)聯(lián)的陰影；并且顯示第一圖形用戶界面元素和陰影。可補(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，第一圖形用戶界面元素是操作系統(tǒng)的窗口?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，第一圖形用戶界面元素是圖標(biāo)?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，指令進(jìn)一步導(dǎo)致基于標(biāo)高值和標(biāo)高偏移值確定陰影的尺寸；并且基于所確定的尺寸生成陰影?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中指令進(jìn)一步導(dǎo)致基于標(biāo)高值和標(biāo)高偏移值確定陰影的不透明度；并且基于所確定的不透明度生成陰影?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，指令進(jìn)一步導(dǎo)致基于標(biāo)高值和標(biāo)高偏移值確定陰影的模糊半徑；并且基于所確定的模糊半徑生成陰影。公開內(nèi)容的一些示例涉及包括一個(gè)或多個(gè)指令序列的非暫存計(jì)算機(jī)可讀介質(zhì)，指令序列被一個(gè)或多個(gè)處理器執(zhí)行時(shí)導(dǎo)致:在圖形用戶界面編輯器中，顯示圖形用戶界面；接收指定圖形用戶界面的像素的像素標(biāo)高偏移值的用戶輸入；并且存儲(chǔ)像素標(biāo)高偏移值?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，指令進(jìn)一步導(dǎo)致顯示圖形用戶界面的標(biāo)高圖，其中標(biāo)高圖的每個(gè)像素具有表示圖形用戶界面的對(duì)應(yīng)像素的標(biāo)高偏移的亮度值?？裳a(bǔ)充或可替代地，對(duì)于上文公開的一個(gè)或多個(gè)示例，在一些示例中，指令進(jìn)一步導(dǎo)致接收指示標(biāo)高圖的一個(gè)或多個(gè)像素亮度值的輸入；基于接收的亮度值調(diào)整標(biāo)高圖像素的亮度值；基于接收的亮度值調(diào)整對(duì)應(yīng)圖形用戶界面像素的標(biāo)高偏移；并且基于接收的売度值調(diào)整標(biāo)聞圖的顯不。公開內(nèi)容的一些示例涉及一種方法，包括:接收針對(duì)計(jì)算設(shè)備的觸摸界面的觸摸輸入；確定與觸摸輸入相關(guān)聯(lián)的觸摸界面的區(qū)域；確定第一圖形用戶界面元素的標(biāo)高值，其中標(biāo)高值對(duì)應(yīng)于沿著與圖形用戶界面顯示器垂直的軸的距離；獲取第一圖形用戶界面元素的像素的標(biāo)聞偏移值；基于該區(qū)域、所確定的標(biāo)聞值和標(biāo)聞偏移值生成與觸摸輸入相關(guān)聯(lián)的陰影；并且顯示第一圖形用戶界面元素和陰影。
權(quán)利要求
1.一種方法，包括: 確定第一圖形用戶界面元素的標(biāo)高值，其中所述標(biāo)高值對(duì)應(yīng)于沿著與圖形用戶界面顯示器垂直的軸的距離； 獲取所述第一圖形用戶界面元素的像素的標(biāo)高偏移值； 基于所確定的標(biāo)高值和所述標(biāo)高偏移值，生成與第二圖形用戶界面元素相關(guān)聯(lián)的陰影；并且 顯示所述第一圖形用戶界面元素和所述陰影。
2.如權(quán)利要求1所述的方法，其中所述第一圖形用戶界面元素是操作系統(tǒng)的窗口。
3.如權(quán)利要求1所述的方法，其中所述第一圖形用戶界面元素是圖標(biāo)。
4.如權(quán)利要求1所述的方法，進(jìn)一步包括: 基于所述標(biāo)高值和所述標(biāo)高偏移值，確定所述陰影的尺寸；并且 基于所確定的尺寸生成所述陰影。
5.如權(quán)利要求1所述的方法，進(jìn)一步包括: 基于所述標(biāo)高值和所述標(biāo)高偏移值，確定所述陰影的不透明度；并且 基于所確定的不透明度生成所述陰影。
6.如權(quán)利要求1所述的方法，進(jìn)一步包括: 基于所述標(biāo)高值和所述標(biāo)高偏移值，確定所述陰影的模糊半徑；并且 基于所確定的模糊半徑 生成所述陰影。
7.一種方法，包括: 在圖形用戶界面編輯器中，顯示圖形用戶界面； 接收指定所述圖形用戶界面的像素的像素標(biāo)高偏移值的用戶輸入；并且 存儲(chǔ)所述像素標(biāo)高偏移值。
8.如權(quán)利要求7所述的方法，進(jìn)一步包括: 顯示所述圖形用戶界面的標(biāo)高圖，其中所述標(biāo)高圖的每個(gè)像素具有表示所述圖形用戶界面的對(duì)應(yīng)像素的標(biāo)高偏移的亮度值。
9.如權(quán)利要求8所述的方法，進(jìn)一步包括: 接收指示所述標(biāo)高圖的一個(gè)或多個(gè)像素的亮度值的輸入； 基于接收的亮度值調(diào)整標(biāo)高圖像素的所述亮度值； 基于接收的亮度值調(diào)整對(duì)應(yīng)的圖形用戶界面像素的所述標(biāo)高偏移；并且 基于接收的売度值調(diào)整所述標(biāo)聞圖的顯不。
10.一種設(shè)備，包括: 確定單元，被配置為確定第一圖形用戶界面元素的標(biāo)高值，其中所述標(biāo)高值對(duì)應(yīng)于沿著與圖形用戶界面顯示器垂直的軸的距離； 獲取單元，被配置為獲取所述第一圖形用戶界面元素的像素的標(biāo)高偏移值； 生成單元，被配置為基于所確定的標(biāo)高值和所述標(biāo)高偏移值，生成與第二圖形用戶界面元素相關(guān)聯(lián)的陰影；以及 顯示單元，被配置為顯示所述第一圖形用戶界面元素和所述陰影。
11.如權(quán)利要求10所述的設(shè)備，其中所述第一圖形用戶界面元素是操作系統(tǒng)的窗口。
12.如權(quán)利要求10所述的設(shè)備，其中所述第一圖形用戶界面元素是圖標(biāo)。
13.如權(quán)利要求10所述的設(shè)備，其中: 所述確定單元進(jìn)一步被配置為基于所述標(biāo)高值和所述標(biāo)高偏移值，確定所述陰影的尺寸；并且 所述生成單元進(jìn)一步被配置為基于所確定的尺寸生成所述陰影。
14.如權(quán)利要求10所述的設(shè)備，其中: 所述確定單元進(jìn)一步被配置為基于所述標(biāo)高值和所述標(biāo)高偏移值，確定所述陰影的不透明度；并且 所述生成單元進(jìn)一步被配置為基于所確定的不透明度生成所述陰影。
15.如權(quán)利要求10所述的設(shè)備，其中: 所述確定單元進(jìn)一步被配置為基于所述標(biāo)高值和所述標(biāo)高偏移值，確定所述陰影的模糊半徑；并且 所述生成單元進(jìn)一步被配置為基于所確定的模糊半徑生成所述陰影。
16.—種設(shè)備,包括: 顯示單元，被配置為在圖形用戶界面編輯器中，顯示圖形用戶界面； 接收單元，被配置為接收指定所述圖形用戶界面的像素的像素標(biāo)高偏移值的用戶輸入；以及 存儲(chǔ)單元，被配置為存儲(chǔ)所述像素標(biāo)高偏移值。
17.如權(quán)利要求16所述的設(shè)備，其中: 所述顯示單元進(jìn)一步被配置為顯示所述圖形用戶界面的標(biāo)高圖，其中所述標(biāo)高圖的每個(gè)像素具有表示所述圖形用戶界面的對(duì)應(yīng)像素的標(biāo)高偏移的亮度值。
18.如權(quán)利要求17所述的設(shè)備，進(jìn)一步包括調(diào)整單元，并且其中: 所述接收單元進(jìn)一步被配置為接收指示所述標(biāo)高圖的一個(gè)或多個(gè)像素的亮度值的輸A ； 所述調(diào)整單元被配置為基于接收的亮度值調(diào)整所述標(biāo)高圖像素的亮度值； 所述調(diào)整單元進(jìn)一步被配置為基于接收的亮度值調(diào)整對(duì)應(yīng)的圖形用戶界面像素的所述標(biāo)高偏移；并且 所述調(diào)整單元進(jìn)一步被配置為基于接收的亮度值調(diào)整所述標(biāo)高圖的顯示。
19.一種方法，包括 接收針對(duì)計(jì)算設(shè)備的觸摸界面的觸摸輸入； 確定與所述觸摸輸入相關(guān)聯(lián)的所述觸摸界面的區(qū)域； 確定第一圖形用戶界面元素的標(biāo)高值，其中所述標(biāo)高值對(duì)應(yīng)于沿著與圖形用戶界面顯示器垂直的軸的距離； 獲取所述第一圖形用戶界面元素的像素的標(biāo)高偏移值； 基于所述區(qū)域、所確定的標(biāo)高值和所述標(biāo)高偏移值，生成與所述觸摸輸入相關(guān)聯(lián)的陰影；并且 顯示所述第一圖形用戶界面元素和所述陰影。
20.一種電子設(shè)備，包括根據(jù)權(quán)利要求10-18中任一項(xiàng)所述的設(shè)備。
全文摘要
描述了動(dòng)態(tài)圖形界面陰影。更具體而言，描述了動(dòng)態(tài)窗口陰影和光標(biāo)陰影。在一些實(shí)現(xiàn)方式中，圖形用戶界面顯示對(duì)象可被配置有標(biāo)高偏移信息，來(lái)給予顯示對(duì)象可具有不同高度的像素的三維顯示表面。在一些實(shí)現(xiàn)方式中，在配置有像素標(biāo)高偏移信息的顯示對(duì)象上渲染的陰影可被調(diào)整以反映對(duì)象的三維表面，從而更接近于真實(shí)生活中的陰影。在一些實(shí)現(xiàn)方式中，陰影可根據(jù)其被投影于其上的顯示對(duì)象的標(biāo)高被實(shí)時(shí)地動(dòng)態(tài)渲染和調(diào)整。
文檔編號(hào)G06F3/0488GK103198516SQ201210473228
公開日2013年7月10日 申請(qǐng)日期2012年9月28日 優(yōu)先權(quán)日2011年11月29日
發(fā)明者N·V·金, D·R·克爾 申請(qǐng)人:蘋果公司