專利名稱:基于觸摸輸入來(lái)對(duì)齊用戶界面元素的制作方法
基于觸摸輸入來(lái)對(duì)齊用戶界面元素
背景技術(shù):
具有用戶可以通過(guò)直接操縱而向計(jì)算機(jī)系統(tǒng)提供輸入的各種方式,其中用戶與用戶界面元素交互而無(wú)需屏幕上光標(biāo)的幫助。這種直接操縱與其中由用戶諸如利用鼠標(biāo)或滾輪來(lái)操縱屏幕上光標(biāo)的間接操縱形成對(duì)比。直接操縱形式的示例包括利用手指或手寫筆對(duì)觸敏式表面進(jìn)行的觸摸輸入;對(duì)數(shù)字化儀表面進(jìn)行的數(shù)位筆輸入;利用麥克風(fēng)捕獲的語(yǔ)音輸入;以及提供給運(yùn)動(dòng)捕獲設(shè)備(諸如MICROSOFT KINECT運(yùn)動(dòng)捕獲設(shè)備)的身體姿態(tài)或眼睛追蹤輸入。具體參考觸摸輸入,用戶可以諸如利用他或她的手指或手寫筆、通過(guò)觸摸觸敏式表面而向計(jì)算機(jī)系統(tǒng)提供輸入。這種觸敏式表面的示例是如同在許多膝上型計(jì)算機(jī)中找到的跟蹤墊,其中用戶沿著表面移動(dòng)其手指,并且這些手指移動(dòng)被反映為顯示設(shè)備上的光標(biāo)或指針移動(dòng)。這種觸敏式表面的另一個(gè)示例是如同在許多移動(dòng)電話中找到的觸摸屏,其中觸敏式表面被集成到顯示設(shè)備中,并且其中用戶沿著顯示設(shè)備本身移動(dòng)其手指,而且這些手指移動(dòng)被解釋成針對(duì)計(jì)算機(jī)進(jìn)行的輸入。也具有用于在針對(duì)計(jì)算機(jī)系統(tǒng)進(jìn)行輸入的同時(shí)使用多根手指的通用技術(shù)。這些技術(shù)有時(shí)被稱為“多點(diǎn)”或“多點(diǎn)觸摸(multi-touch)”?!岸帱c(diǎn)”手勢(shì)通常是牽涉多根手指或其他輸入設(shè)備的手勢(shì),而“多點(diǎn)觸摸”手勢(shì)通常是牽涉與觸摸表面的多個(gè)區(qū)域交互的手勢(shì), 但是該術(shù)語(yǔ)通常被用作“多點(diǎn)”的同義詞。如在這里使用的,這些術(shù)語(yǔ)都將用于表示包括多根手指或其他輸入設(shè)備的使用的手勢(shì)。這樣的多點(diǎn)手勢(shì)的示例是用戶將兩根手指按壓在觸敏式表面上并向下拖曳這些手指,而且這種輸入被解釋成向下滾動(dòng)桌面上的活動(dòng)窗口。用于用戶輸入至觸敏式表面的當(dāng)前技術(shù)以及其他形式的直接操縱受到限制并且具有許多問(wèn)題,其中的一些問(wèn)題是眾所周知的。
發(fā)明內(nèi)容
因此,提供用于改善的直接操縱輸入的發(fā)明將是一種改進(jìn)。本發(fā)明涉及用于操縱視頻、圖像、文本列或嵌入窗口或諸如網(wǎng)頁(yè)之類的頁(yè)面內(nèi)的其他元素的方式。一般具有用于控制窗口的大小或縮放的公知技術(shù)。例如,用戶可以在觸敏式表面的區(qū)域上輕叩兩次,以放大與所輕叩的區(qū)域相對(duì)應(yīng)的顯示的部分。也具有分別允許用戶放大和縮小的“捏(pinch)”和“反向捏(reverse-pinch)”手勢(shì)。在捏手勢(shì)中,用戶將兩根手指放在觸敏式表面上并將這些手指靠攏(將這些手指拖曳得更為靠近),而這通常被解釋成以被“捏”的區(qū)域?yàn)橹行牡目s小的輸入。在反向捏手勢(shì)中,用戶將兩根手指放在觸敏式表面上并隨后將這些手指分開(kāi)(將這些手指拖曳得分開(kāi)),這通常被解釋成以被“反向捏”的區(qū)域?yàn)橹行牡姆糯蟮妮斎搿]p叩、捏和反向捏手勢(shì)具有的問(wèn)題是這些手勢(shì)為用戶提供糟糕的手段來(lái)實(shí)現(xiàn)共同目標(biāo),即將用戶界面的元素(諸如視頻、圖像或文本列)“對(duì)齊(snap)”到邊界(頻繁地,顯示區(qū)域的邊緣)。極大地受益于對(duì)齊技術(shù)的情形是將視頻縮放至全屏,即將視頻的外邊緣縮放到顯示區(qū)域的邊緣(顯示區(qū)域包括其上顯示視頻的顯示器,或那個(gè)顯示器的不同部分,諸如那個(gè)顯示器內(nèi)的窗口)。用戶可以使用反向捏手勢(shì)來(lái)將視頻縮放至全屏,但是難以精確地這樣做,這是因?yàn)槭褂糜脩舻氖种覆倏v視頻無(wú)法精確到確切的像素?cái)?shù)量,用戶可能將視頻縮放至超出全屏,這意味著沒(méi)有顯示視頻中的一些,或者用戶可能沒(méi)有將視頻縮放至全屏, 這意味著視頻沒(méi)有如希望的那樣填滿整個(gè)屏幕。此外,即使諸如在元素上輕叩之類的當(dāng)前技術(shù)導(dǎo)致元素對(duì)齊到邊界,這種技術(shù)也損害用戶體驗(yàn),這是因?yàn)檫@種技術(shù)不能讓用戶相信他在控制該操縱。當(dāng)用戶輕叩某元素時(shí), 可能出現(xiàn)的情況不是將這個(gè)元素對(duì)齊到邊界,而正是包圍這個(gè)元素的第二元素被對(duì)齊到邊界。在這樣的情況下,留給用戶的感覺(jué)就好像他沒(méi)有在控制該計(jì)算機(jī)。用于為了對(duì)齊而間接操縱元素的技術(shù)在直接操縱環(huán)境中工作糟糕。如果用戶利用光標(biāo)來(lái)對(duì)齊或解除對(duì)齊(unsnap)某元素,則在移動(dòng)鼠標(biāo)的用戶的手的位置(或用戶如何以其他方式提供間接輸入)與被操縱的光標(biāo)和元素之間沒(méi)有直接關(guān)系。由于用戶沒(méi)有在直接操縱該元素,所以用戶沒(méi)有注意到在元素解除對(duì)齊時(shí),它沒(méi)有“趕上”用戶的手位置,而甚至在該元素被對(duì)齊時(shí)用戶的手仍繼續(xù)移動(dòng)。相反,它只是解除對(duì)齊。這在直接操縱情形中不起作用,這是因?yàn)楝F(xiàn)在用戶在觸摸屏上的手指(舉例來(lái)說(shuō))使該元素領(lǐng)先一段距離。為了在直接操縱情形中提供更好的用戶體驗(yàn),該元素必須在解除對(duì)齊之后趕上用戶的手指(或其他形式的直接操縱)。本發(fā)明克服這些問(wèn)題。在示例實(shí)施例中,當(dāng)用戶反向捏以放大視頻時(shí),本發(fā)明追蹤縮放的量。當(dāng)用戶已縮放至其中視頻的維度之一(高度或?qū)挾?達(dá)到某閾值的點(diǎn)(諸如顯示設(shè)備的維度的某個(gè)百分比,例如視頻的寬度達(dá)到顯示設(shè)備的寬度的80%)時(shí),本發(fā)明確定以全屏來(lái)顯示該視頻,并將該視頻“對(duì)齊”到全屏。本發(fā)明可以利用動(dòng)畫來(lái)這樣做,諸如擴(kuò)展視頻以填滿整個(gè)屏幕。在另一示例實(shí)施例中,用戶執(zhí)行直接操縱輸入,以便將元素朝著其上應(yīng)用對(duì)齊的閾值移動(dòng)。當(dāng)該元素達(dá)到對(duì)齊閾值(諸如屏幕上的位置)時(shí),它被對(duì)齊到對(duì)齊位置。當(dāng)用戶繼續(xù)對(duì)元素提供直接操縱時(shí),它保持被對(duì)齊到該對(duì)齊位置,直至用戶的直接操縱達(dá)到解除對(duì)齊閾值(諸如屏幕上的另一位置)。該元素隨后從對(duì)齊閾值中解除對(duì)齊,并且比直接操縱更快地移動(dòng)該元素,直至該元素趕上直接操縱。例如,如果觸摸屏上的手指用于通過(guò)按下其中顯示元素的屏幕的部分而移動(dòng)該元素,那么在該元素重新開(kāi)始被顯示在手指所觸摸的觸摸屏的部分上時(shí),該元素趕上直接操縱。在這里論述的本發(fā)明的主要實(shí)施例牽涉視頻的維度的操縱。如在這里所使用的, 維度的提及應(yīng)被讀作也包括視頻位置的改變。這樣的其中視頻位置的改變導(dǎo)致對(duì)齊的情形可能是視頻的位置被移動(dòng)的情形,以致它足夠靠近顯示區(qū)域的邊緣,從而確定該視頻將被對(duì)齊到顯示區(qū)域的邊緣。具有在附圖的詳細(xì)描述中描述的本發(fā)明的其他方面。這些方面包括通過(guò)操縱元素的俯仰或偏航或通過(guò)操縱其變換(其在區(qū)域內(nèi)的中心點(diǎn))而將元素對(duì)齊到邊界。如在這里所使用的,“視頻”可以指視頻本身或其中可以播放視頻的容器,即使在用戶作出全屏縮放手勢(shì)或其他手勢(shì)時(shí)在該容器中可能無(wú)法播放視頻。可以意識(shí)到本發(fā)明可以應(yīng)用于靜止圖像、文本和其他元素以及視頻,但是在這里將視頻作為主要實(shí)施例來(lái)論述。
也可以意識(shí)到視頻可能沒(méi)有與播放該視頻的顯示設(shè)備相同的維度或?qū)捀弑?。例如,視頻可能具有4 :3寬高比(其中視頻的寬度是視頻的高度的4/3倍),并且它可能被顯示在具有16 9寬高比的顯示設(shè)備上。在這種情況下,當(dāng)視頻擴(kuò)大時(shí),其高度可能在其寬度達(dá)到顯示器的寬度之前達(dá)到顯示器的高度。因而,在這種情況下,全屏可能被認(rèn)為是將視頻填充,以致視頻的高度被設(shè)置為與顯示設(shè)備的高度即“限制維度”一樣大。然后,顯示設(shè)備的剩余部分可以利用除了視頻之外的某物諸如黑色(有時(shí)也被稱為“黑條”)來(lái)填充。在其中視頻的寬高比不同于顯示設(shè)備的寬高比的另一情形中,全屏可以包括“修剪”該視頻,其中該視頻被擴(kuò)大,直至顯示器的每一個(gè)像素被該視頻占用,即使沒(méi)有顯示該視頻的某些部分。如果使用上面的4 3視頻和16 9顯示設(shè)備的示例,該視頻可以被擴(kuò)大, 直至視頻的寬度等于顯示設(shè)備的寬度。這將導(dǎo)致視頻的頂部和底部的某些部分被“剪斷”或不被顯示,但是該視頻的某些部分將占據(jù)該顯示設(shè)備的全部。這有時(shí)被稱為“填充”屏幕。用于使用觸摸手勢(shì)來(lái)將視頻縮放至全屏的發(fā)明的其他實(shí)施例存在,并且參考附圖的詳細(xì)描述來(lái)描述這樣的一些示例。
參考附圖來(lái)進(jìn)一步描述用于使用觸摸手勢(shì)將視頻縮放至全屏的系統(tǒng)、方法和計(jì)算機(jī)可讀媒體,其中
圖1描繪其中能夠?qū)崿F(xiàn)本發(fā)明的實(shí)施例的方面的示例的通用計(jì)算環(huán)境。圖2描繪包括其中能夠?qū)崿F(xiàn)本發(fā)明的實(shí)施例的方面的觸敏式表面的示例計(jì)算機(jī)。圖3描繪顯示用戶使用反向捏手勢(shì)縮放的視頻的示例觸敏顯示器。圖4描繪在用戶繼續(xù)使用反向捏手勢(shì)縮放時(shí)圖3的示例觸敏顯示器。圖5描繪在用戶已使用反向捏手勢(shì)縮放至達(dá)到閾值之后圖4的示例觸敏顯示器, 其中在所述閾值,本發(fā)明導(dǎo)致視頻以全屏模式進(jìn)行顯示。圖6描繪比較用戶的一根或多根手指隨時(shí)間的移動(dòng)與由用戶操縱的元素的位置的示例圖表。圖7、8、9和10描繪在與圖6的圖表有關(guān)的四個(gè)相應(yīng)的不同時(shí)間點(diǎn)上用戶的一根或多根手指的位置以及由用戶操縱的元素的位置。圖11描繪比較用戶的一個(gè)或多個(gè)手指隨時(shí)間的移動(dòng)與由用戶操縱的元素的位置的另一示例圖表。圖12描繪比較用戶的一個(gè)或多個(gè)手指隨時(shí)間的移動(dòng)與由用戶操縱的元素的位置的另一示例圖表。圖13、14、15和16描繪在與6的圖表有關(guān)的四個(gè)相應(yīng)的不同時(shí)間點(diǎn)上用戶的一根或多根手指的位置以及由用戶以不同于圖7-10中描繪的方式來(lái)操縱的元素的位置。圖17描繪用于使用觸摸手勢(shì)將視頻縮放至全屏的示例操作程序。
具體實(shí)施例方式實(shí)施例可以在一個(gè)或多個(gè)計(jì)算機(jī)系統(tǒng)上運(yùn)行。圖1和下面的討論旨在提供其中可以實(shí)現(xiàn)所披露主題的合適計(jì)算環(huán)境的簡(jiǎn)要的一般性描述。在整個(gè)說(shuō)明書中使用的術(shù)語(yǔ)處理器能夠包括硬件組件,諸如硬件中斷控制器、網(wǎng)絡(luò)適配器、圖形處理器、基于硬件的視頻/音頻編解碼器以及用于操作這樣的硬件的固件。 術(shù)語(yǔ)處理器也能夠包括微處理器、專用集成電路和/或一個(gè)或多個(gè)邏輯處理器,例如利用從固件和/或軟件中讀取的指令配置的多核通用處理單元的一個(gè)或多個(gè)核心。一個(gè)或多個(gè)邏輯處理器能夠利用從例如RAM、ROM、固件之類的存儲(chǔ)器和/或大容量存儲(chǔ)設(shè)備中裝載的體現(xiàn)可操作來(lái)執(zhí)行一個(gè)或多個(gè)功能的邏輯的指令來(lái)配置?,F(xiàn)在參考圖1,描繪示例的通用計(jì)算系統(tǒng)。該通用計(jì)算系統(tǒng)能夠包括常規(guī)計(jì)算機(jī) 20等等,其包括至少一個(gè)處理器或處理單元21、系統(tǒng)存儲(chǔ)器22以及在該系統(tǒng)處于操作狀態(tài)中時(shí)將包括系統(tǒng)存儲(chǔ)器的各種系統(tǒng)組件通信耦合至處理單元21的系統(tǒng)總線23。系統(tǒng)總線23可以是若干類型的總線結(jié)構(gòu)之中的任何一種,其包括存儲(chǔ)器總線或存儲(chǔ)控制器、外設(shè)總線以及使用各種總線架構(gòu)中的任何一種的本地總線。系統(tǒng)存儲(chǔ)器能夠包括只讀存儲(chǔ)器 (R0M)24以及隨機(jī)存取存儲(chǔ)器(RAMM5。在ROM 24中存儲(chǔ)基本輸入/輸出系統(tǒng)^(BIOS), 其包含諸如在啟動(dòng)期間幫助在計(jì)算機(jī)20內(nèi)的元素之間傳送信息的基本例程。計(jì)算機(jī)20可以進(jìn)一步包括用于讀取和寫入硬盤(未顯示)的硬盤驅(qū)動(dòng)器27、用于讀取或?qū)懭肟刹鹦洞疟P 29的磁盤驅(qū)動(dòng)器觀以及用于讀取或?qū)懭胫T如CD ROM或其他光學(xué)媒體之類的可拆卸光盤 31的光盤驅(qū)動(dòng)器30。硬盤驅(qū)動(dòng)器27、磁盤驅(qū)動(dòng)器觀以及光盤驅(qū)動(dòng)器30被顯示為分別通過(guò)硬盤驅(qū)動(dòng)器接口 32、磁盤驅(qū)動(dòng)器接口 33和光盤驅(qū)動(dòng)器接口 34被連接到系統(tǒng)總線23。這些驅(qū)動(dòng)器及其相關(guān)聯(lián)的計(jì)算機(jī)可讀媒體提供用于計(jì)算機(jī)20的計(jì)算機(jī)可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序模塊以及其他數(shù)據(jù)的非易失性存儲(chǔ)設(shè)備。雖然在這里描述的示例的環(huán)境采用硬盤、可拆卸磁盤四以及可拆卸光盤31,但是本領(lǐng)域技術(shù)人員應(yīng)意識(shí)到在示例的操作環(huán)境中也可以使用其他類型的能夠存儲(chǔ)計(jì)算機(jī)可訪問(wèn)的數(shù)據(jù)的計(jì)算機(jī)可讀媒體,諸如閃存卡、數(shù)字視頻光盤、隨機(jī)存取存儲(chǔ)器(RAM)、只讀存儲(chǔ)器(ROM)等等。一般而言,在一些實(shí)施例中能夠使用這樣的計(jì)算機(jī)可讀存儲(chǔ)媒體來(lái)存儲(chǔ)體現(xiàn)目前披露的各方面的處理器可執(zhí)行指令。包括計(jì)算機(jī)可讀指令的許多程序模塊可以被存儲(chǔ)在諸如硬盤、磁盤四、光盤31、 ROM對(duì)或肌11 25之類的計(jì)算機(jī)可讀媒體上,其包括操作系統(tǒng)35、一個(gè)或多個(gè)應(yīng)用程序36、 其他程序模塊37以及程序數(shù)據(jù)38。在由處理單元運(yùn)行時(shí),計(jì)算機(jī)可讀指令引起在下文更詳細(xì)描述的動(dòng)作被執(zhí)行,或者引起各種程序模塊被實(shí)例化。用戶可以通過(guò)諸如鍵盤40和指示設(shè)備42之類的輸入設(shè)備將命令和信息輸入到計(jì)算機(jī)20中。其他的輸入設(shè)備(未顯示)可以包括麥克風(fēng)、操縱桿、游戲墊、碟形衛(wèi)星天線、掃描儀等等。這些和其他輸入設(shè)備時(shí)常通過(guò)耦合到系統(tǒng)總線的串行端口接口 46而被連接到處理單元21,但是可以利用其他的接口諸如并行端口、游戲端口或通用串行總線(USB)來(lái)連接。監(jiān)視器47、顯示器或其他類型的顯示設(shè)備也能夠經(jīng)由諸如視頻適配器48之類的接口而被連接到系統(tǒng)總線23。除了顯示器47之外,計(jì)算機(jī)通常還包括其他的外設(shè)輸出設(shè)備(未顯示),諸如揚(yáng)聲器和打印機(jī)。圖1的示例系統(tǒng)也包括主機(jī)適配器55、小型計(jì)算機(jī)系統(tǒng)接口(SCSI)總線56以及連接到SCSI總線56的外部存儲(chǔ)設(shè)備62。計(jì)算機(jī)20可以使用至一臺(tái)或多臺(tái)遠(yuǎn)程計(jì)算機(jī)、諸如遠(yuǎn)程計(jì)算機(jī)49的邏輯連接而操作在聯(lián)網(wǎng)的環(huán)境中。遠(yuǎn)程計(jì)算機(jī)49可以是另一計(jì)算機(jī)、服務(wù)器、路由器、網(wǎng)絡(luò)PC、對(duì)等設(shè)備或其他的公共網(wǎng)絡(luò)節(jié)點(diǎn),并且通常能夠包括在上文相對(duì)于計(jì)算機(jī)20所描述的許多或所有的元素,但是在圖1中僅僅示出了記憶存儲(chǔ)設(shè)備50。圖1中所描繪的邏輯連接能夠包括局域網(wǎng)(LAN)51和廣域網(wǎng)(WAN)52。這樣的聯(lián)網(wǎng)環(huán)境在辦公室、企業(yè)范圍內(nèi)計(jì)算機(jī)網(wǎng)絡(luò)、內(nèi)聯(lián)網(wǎng)以及因特網(wǎng)中是司空見(jiàn)慣的。當(dāng)在LAN聯(lián)網(wǎng)環(huán)境中使用時(shí),計(jì)算機(jī)20能夠通過(guò)網(wǎng)絡(luò)接口或適配器53而被連接到LAN 51。當(dāng)在WAN聯(lián)網(wǎng)環(huán)境中使用時(shí),計(jì)算機(jī)20能夠通常包括調(diào)制解調(diào)器M或用于在諸如因特網(wǎng)之類的廣域網(wǎng)52上建立通信的其他裝置??梢允莾?nèi)部或外部的調(diào)制解調(diào)器M 能夠經(jīng)由串行端口接口 46而被連接到系統(tǒng)總線23。在聯(lián)網(wǎng)的環(huán)境中,相對(duì)于計(jì)算機(jī)20所描繪的程序模塊或其中的部分可以被存儲(chǔ)在遠(yuǎn)程記憶存儲(chǔ)設(shè)備中。將意識(shí)到所顯示的網(wǎng)絡(luò)連接是示例性的,并且可以使用在計(jì)算機(jī)之間建立通信鏈路的其他手段。此外,雖然設(shè)想當(dāng)前披露的眾多實(shí)施例特別適合于計(jì)算機(jī)化系統(tǒng),但是這個(gè)文件中沒(méi)有任何內(nèi)容意在將本披露限于這樣的實(shí)施例。計(jì)算機(jī)20的系統(tǒng)存儲(chǔ)器22可以包括在由計(jì)算機(jī)20運(yùn)行時(shí)使得計(jì)算機(jī)20實(shí)現(xiàn)本發(fā)明的指令,諸如圖17的操作程序,其用于實(shí)行圖3-16中所描繪的本發(fā)明的各方面。圖2描繪包括觸敏式表面的示例計(jì)算機(jī),其中能夠?qū)崿F(xiàn)本發(fā)明的實(shí)施例的方面。 圖2的觸摸屏200在圖1的計(jì)算環(huán)境100中可以被實(shí)現(xiàn)為顯示器47。此外,計(jì)算機(jī)200的存儲(chǔ)器214可以包括在由計(jì)算機(jī)200運(yùn)行時(shí)使得計(jì)算機(jī)200實(shí)現(xiàn)本發(fā)明的指令,諸如圖17 的操作程序,其用于實(shí)行圖3-16中所描繪的本發(fā)明的各方面。交互顯示設(shè)備200 (有時(shí)被稱為觸摸屏或觸敏顯示器)包括投影顯示系統(tǒng),該系統(tǒng)具有圖像源202、可選地用于增加投影顯示器的光學(xué)路徑長(zhǎng)度和圖像大小的一個(gè)或多個(gè)反射鏡204以及圖像被投影到其上面的水平顯示屏206。雖然在投影顯示系統(tǒng)的上下文中進(jìn)行顯示,但是將明白交互顯示設(shè)備可以包括任何其他的適當(dāng)圖像顯示系統(tǒng),這包括但不限于液晶顯示(LCD)面板系統(tǒng)以及其他的光閥系統(tǒng)。此外,雖然在水平顯示系統(tǒng)的上下文中進(jìn)行顯示,但是將明白所披露的實(shí)施例可以在任何方位的顯示器中進(jìn)行使用。顯示屏206包括清澈的諸如玻璃板的透明部分208以及部署在清澈的透明部分 208之上的漫射屏幕層210。在一些實(shí)施例中,可以在漫射屏幕層210上部署附加的透明層 (未顯示),以便為顯示屏提供光滑的外觀和感覺(jué)。利用圖2繼續(xù),交互顯示設(shè)備200進(jìn)一步包括電子控制器212,該控制器包括存儲(chǔ)器214和處理器216。控制器212也可以包括被配置成與其他設(shè)備通信的無(wú)線發(fā)射機(jī)和接收機(jī)218。該控制器212可以包括存儲(chǔ)在存儲(chǔ)器214上或存儲(chǔ)在其他的計(jì)算機(jī)可讀存儲(chǔ)媒體上并由處理器216運(yùn)行的計(jì)算機(jī)可執(zhí)行指令或代碼,諸如程序,這些指令或代碼控制下面更詳細(xì)描述的針對(duì)檢測(cè)到的觸摸的不同視覺(jué)響應(yīng)。一般而言,程序包括執(zhí)行特定任務(wù)或?qū)崿F(xiàn)特定抽象數(shù)據(jù)類型的例程、對(duì)象、組件、數(shù)據(jù)結(jié)構(gòu)等等。在這里使用的術(shù)語(yǔ)“程序”可以暗示單個(gè)程序或共同行動(dòng)的多個(gè)程序,并且可以用于表示應(yīng)用、服務(wù)或任何其他類型或種類的程序。為了感測(cè)位于顯示屏206上的對(duì)象,交互顯示設(shè)備200包括一個(gè)或多個(gè)圖像捕獲設(shè)備220,這些圖像捕獲設(shè)備被配置成捕獲顯示屏206的整個(gè)背面的圖像,并將圖像提供給電子控制器212,以便檢測(cè)在圖像中出現(xiàn)的對(duì)象。漫射屏幕層210有助于避免沒(méi)有與顯示屏206接觸或未位于顯示屏206的幾毫米范圍內(nèi)的對(duì)象的成像,并因此有助于確保只有正在觸摸顯示屏206 (或者在一些情況中,非??拷@示屏206)的對(duì)象被圖像捕獲設(shè)備220 檢測(cè)到。雖然所描繪的實(shí)施例包括單個(gè)圖像捕獲設(shè)備220,但是將理解任何適當(dāng)數(shù)量的圖像捕獲設(shè)備可以用于成像顯示屏206的背面。此外,將理解在這里使用的術(shù)語(yǔ)“觸摸”可
8以包括物理觸摸和/或非??拷@示屏的對(duì)象的“幾乎觸摸”。圖像捕獲設(shè)備220可以包括任何適當(dāng)?shù)膱D像感測(cè)機(jī)制。適當(dāng)?shù)膱D像感測(cè)機(jī)制的示例包括但不限于CXD (電荷耦合器件)和CMOS (互補(bǔ)金屬氧化物半導(dǎo)體)圖像傳感器。此外, 圖像感測(cè)機(jī)制可以在足夠的頻率或幀速率上捕獲顯示屏206的圖像,以便以所需的速率來(lái)檢測(cè)對(duì)象在顯示屏206上的運(yùn)動(dòng)。在其他的實(shí)施例中,掃描激光器可以與適當(dāng)?shù)墓怆姍z測(cè)器結(jié)合使用,以獲得顯示屏206的圖像。圖像捕獲設(shè)備220可以被配置成檢測(cè)任何適當(dāng)波長(zhǎng)的、包括但不限于紅外和可見(jiàn)波長(zhǎng)的反射或發(fā)射的能量。為了協(xié)助檢測(cè)放置在顯示屏206上的對(duì)象,圖像捕獲設(shè)備220 可以進(jìn)一步包括被配置成產(chǎn)生紅外或可見(jiàn)光的附加光源222,諸如一個(gè)或多個(gè)發(fā)光二極管 (LED)。來(lái)自光源222的光可以被放置在顯示屏222上的對(duì)象反射,并隨后被圖像捕獲設(shè)備 220檢測(cè)。使用紅外LED而不是可見(jiàn)光LED可能有助于避免沖洗掉在顯示屏206上投影圖像的外觀。圖2也描繪觸摸顯示屏的用戶的手的手指226。雖然在這里的實(shí)施例在用戶的手指觸摸觸敏顯示器的上下文中進(jìn)行描述,但是將理解這些概念可以擴(kuò)展到檢測(cè)在顯示屏 206上任何其他適當(dāng)?shù)奈锢韺?duì)象,這包括但不限于手寫筆、手機(jī)、智能電話、相機(jī)、PDA、媒體播放器、其他的便攜式電子項(xiàng)、條形碼以及其他光學(xué)可讀標(biāo)簽等等。此外,雖然在光學(xué)觸摸感應(yīng)機(jī)制的上下文中進(jìn)行披露,但是將理解在這里披露的概念可以與任何適當(dāng)?shù)挠|摸感應(yīng)機(jī)制一起使用。術(shù)語(yǔ)“觸敏顯示器”在這里用于不僅描述所描繪實(shí)施例的顯示屏206、光源222以及圖像捕獲設(shè)備220,而且還用于描述任何其他的適當(dāng)?shù)娘@示屏以及相關(guān)聯(lián)的觸摸感應(yīng)機(jī)制和系統(tǒng),這包括但不限于電容式和電阻式觸摸感應(yīng)機(jī)制。圖3-5描繪用戶經(jīng)由至觸敏顯示器的輸入來(lái)操縱元素的示例。雖然在詳細(xì)描述中論述的主要實(shí)施例是觸敏顯示器的實(shí)施例,但是可以意識(shí)到這些技術(shù)可以應(yīng)用于其他形式的直接操縱,這包括針對(duì)數(shù)字化儀表面的數(shù)位筆輸入、利用麥克風(fēng)捕獲的語(yǔ)音輸入以及提供給運(yùn)動(dòng)捕獲設(shè)備的身體姿態(tài)或眼睛追蹤輸入。圖3描繪示例觸敏顯示器(諸如圖2的觸敏顯示器200)300,其顯示包含視頻304的網(wǎng)頁(yè)302,其中用戶使用利用兩根手指306a和 306b作出的反向捏手勢(shì)來(lái)縮放該視頻。這種反向捏手勢(shì)僅僅在圖3所描繪的點(diǎn)上擴(kuò)大視頻,而不將它對(duì)齊到邊界(諸如將它對(duì)齊到全屏模式)。圖4描繪在用戶繼續(xù)使用反向捏手勢(shì)縮放時(shí)圖3的示例觸敏顯示器。此時(shí),用戶繼續(xù)采用反向捏手勢(shì)來(lái)分開(kāi)其手指306。作為這種持續(xù)手勢(shì)的結(jié)果,視頻304相對(duì)地是較大的或被放大。視頻304的維度即其寬度現(xiàn)在已達(dá)到將視頻對(duì)齊到全屏模式的閾值。如所描繪的,視頻304的寬度是顯示區(qū)域的寬度的75%。如果75%是用于將縮放視頻對(duì)齊到全屏模式的下閾值,那么該視頻可以被對(duì)齊到全屏模式。圖5描繪在用戶已使用反向捏手勢(shì)(使用手指306a和306b)縮放至達(dá)到其中本發(fā)明引起視頻304以全屏模式進(jìn)行顯示的閾值之后圖4的示例觸敏顯示器300。該視頻現(xiàn)在占用觸敏顯示器300的整個(gè)顯示區(qū)域,并且沒(méi)有網(wǎng)頁(yè)302的非視頻部分是可見(jiàn)的。圖6描繪比較用戶的一根或多根手指隨時(shí)間的移動(dòng)與由用戶操縱的元素的位置的示例圖表。圖6中所描繪的圖表可以用于確定何時(shí)將圖3-5的視頻對(duì)齊到全屏模式或者從全屏模式中解除對(duì)齊圖3-5的視頻。圖6中描述的圖表在χ軸602上繪制時(shí)間,并且在y軸604上從參考點(diǎn)(相對(duì)于絕對(duì)位置)繪制位置。繪制在圖表上的是用戶的一根或多根手指隨時(shí)間的位置606以及由用戶操縱的元素隨時(shí)間的位置608。如利用用戶的一根或多根手指隨時(shí)間的位置606的曲線所描繪的,用戶以恒定的速率移動(dòng)其一根或多根手指。用戶移動(dòng)其一根或多根手指來(lái)操縱元素,但是如利用該元素隨時(shí)間的位置608的曲線所描繪的,該元素并沒(méi)有以恒定的速率移動(dòng)。相反,當(dāng)元素的位置達(dá)到下對(duì)齊閾值612時(shí),該元素對(duì)齊到對(duì)齊位置610。換言之,當(dāng)用戶移動(dòng)該元素并且它接近對(duì)齊閾值(諸如顯示區(qū)域的邊緣)時(shí),該元素被對(duì)齊到對(duì)齊位置 610 (這么顯示的原因在于該元素的位置對(duì)于某段時(shí)間沒(méi)有隨時(shí)間而改變,即使正在操縱該元素的用戶的一根或多根手指隨時(shí)間而改變)??梢砸庾R(shí)到當(dāng)達(dá)到下對(duì)齊閾值612時(shí),該元素沒(méi)有立即對(duì)齊到對(duì)齊位置610 (如果是這種情況的話,那么該元素在下對(duì)齊閾值612與對(duì)齊位置610之間的位置將被繪制成垂直線)。相反,該元素的移動(dòng)朝著對(duì)齊位置610加速,如在那個(gè)部分期間具有比在前一部分期間更陡峭的斜率的該元素隨時(shí)間的位置608的曲線的那個(gè)部分所反映的。當(dāng)用戶繼續(xù)朝著上對(duì)齊閾值614將其手指移動(dòng)經(jīng)過(guò)下對(duì)齊閾值612時(shí),該元素的位置不改變,而是保持在對(duì)齊位置610上。當(dāng)用戶手指的位置達(dá)到上對(duì)齊閾值614時(shí),該元素的位置“解除對(duì)齊”,并以比用戶手指的位置更快的變化率移動(dòng),直至它趕上用戶手指的位置。元素616、618、620和622描繪這些移動(dòng)發(fā)生的不同時(shí)間,并且將參照?qǐng)D7_10更詳細(xì)進(jìn)行解釋。也在圖6中描繪的是元素的變換624,即其在區(qū)域內(nèi)的中心點(diǎn)。當(dāng)用戶移動(dòng)其手指時(shí),不僅該元素當(dāng)處于下對(duì)齊閾值612與上對(duì)齊閾值614之間時(shí)從對(duì)齊位置中對(duì)齊和解除對(duì)齊,而且元素的變換624當(dāng)處于下對(duì)齊閾值612與上對(duì)齊閾值614之間時(shí)被改變。如所描繪的,當(dāng)用戶手指的位置達(dá)到下對(duì)齊閾值612時(shí),元素的變換增加,并隨后被保持在這個(gè)升高的水平上,直至用戶手指的位置達(dá)到上對(duì)齊閾值614,在那種情形下它被降到其初始值。圖7-10描述用戶的一根或多根手指以及由用戶操縱的元素在與圖6的圖表有關(guān)的三個(gè)相應(yīng)的不同時(shí)間點(diǎn)上的位置。在圖7-10中,顯示包含嵌入視頻702的網(wǎng)頁(yè)700。用戶以反向捏手勢(shì)將其手指704彼此移開(kāi),以擴(kuò)大視頻。圖7-10描繪用戶執(zhí)行導(dǎo)致以下發(fā)生的操作在顯示設(shè)備上顯示用戶界面,該用戶界面包括第一區(qū)域;確定包括用戶界面的直接操縱的用戶輸入指示將第一區(qū)域的維度修改成閾值;在顯示設(shè)備上顯示被對(duì)齊到邊界的第一區(qū)域,其中在顯示被對(duì)齊到邊界的第一區(qū)域之前,第一區(qū)域和用戶輸入具有相對(duì)的位置;確定包括用戶界面的直接操縱的第二用戶輸入指示將第一區(qū)域的維度或位置修改成第二閾值;在顯示設(shè)備上顯示被解除對(duì)齊到邊界的第一區(qū)域;以及在與第二用戶輸入的當(dāng)前位置相對(duì)的位置中顯示第一區(qū)域。即,在元素或第一區(qū)域?qū)R到邊界之后,用戶手指的位置繼續(xù)移動(dòng)。稍后,當(dāng)?shù)谝晃恢媒獬龑?duì)齊時(shí),它趕上用戶的手指,于是它具有與在對(duì)齊之前相同的與手指相對(duì)的位置。這與當(dāng)前形式的間接操縱形成對(duì)比,其中被解除對(duì)齊的元素沒(méi)有趕上相對(duì)于用戶的鼠標(biāo)(或用戶用于間接操縱的其他輸入設(shè)備)的相對(duì)位置。在描繪圖6的時(shí)間616的圖7中,用戶的手指正在以視頻正在擴(kuò)大的相同速率分開(kāi)(或者如果速率不是相同的,那么在手指分開(kāi)的速率與視頻擴(kuò)大的速率之間具有線性關(guān)系)。元素704的變換6 此時(shí)保持不變,即它仍舊以顯示區(qū)域700的中心的下方和左側(cè)為中心。
在描繪圖6的時(shí)間618的圖8中,用戶已將視頻擴(kuò)大至它已達(dá)到下對(duì)齊閾值612 的點(diǎn),并且視頻現(xiàn)在已被對(duì)齊到對(duì)齊位置610,其中對(duì)齊位置在這里被描繪為顯示區(qū)域的邊界。在對(duì)齊到對(duì)齊位置610中,該視頻已移動(dòng)比手指自圖7中描繪的時(shí)間以來(lái)所移動(dòng)的更大的量。元素704的變換擬4現(xiàn)在已被改變。但是元素704原本沒(méi)有以顯示區(qū)域700為中心,而現(xiàn)在元素704以顯示區(qū)域700為中心。在描繪圖6的時(shí)間620的圖9中,用戶繼續(xù)將其手指分開(kāi),但是由于這些手指仍舊位于下對(duì)齊閾值612與上對(duì)齊閾值614之間的區(qū)域內(nèi),所以視頻的位置不改變,即它保持在全屏模式中。同樣,元素704的變換6M保持與圖8中所描繪的相同(并且不同于圖7中所描繪的)。元素704已被變換,因此它是以顯示區(qū)域700為中心的。在描繪圖6的時(shí)間622的圖10中,用戶繼續(xù)分開(kāi)其手指,并且現(xiàn)在這些手指經(jīng)過(guò)上對(duì)齊閾值614。因而,視頻已被解除對(duì)齊,并且繼續(xù)擴(kuò)大而經(jīng)過(guò)其處于全屏模式中的點(diǎn)(因此在顯示區(qū)域中不顯示該視頻的一些部分)。元素704的變換624已返回到圖7的變換,即以顯示區(qū)域700的中心的下方和左側(cè)為中心。圖11描繪比較用戶的一根或多根手指隨時(shí)間的移動(dòng)與由用戶操縱的元素的位置的另一個(gè)示例圖表。在圖11中描繪的圖表可以用于確定何時(shí)將圖3-5的視頻對(duì)齊到全屏模式或者從全屏模式中解除對(duì)齊圖3-5的視頻。圖11中所描述的圖表與圖6中所描繪的圖表的不同之處在于在圖11中,用戶分開(kāi)其手指,隨后靠攏其手指,而在圖6中,用戶僅僅分開(kāi)其手指。在圖11中,用戶最初分開(kāi)其手指,并在手指的位置增大時(shí),用戶正在操縱的元素的位置也增大。當(dāng)元素的位置達(dá)到下對(duì)齊閾值612時(shí),它對(duì)齊到對(duì)齊位置610。在該元素已對(duì)齊到對(duì)齊位置610之后,但是在用戶手指的位置已達(dá)到上對(duì)齊閾值614之前,用戶改變其手指的方向。但是之前它們正在分開(kāi),而現(xiàn)在它們正在靠攏。即使它們開(kāi)始靠攏,元素的位置保持被對(duì)齊到對(duì)齊位置610。只在用戶已將其手指靠攏到低于下對(duì)齊閾值612之后,該元素才解除對(duì)齊,并開(kāi)始減少大小。圖12描繪比較用戶的一根或多根手指隨時(shí)間的移動(dòng)與由用戶操縱的元素的位置的另一個(gè)示例圖表。圖11中所描繪的圖表可以用于確定何時(shí)將圖3-5的視頻對(duì)齊到全屏模式或從全屏模式中解除對(duì)齊圖3-5的視頻。圖12中描繪的圖表與圖6中所描繪的圖表相類似之處在于在兩個(gè)圖中,手指的位置單調(diào)增大。圖12中所描繪的圖表與圖6中所描繪的圖表的不同之處在于在圖12中,用戶作出輕彈手勢(shì),其中該手勢(shì)包括簡(jiǎn)短的移動(dòng),并且為該手勢(shì)計(jì)算的慣性用于確定被操縱的元素的附加移動(dòng),而在圖6中,沒(méi)有這樣的計(jì)算, 并且用戶在不斷地提供真正的輸入。圖13、14、15和16描繪位于與圖6的圖表有關(guān)的四個(gè)相應(yīng)的不同時(shí)間點(diǎn)上用戶的一根或多根手指以及由用戶以不同于圖7-10中所描繪的方式操縱的元素的位置。在圖13-16中,顯示包含嵌入視頻304的網(wǎng)頁(yè)302。用戶將其手指306向右移動(dòng), 以便將視頻向右移動(dòng)。在描繪圖6的時(shí)間616的圖13中,用戶已將其手指306向右移動(dòng)一段距離,但是尚未滿足下對(duì)齊閾值1302,并且在手指306已移動(dòng)以及視頻304已移動(dòng)的速率和距離之間具有線性關(guān)系。在描繪6的時(shí)間618的圖14中,用戶已將其手指移動(dòng)經(jīng)過(guò)下對(duì)齊閾值1302 (但是在上對(duì)齊閾值1306之前)。結(jié)果,視頻304被對(duì)齊到對(duì)齊位置1304。在對(duì)齊到對(duì)齊位置1304中,視頻已移動(dòng)比手指306自圖13中描繪的時(shí)間以來(lái)已移動(dòng)的更大的量。在描繪圖6的時(shí)間620的圖15中,用戶繼續(xù)向右移動(dòng)其手指306,但是由于手指 306仍然位于下對(duì)齊閾值1302與上對(duì)齊閾值1306之間的區(qū)域內(nèi),所以視頻的位置不改變, 即它保持被對(duì)齊到對(duì)齊位置1304。在描述圖6的時(shí)間622的圖16中,用戶繼續(xù)向右移動(dòng)其手指306,并且現(xiàn)在手指經(jīng)過(guò)上對(duì)齊閾值1306。因而,視頻304已被解除對(duì)齊,并且已“趕上”手指306,以致在圖16中所描繪的手指306和視頻304之間的相對(duì)位置與圖13中所描繪的手指306和視頻304之間的相對(duì)位置是相同的。圖17描繪用于使用觸摸手勢(shì)將某個(gè)區(qū)域?qū)R到對(duì)齊邊界的示例操作程序。圖17 的操作程序可以用于實(shí)行圖3-5、7-10或17-16中所描繪的用戶界面或繪制在圖6、11和12 所描繪的隨時(shí)間的手指位置與相應(yīng)元素位置的圖表。圖17的操作程序開(kāi)始于操作1700。 操作1700導(dǎo)致操作1702。操作1702描繪在顯示設(shè)備上顯示用戶界面,該用戶界面包括第一區(qū)域。例如,用戶界面可以包括網(wǎng)頁(yè),并且第一區(qū)域可以包括被嵌入到那個(gè)網(wǎng)頁(yè)中的嵌入視頻。其中顯示第一區(qū)域的用戶界面可能占據(jù)整個(gè)顯示設(shè)備的視覺(jué)輸出或其子集,諸如在顯示設(shè)備的視覺(jué)輸出的部分中顯示的窗口。在實(shí)施例中,第一區(qū)域包括其中可以顯示視頻、圖像或文本欄的區(qū)域。第一區(qū)域可以包括這樣的區(qū)域,其中可以定義邊界或維度,以致在確定維度等于閾值時(shí),邊界可以被對(duì)齊到對(duì)齊邊界。操作1704包括確定第一區(qū)域包括視覺(jué)媒體。這個(gè)操作可以包括(諸如通過(guò)解析構(gòu)成網(wǎng)頁(yè)的超文本標(biāo)記語(yǔ)言HTML以及其他代碼或文檔的文檔對(duì)象模型D0M)解析其中顯示該視頻的網(wǎng)頁(yè),以確定第一區(qū)域包含視覺(jué)媒體,諸如視頻或圖像。操作1706包括確定第一區(qū)域的維度的大小。至于操作1704,這個(gè)操作可以包括 諸如通過(guò)評(píng)估為網(wǎng)頁(yè)中的第一區(qū)域定義的“高度”或“寬度”屬性,解析其中顯示該視頻的網(wǎng)頁(yè)。操作1708包括確定第一區(qū)域的寬高比。至于操作1704和1706,這可以包括諸如通過(guò)評(píng)估為網(wǎng)頁(yè)中的第一區(qū)域定義的“高度”和“寬度”屬性二者以確定寬高比(視覺(jué)媒體的寬高比通常是寬度與高度之比)來(lái)解析其中顯示該視頻的網(wǎng)頁(yè)。操作1710描繪確定在觸摸輸入設(shè)備上接收的用戶輸入指示將第一區(qū)域的維度修改成閾值。這個(gè)用戶輸入可以包括反向捏手勢(shì)。在實(shí)施例中,操作1710包括確定用戶輸入指示將第一區(qū)域的高度、寬度、維度或面積增大到閾值。用戶可以進(jìn)行觸摸輸入來(lái)移動(dòng)第一區(qū)域或?qū)Φ谝粎^(qū)域進(jìn)行放大。這個(gè)用戶輸入可以如下進(jìn)行處理分別移動(dòng)第一區(qū)域或縮放第一區(qū)域,只要輸入不導(dǎo)致第一區(qū)域的維度被修改成閾值(諸如被縮放,直至其寬度至少是顯示設(shè)備的顯示區(qū)域的寬度的75%)。在其中觸摸輸入設(shè)備和顯示設(shè)備包括觸摸屏的實(shí)施例中,用戶輸入在其中第一區(qū)域被顯示在觸摸屏上的位置上進(jìn)行接收??赡苁怯脩粽谑褂糜|摸屏,其中顯示設(shè)備本身被配置成接受顯示區(qū)域上的用戶觸摸輸入。如果牽涉觸摸屏,那么用戶可以通過(guò)觸摸其中顯示第一區(qū)域的觸摸屏的區(qū)域來(lái)與第一區(qū)域交互。操作1712描繪在顯示設(shè)備上顯示被對(duì)齊到邊界的第一區(qū)域。一旦確定用戶輸入已導(dǎo)致第一區(qū)域的維度等于閾值,用戶界面可能顯示被對(duì)齊到顯示設(shè)備的邊界的第一區(qū)域。這未必是顯示設(shè)備的邊界(顯示區(qū)域的最頂部、最左側(cè)、最右側(cè)或最底部部分),而是“對(duì)齊邊界”,即其中具有的維度高于閾值的元素(諸如第一區(qū)域)被對(duì)齊至的預(yù)定位置。例如, 對(duì)齊邊界可以牽涉對(duì)齊第一區(qū)域,以致它以顯示設(shè)備為中心。此外,在顯示設(shè)備上顯示被對(duì)齊到邊界的第一區(qū)域可以包括在全屏模式中顯示第一區(qū)域,其中該邊界包括顯示區(qū)域的最頂部、最左側(cè)、最右側(cè)和最底部部分。在實(shí)施例中,操作1712包括動(dòng)畫化從等于某閾值的第一區(qū)域的維度到在顯示設(shè)備上顯示被對(duì)齊到邊界的第一區(qū)域的變換。在其中用戶輸入指示以某速率增大第一區(qū)域的大小以及其中動(dòng)畫化變換包括以第二速率來(lái)動(dòng)畫化該變換的實(shí)施例中,第二速率大于該速率。一旦已確定將第一區(qū)域?qū)R到邊界,那么可能有益的是比用戶操縱第一區(qū)域更快地執(zhí)行這個(gè)對(duì)齊,以便加速該處理。在實(shí)施例中,操作1712包括在以全屏模式顯示第一區(qū)域之前,確定在觸摸輸入設(shè)備上接收的第二用戶輸入指示將維度修改為低于閾值;顯示第一區(qū)域,其中第一區(qū)域未被對(duì)齊到邊界;以及其中顯示被對(duì)齊到邊界的第一區(qū)域響應(yīng)于確定在觸摸輸入設(shè)備上接收的第三用戶輸入指示將維度修改成該閾值而發(fā)生。在用戶的輸入已導(dǎo)致第一區(qū)域達(dá)到閾值之后,他仍然可以解除該變化,以便將該區(qū)域?qū)R到邊界。用戶可以通過(guò)執(zhí)行指示以相反方式操縱第一區(qū)域的手勢(shì)來(lái)這樣做。例如,如果之前他正在分開(kāi)其手指以放大的話,他可以通過(guò)靠攏其手指以縮小來(lái)解除,或者如果之前他正在向右移動(dòng)其手指以便向右移動(dòng)該元素的話,他可以通過(guò)向左移動(dòng)其手指以便向左移動(dòng)該元素來(lái)解除。在實(shí)施例中,操作1712包括在將第一區(qū)域?qū)R到邊界時(shí),修改第一區(qū)域的變換、 俯仰或偏航。變換指的是第一區(qū)域是否是以其中它被對(duì)齊的區(qū)域?yàn)橹行摹@?,如果將第一區(qū)域?qū)R到邊界包括以全屏模式顯示第一區(qū)域,并且在這種對(duì)齊即將開(kāi)始的時(shí)候第一區(qū)域位于顯示區(qū)域的中心點(diǎn)的下方和左側(cè),第一區(qū)域的變換可以被修改,以致它以顯示區(qū)域?yàn)橹行?。在將第一區(qū)域?qū)R到邊界時(shí),第一區(qū)域的俯仰也可以被改變。例如,第一區(qū)域和顯示區(qū)域都可以是矩形,并且將第一區(qū)域?qū)R的邊界可以是顯示區(qū)域的邊界。如果將被對(duì)齊至邊界的第一區(qū)域的側(cè)邊與該邊界不平行的話,那么在第一區(qū)域的側(cè)邊與邊界之間存在俯仰差別,并且其在對(duì)齊處理期間被修改,以致邊緣與邊界齊平。第一區(qū)域的偏航也可以采用與區(qū)域的俯仰相類似的方式進(jìn)行修改。在諸如其中用戶界面是三維(3D)或者除了在笛卡爾坐標(biāo)系中的χ-y平面內(nèi)的值之外該用戶界面還具有ζ深度的某些情況下,第一區(qū)域的偏航可能不同于邊界的偏航。操作1714描繪確定在觸摸輸入設(shè)備上接收的第二用戶輸入指示將第一區(qū)域的維度修改成第二閾值;以及終止在顯示設(shè)備上顯示被對(duì)齊到邊界的第一區(qū)域。一旦顯示被對(duì)齊到邊界的第一區(qū)域,用戶可以提供輸入來(lái)解除這種對(duì)齊。這個(gè)輸入可以包括利用如以前一樣的導(dǎo)致對(duì)齊的其輸入或通過(guò)提供不同的輸入而繼續(xù)。例如,如圖6所示,用戶可以增大第一區(qū)域的縮放,直至維度達(dá)到下閾值612,并且第一區(qū)域被對(duì)齊到對(duì)齊位置。然后,當(dāng)用戶繼續(xù)移動(dòng)其手指并達(dá)到上閾值614時(shí),第一區(qū)域可以解除對(duì)齊。在這種情況下,第二閾值 (上閾值)不等于該閾值(下閾值),而是更大。同樣,如圖11所示,用戶可以通過(guò)將其手指位置增大直至再次達(dá)到下閾值而導(dǎo)致第一區(qū)域?qū)R。如所描繪的,進(jìn)行對(duì)齊和解除對(duì)齊都是在下閾值上完成的,但是可以意識(shí)到對(duì)于作為增大手指位置的結(jié)果而對(duì)齊第一區(qū)域而言,具有不同的閾值,以及對(duì)于作為減小手指位置的結(jié)果而解除對(duì)齊第一區(qū)域而言,具有不同的閾值。操作1716描繪顯示對(duì)于在第一區(qū)域中顯示的媒體的控制;以及響應(yīng)于確定在觸摸輸入設(shè)備上接收的用戶輸入指示將第一區(qū)域的維度修改成閾值而隱藏該控制。例如,當(dāng)用戶導(dǎo)致第一區(qū)域中的視頻對(duì)齊到全屏模式時(shí),這可能是因?yàn)橛脩粝M麖娘@示器向后坐下并觀看視頻。在這種情況下,用戶體驗(yàn)可以通過(guò)在視頻被對(duì)齊到全屏模式時(shí)隱藏這些媒體控制而得到改善??梢砸庾R(shí)到不需要圖17的所有操作來(lái)實(shí)現(xiàn)本發(fā)明的實(shí)施例,并且所描繪的操作的置換也可以在本發(fā)明的實(shí)施例中進(jìn)行實(shí)現(xiàn)。例如,本發(fā)明的實(shí)施例可以實(shí)現(xiàn)操作1702、 1710和1712。同樣,本發(fā)明的實(shí)施例可以在操作1704之前執(zhí)行操作1706。結(jié)論
雖然本發(fā)明已結(jié)合在不同附圖中所示的優(yōu)選方面進(jìn)行描述了,但是明白可以使用其他的類似方面,并且可以對(duì)所描述的用于執(zhí)行本發(fā)明的相同功能的方面進(jìn)行修改和添加而不偏離這些方面。因此,本發(fā)明不應(yīng)限于任何單個(gè)方面,而應(yīng)該根據(jù)所附的權(quán)利要求書的廣度和范圍來(lái)詮釋。例如,在這里所描述的各種程序可以利用硬件或軟件或二者的組合來(lái)實(shí)現(xiàn)。因而,所披露的實(shí)施例的方法和設(shè)備或其中的某些方面或部分可以采用在諸如軟盤、 CD-ROM、硬盤驅(qū)動(dòng)器或任何其他的機(jī)器可讀介質(zhì)之類的有形媒體中體現(xiàn)的程序代碼(S卩,指令)的形式。在程序代碼被加載到諸如計(jì)算機(jī)之類的機(jī)器中并由該機(jī)器運(yùn)行時(shí),該機(jī)器變成被配置用于實(shí)踐所披露的實(shí)施例的設(shè)備。除了在這里明確闡述的具體實(shí)現(xiàn)方式之外,通過(guò)考慮在這里披露的說(shuō)明書,其他的方面和實(shí)現(xiàn)方式對(duì)本領(lǐng)域技術(shù)人員而言將是顯而易見(jiàn)的。意圖是本說(shuō)明書和所闡明的實(shí)現(xiàn)方式應(yīng)該僅被視為示例。
權(quán)利要求
1.一種用于控制用戶界面的方法,包括在顯示設(shè)備上顯示用戶界面,所述用戶界面包括第一區(qū)域(1702); 確定包括用戶界面的直接操縱的用戶輸入指示將第一區(qū)域的維度或位置修改成閾值 (1710);以及在顯示設(shè)備上顯示被對(duì)齊到邊界的第一區(qū)域(1712)。
2.權(quán)利要求1的方法,其中在顯示被對(duì)齊到邊界的第一區(qū)域之前,第一區(qū)域和用戶輸入具有相對(duì)位置,并且進(jìn)一步包括確定包括用戶界面的直接操縱的第二用戶輸入指示將第一區(qū)域的維度或位置修改成第二閾值;在顯示設(shè)備上顯示被解除對(duì)齊到邊界的第一區(qū)域;以及在與第二用戶輸入的當(dāng)前位置相對(duì)的位置中顯示第一區(qū)域。
3.權(quán)利要求1的方法,其中第一區(qū)域包括其中可以顯示視頻的區(qū)域,所述閾值包括顯示設(shè)備的維度與第一區(qū)域的維度之比,并且在顯示設(shè)備上顯示被對(duì)齊到邊界的第一區(qū)域包括在顯示設(shè)備上以全屏模式顯示第一區(qū)域。
4.權(quán)利要求1的方法,其中確定用戶輸入指示將被第一區(qū)域占用的區(qū)域修改成閾值包括確定用戶輸入指示將第一區(qū)域的高度、寬度或面積增大為高于閾值。
5.權(quán)利要求1的方法,其中用戶輸入包括利用手指或手寫筆對(duì)觸摸輸入設(shè)備進(jìn)行的觸摸輸入,對(duì)數(shù)字化儀平板進(jìn)行的數(shù)位筆輸入,對(duì)麥克風(fēng)進(jìn)行的語(yǔ)音輸入,或?qū)ο鄼C(jī)作出的身體姿態(tài)或眼睛運(yùn)動(dòng)。
6.權(quán)利要求1的方法,其中第一區(qū)域包括圖像。
7.權(quán)利要求1的方法,進(jìn)一步包括確定包括用戶界面的直接操縱的第二用戶輸入指示將第一區(qū)域的維度修改成第二閾值;以及終止在顯示設(shè)備上顯示被對(duì)齊到邊界的第一區(qū)域。
8.權(quán)利要求1的方法,進(jìn)一步包括動(dòng)畫化從等于閾值的第一區(qū)域的維度到在顯示設(shè)備上顯示被對(duì)齊到邊界的第一區(qū)域的變換。
9.權(quán)利要求7的方法,其中用戶輸入指示以一速率增大第一區(qū)域的大小,以及其中動(dòng)畫化變換包括以第二速率來(lái)動(dòng)畫化變換,其中第二速率大于所述速率。
10.權(quán)利要求1的方法,進(jìn)一步包括在以全屏模式顯示第一區(qū)域之前,確定包括用戶界面的直接操縱的第二用戶輸入指示將維度修改成低于所述閾值;顯示第一區(qū)域,其中第一區(qū)域沒(méi)有被對(duì)齊到邊界;以及其中顯示被對(duì)齊到邊界的第一區(qū)域響應(yīng)于確定包括用戶界面的直接操縱的第三用戶輸入指示將維度修改成所述閾值而發(fā)生。
11.權(quán)利要求1的方法,進(jìn)一步包括顯示對(duì)于在第一區(qū)域中顯示的媒體的控制;以及響應(yīng)于確定在觸摸輸入設(shè)備上接收的用戶輸入指示將第一區(qū)域的維度修改成所述閾值,隱藏所述控制。
12.一種用于控制用戶界面的系統(tǒng),包括 處理器(22);以及存儲(chǔ)器(21 ),在所述系統(tǒng)是操作的時(shí),所述存儲(chǔ)器通信耦合到所述處理器,所述存儲(chǔ)器具有在由所述處理器運(yùn)行時(shí)引起以下動(dòng)作的指令在顯示設(shè)備上顯示用戶界面,所述用戶界面包括第一區(qū)域(1702);確定包括用戶界面的直接操縱的用戶輸入指示將第一區(qū)域的維度修改成閾值(1710);以及在顯示設(shè)備上顯示被對(duì)齊到邊界的第一區(qū)域(1712)。
13.權(quán)利要求12的系統(tǒng),其中確定包括用戶界面的直接操縱的用戶輸入指示將被第一區(qū)域占用的區(qū)域修改成閾值包括確定用戶輸入指示將第一區(qū)域的高度、寬度、對(duì)角線或面積修改成所述閾值。
14.權(quán)利要求12的系統(tǒng),其中所述存儲(chǔ)器進(jìn)一步具有在由所述處理器運(yùn)行時(shí)導(dǎo)致所述處理器執(zhí)行包括以下操作的指令在顯示被對(duì)齊到邊界的第一區(qū)域之前,確定包括用戶界面的直接操縱的第二用戶輸入指示將維度修改成低于所述閾值;顯示第一區(qū)域,其中第一區(qū)域沒(méi)有被對(duì)齊到邊界;以及其中顯示被對(duì)齊到邊界的第一區(qū)域響應(yīng)于確定包括用戶界面的直接操縱的第三用戶輸入指示將維度修改成高于所述閾值而發(fā)生。
15.權(quán)利要求12的系統(tǒng),其中所述存儲(chǔ)器進(jìn)一步具有在由所述處理器運(yùn)行時(shí)導(dǎo)致所述處理器執(zhí)行包括以下操作的指令顯示對(duì)于在第一區(qū)域中顯示的媒體的控制;以及隱藏所述控制,以響應(yīng)確定包括用戶界面的直接操縱的接收到的用戶輸入指示將第一區(qū)域的維度修改成所述閾值。
全文摘要
披露用于使用觸摸手勢(shì)將視頻縮放至全屏的發(fā)明。當(dāng)用戶在觸敏式表面上反向捏以放大視頻時(shí),本發(fā)明追蹤縮放的量。當(dāng)用戶已縮放至其中視頻的維度之一(高度或?qū)挾?達(dá)到閾值(諸如顯示設(shè)備的維度的某一百分比,例如視頻的寬度達(dá)到顯示設(shè)備的寬度的80%)的點(diǎn)時(shí),本發(fā)明確定以全屏來(lái)顯示視頻,并將視頻“對(duì)齊”到全屏。本發(fā)明可以借助于動(dòng)畫來(lái)這樣做,例如擴(kuò)展視頻以填滿整個(gè)屏幕。
文檔編號(hào)G06F3/041GK102436343SQ201110318170
公開(kāi)日2012年5月2日 申請(qǐng)日期2011年10月19日 優(yōu)先權(quán)日2010年10月19日
發(fā)明者J. 維多爾 D., 隆巴多 J., A. 霍弗 P., 西瓦吉 V. 申請(qǐng)人:微軟公司