專利名稱:用于對值進行就地編輯的用戶界面的制作方法
技術(shù)領(lǐng)域:
本發(fā)明涉及圖形用戶界面,尤其涉及對用戶界面的編輯技術(shù)。
背景技術(shù):
當(dāng)在許多移動計算設(shè)備(例如,智能電話、平板設(shè)備)上工作時,可用的屏幕可操作區(qū)域和輸入設(shè)備通常有限,使得編輯顯示內(nèi)容對許多用戶而言是有挑戰(zhàn)的。例如,不僅僅是顯示的大小有限,許多設(shè)備還使用基于軟件的輸入面板(SIP)代替物理鍵盤。對SIP的顯示會使用大量有限的屏幕空間,從而只留下很少空間可用于在計算設(shè)備上示出與應(yīng)用相關(guān)聯(lián)的息
發(fā)明內(nèi)容
提供本發(fā)明內(nèi)容以便以簡化形式介紹將在以下詳細描述中進一步描述的一些概念。本發(fā)明內(nèi)容并非旨在標(biāo)識所要求保護的主題的關(guān)鍵特征或必要特征,也不旨在用于幫助確定所要求保護的主題的范圍。顯示了用于在文檔內(nèi)對值進行就地編輯的用戶界面元素。例如,響應(yīng)于對值進行選擇,可將用戶界面顯示在該值附近,該用戶界面接收用于就地調(diào)整該值的滑動手勢。用戶界面可被配置成響應(yīng)于改變滑動手勢的級別來選擇該值的不同部分中的一個部分。例如,用戶可將滑刷(swipe)手勢從用于調(diào)整日子值的級別移動到表示年份值的級別。所顯示的用戶界面和用于調(diào)整該值的方法可以基于值的類型以及文檔的結(jié)構(gòu)和內(nèi)容。
圖I示出了示例性計算環(huán)境;圖2示出包括使用用戶界面來對值進行就地編輯的系統(tǒng);圖3示出用于使用用戶界面元素來對值進行就地選擇和調(diào)整的過程;圖4示出用于選擇和調(diào)整值的不同部分的過程;圖5示出用于在電子表格內(nèi)對值進行就地調(diào)整的顯示;圖6示出用于在電子表格內(nèi)對值進行就地調(diào)整的顯示;圖7示出用于在文檔內(nèi)對值進行就地調(diào)整的顯示;以及圖8示出用于使用滑動UI元素在文檔內(nèi)對值進行就地調(diào)整的顯示。
具體實施例方式現(xiàn)將參考附圖來描述各實施例,在附圖中類似的標(biāo)號代表類似的元素。具體地,圖I和相應(yīng)的討論旨在提供對在其中可實現(xiàn)各實施例的合適計算環(huán)境的簡要、概括描述。一般而言,程序模塊包括執(zhí)行特定任務(wù)或?qū)崿F(xiàn)特定抽象數(shù)據(jù)類型的例程、程序、組件、數(shù)據(jù)結(jié)構(gòu)和其他類型的結(jié)構(gòu)。也可使用其它計算機系統(tǒng)配置,包括手持式設(shè)備、多處理器系統(tǒng)、基于微處理器的或可編程的消費電子產(chǎn)品、小型計算機、大型計算機等等。還可使用在其中任務(wù)由通過通信網(wǎng)絡(luò)鏈接的遠程處理設(shè)備執(zhí)行的分布式計算環(huán)境。在分布式計算環(huán)境中,程序模塊可位于本地和遠程存儲器存儲設(shè)備兩者中?,F(xiàn)在參考圖1,將描述在各個實施例中所利用的計算機100的說明性計算機環(huán)境。圖I所示的計算機環(huán)境包括計算設(shè)備,這些計算設(shè)備各自可以被配置為移動計算設(shè)備(例如,電話、平板電腦、上網(wǎng)本、膝上型電腦)、服務(wù)器、臺式計算機、或者某一其他類型的計算設(shè)備,并且這些計算設(shè)備各自包括中央處理單元5 (“CPU”)、包括隨機存取存儲器9 (“RAM”)和只讀存儲器(“ROM”)10的系統(tǒng)存儲器7、以及將存儲器耦合至中央處理單元(“CPU”)5的系統(tǒng)總線12?;据斎?輸出系統(tǒng)存儲在ROM 10中,所述基本輸入/輸出系統(tǒng)包含幫助在諸如啟動期間在計算機內(nèi)的各元件之間傳遞信息的基本例程。計算機100還包括大容量存儲設(shè) 備14,該大容量存儲設(shè)備14用于存儲操作系統(tǒng)16、應(yīng)用24 (例如,生產(chǎn)力應(yīng)用、web瀏覽器等)、以及用戶界面管理器26,這將在下面予以更詳細的描述。大容量存儲設(shè)備14通過連接至總線12的大容量存儲控制器(未示出)連接到CPU5。大容量存儲設(shè)備14及其相關(guān)聯(lián)的計算機可讀介質(zhì)為計算機100提供非易失性存儲。雖然此處包含的對計算機可讀介質(zhì)的描述針對諸如硬盤或CD-ROM驅(qū)動器等大容量存儲設(shè)備,但是計算機可讀介質(zhì)可以是計算機100能夠訪問的任何可用介質(zhì)。作為示例而非限制,計算機可讀介質(zhì)可包括計算機存儲介質(zhì)和通信介質(zhì)。計算機存儲介質(zhì)包括以存儲如計算機可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序模塊或其他數(shù)據(jù)等信息的任何方法或技術(shù)來實現(xiàn)的易失性和非易失性、可移動和不可移動介質(zhì)。計算機存儲介質(zhì)還包括,但不限于RAM、ROM、可擦除可編程只讀存儲器(“EPROM”)、電可擦可編程只讀存儲器(“EEPR0M”)、閃存或其它固態(tài)存儲器技術(shù),⑶-ROM、數(shù)字多功能盤(“DVD”)或其它光存儲,磁帶盒、磁帶、磁盤存儲或其它磁性存儲設(shè)備,或能用于存儲所需信息且可以由計算機100訪問的任何其它介質(zhì)。計算機100使用通過諸如因特網(wǎng)之類的網(wǎng)絡(luò)18與遠程計算機的邏輯連接而在聯(lián)網(wǎng)環(huán)境中操作。計算機100可以通過連接至總線12的網(wǎng)絡(luò)接口單元20來連接到網(wǎng)絡(luò)18。網(wǎng)絡(luò)連接可以是無線的和/或有線的。網(wǎng)絡(luò)接口單元20也可用于連接到其它類型的網(wǎng)絡(luò)和遠程計算機系統(tǒng)。計算機100還可包括用于接收和處理來自多個其他設(shè)備的輸入的輸入/輸出控制器22,這些設(shè)備包括鍵盤、鼠標(biāo)、觸摸輸入設(shè)備、或者電子指示筆(未在圖I中示出)。類似地,輸入/輸出控制器22可以為顯示屏23、打印機或其它類型的輸出設(shè)備提供輸入/輸出。觸摸輸入設(shè)備可利用允許識別單次/多次觸摸輸入(觸摸/非觸摸)的任何技術(shù)。例如,這些技術(shù)可包括但不限于熱量、手指壓力、高俘獲率照像機、紅外光、光學(xué)捕捉、調(diào)諧的電磁感應(yīng)、超聲波接收器、傳感話筒、激光測距儀、陰影捕捉等。根據(jù)一個實施例,觸摸輸入設(shè)備可以被配置為檢測接近觸摸(即在距觸摸輸入設(shè)備的某個距離內(nèi),但是與所述觸摸輸入設(shè)備沒有物理上接觸)。觸摸輸入設(shè)備也可以作為顯示器。輸入/輸出控制器22也可向一個或多個顯示屏23、打印機或其他類型的輸入/輸出設(shè)備提供輸出。相機和/或某種其他傳感設(shè)備可操作來記錄一個或多個用戶以及捕捉計算設(shè)備的用戶作出的運動和/或姿勢。傳感設(shè)備還可操作來捕捉諸如通過話筒口述的單詞和/或捕捉來自用戶的諸如通過鍵盤和/或鼠標(biāo)(未描繪)的其他輸入。傳感設(shè)備可包括能夠檢測用戶的移動的任何運動檢測設(shè)備。例如,相機可以包括微軟KINECT 運動捕捉設(shè)備,它包括多個相機和多個話筒??梢酝ㄟ^片上系統(tǒng)(SOC)來實踐本發(fā)明的各實施例,其中,可以將附圖中示出的每個或許多組件/處理集成到單個集成電路上。這樣的SOC設(shè)備可包括一個或多個處理單元、圖形單元、通信單元、系統(tǒng)虛擬化單元以及各種應(yīng)用功能,所有這些都被集成到(或“燒錄到”)芯片基板上作為單個集成電路。當(dāng)通過SOC操作時,在此所述的關(guān)于統(tǒng)一通信的所有或部分功能可以通過在單個集成電路(芯片)上集成有計算設(shè)備/系統(tǒng)100的其它組件的應(yīng)用專用邏輯來操作。如前簡述的那樣,多個程序模塊和數(shù)據(jù)文件可以被存儲在計算機100的大容量存儲設(shè)備14和RAM 9內(nèi),包括適于控制計算機的操作的操作系統(tǒng)16,如華盛頓州雷蒙德市的微軟公司的WINDOWS PHONE 7 、WINDOWS 7⑧或WINDOWS SERVER 操作系統(tǒng)。大容量存儲設(shè)備14和RAM 9還可以存儲一個或多個程序模塊。具體地,大容量存儲設(shè)備14和RAM9可以存儲諸如電子表格應(yīng)用、文字處理應(yīng)用和/或其他應(yīng)用等一個或多個應(yīng)用程序。根 據(jù)一實施例,包括了 MICROSOFT OFFICE應(yīng)用套件。應(yīng)用可以是基于客戶機和/或基于web的。例如,可以使用網(wǎng)絡(luò)服務(wù) 27,諸如 MICROSOFT WINDOWS LIVE、MICROSOFT OFFICE 365或某一其他基于網(wǎng)絡(luò)的服務(wù)。用戶界面管理器26被配置成呈現(xiàn)用戶界面元素(例如,UI 28)來對值進行就地編輯/調(diào)整。用戶界面管理器26可以如圖所示位于應(yīng)用(例如,電子表格應(yīng)用或某一其他應(yīng)用)外部,或者可以是應(yīng)用的一部分。此外,用戶界面管理器26提供的全部/某些功能可位于用戶界面元素被用于對值進行就地編輯的應(yīng)用的內(nèi)部/外部。下面公開了與用戶界面管理器相關(guān)的更多細節(jié)。圖2示出包括使用用戶界面來對值進行就地編輯的系統(tǒng)。如圖所示,系統(tǒng)200包括應(yīng)用程序210、用戶界面(UI)管理器26、以及觸摸屏輸入設(shè)備/顯示器215。為了方便與UI管理器26通信,可以實現(xiàn)一個或多個回調(diào)例程。根據(jù)一個實施例,應(yīng)用程序210是被配置為接收來自觸敏輸入設(shè)備215和/或鍵盤輸入(例如,物理鍵盤和/或SIP)的輸入的商業(yè)生產(chǎn)力應(yīng)用。例如,Π管理器26可以響應(yīng)于用戶手勢(即,手230上的手指)對值的選擇以及在用戶界面元素216上的滑刷手勢來將信息提供給應(yīng)用210,以便調(diào)整所選擇的值。術(shù)語“滑刷手勢”可包括滑刷動作和/或拖曳動作。所示的系統(tǒng)200包括檢測何時接收了觸摸輸入(例如,手指觸摸或接近觸摸該觸摸屏)的觸摸屏輸入設(shè)備/顯示器215??衫脵z測用戶的觸摸輸入的任何類型的觸摸屏。例如,觸摸屏可包括一層或多層檢測觸摸輸入的電容性材料。除了電容性材料之外或代替電容性材料,可使用其他傳感器。例如,可使用紅外(IR)傳感器。根據(jù)一實施例,觸摸屏被配置成檢測與可觸摸的表面接觸或位于可觸摸的表面上方的物體。盡管在本說明書中使用術(shù)語“上方”,應(yīng)理解,觸摸面板系統(tǒng)的定向是不相關(guān)的。術(shù)語“上方”旨在可適用于所有這樣的定向。觸摸屏可被配置成確定觸摸輸入被接收的位置(如起點、中間點和終點)??赏ㄟ^任何合適的手段,包括如耦合到觸摸面板的振動傳感器或話筒,來檢測可觸摸的表面和物體之間的實際接觸。用于檢測接觸的傳感器的示例的非窮盡列表包括基于壓力的機構(gòu)、微機械加速計、壓電器件、電容傳感器、電阻傳感器、感應(yīng)傳感器、激光振動計和LED振動計。UI管理器26被配置成顯示用于就地編輯所選擇的值的UI元素并且處理接收到的輸入設(shè)備/顯示器202。響應(yīng)于值被選擇而顯示用于對值進行就地編輯的用戶界面元素216。例如,響應(yīng)于選擇包括日期值的電子表格單元232,在該值附近顯示UI元素216,該UI元素216接收用于就地調(diào)整該值的滑動手勢。如圖所示,通過改變所選擇的單元的填充色以及選擇該值當(dāng)前正被編輯/調(diào)整的部分,來將所選擇的單元與其他單元相區(qū)分??墒褂闷渌椒▉韰^(qū)分所選擇的單元(例如,單元周圍的邊框、不同的填充圖案、改變值的顯示等)。在當(dāng)前示例中,除了執(zhí)行滑刷手勢以外,用戶可輕叩“ + ”或指示符來改變該值。用戶界面顯示了對應(yīng)于日期值的每一不同部分的不同級別。如圖所示,用戶已對第一級別執(zhí)行了滑刷手勢,該第一級別當(dāng)前示出了從“15”到“16”的改變。當(dāng)用戶終止滑刷手勢時,單元內(nèi)的值被設(shè)置成當(dāng)前所選擇的值。單元中的值也因滑刷手勢被執(zhí)行而實時更新。為改變?nèi)掌谥祪?nèi)的年份值或月份值,用戶將滑刷手勢從日子(day)級別移動到所需級別。所顯示的用戶界面和用于調(diào)整該值的方法可以基于值的類型以及文檔的結(jié)構(gòu)和內(nèi)容。例如,在所選擇的單元附近的各單元的內(nèi)容可用于確定值的類型、預(yù)測的值等。圖3和4示出用于顯示用于對值進行就地編輯的用戶界面元素并與該用戶界面元素進行交互的說明性過程。當(dāng)閱讀對在此提供的例程的討論時,應(yīng)當(dāng)理解,各實施例的邏輯操作被實現(xiàn)為(I)運行于計算系統(tǒng)上的一系列計算機實現(xiàn)的動作或程序模塊,和/或(2) 計算系統(tǒng)內(nèi)互連的機器邏輯電路或電路模塊。該實現(xiàn)是取決于實現(xiàn)本發(fā)明的計算系統(tǒng)的性能要求來選擇的問題。因此,所例示的并且構(gòu)成此處所描述的實施例的邏輯操作被不同地表示為操作、結(jié)構(gòu)設(shè)備、動作或模塊。這些操作、結(jié)構(gòu)設(shè)備、動作和模塊可用軟件、固件、專用數(shù)字邏輯,及其任何組合來實現(xiàn)。圖3示出用于使用用戶界面元素來對值進行就地選擇和調(diào)整的過程。開始框之后,過程300移至操作310,其中在圖形窗口內(nèi)顯示值。該值可與一個或多個應(yīng)用相關(guān)聯(lián)。例如,應(yīng)用可以是辦公生產(chǎn)力應(yīng)用(例如,電子表格、文字處理、演示等)或某一其他類型的應(yīng)用。可將該值顯示在文檔內(nèi)和/或用于設(shè)置值的用戶界面內(nèi)。根據(jù)一實施例,將要調(diào)整的值顯示在諸如電子表格、文字處理文檔、表等文檔中。前進至操作320,作出關(guān)于何時選擇值以供編輯的確定??墒褂酶鞣N方法來選擇值。例如,用戶可通過以下操作來選擇單元輕叩值/單元/用戶界面選項、將指針(例如,鼠標(biāo)、筆)移動到值/單元/用戶界面選項上方、以及將指針(例如,鼠標(biāo)、筆)移動到值/單元/用戶界面選項上方并點擊等。移至操作330,作出關(guān)于選擇什么類型的值的確定。值可包含單個部分或不止一個部分(例如,日期、社會保險號、復(fù)雜數(shù)……)。值的類型可以是數(shù)值或選自一組值的不同值。例如,值可以是日子、月、項的類型、選自行/列的值等。值的類型可從文檔/表內(nèi)的單元/位置/字段所允許的值的類型中確定,和/或可從所選值周圍的內(nèi)容中確定。例如,可檢測電子表格內(nèi)的一個或多個單元來確定在所選單元附近的各單元內(nèi)的值的類型(例如,可確定所選單元(即便其當(dāng)前為空)應(yīng)包含在當(dāng)前年份“2011”附近的日期)。一般地,值的類型可以是顯示在所選值附近的值的任何類型。例如,值可來自所選值的同一行/列。轉(zhuǎn)移至操作340,顯示用于對值進行就地編輯的用戶界面元素??身憫?yīng)于選擇來顯示UI元素,該選擇是指示要編輯該單元/值/字段的動作(例如,通用編輯動作),和/或通過某一其他UI來啟動該UI元素的動作等。UI元素被顯示在該值的顯示附近,使得在該值的顯示附近接收用于調(diào)整該值的輸入。根據(jù)一實施例,Π元素包括對從值的每一側(cè)向外延伸的線條的顯示(見圖8)。根據(jù)另一實施例,Π出現(xiàn)在該值的顯示附近,并且包括所顯示的該值的每一部分的級別(見圖4-7)。根據(jù)一實施例,Π元素是阿爾法混合的,使得顯示在UI元素下面的內(nèi)容保持可見。前進至操作530,接收滑刷手勢來調(diào)節(jié)該值。滑刷手勢可以是觸摸輸入和/或使用另一輸入設(shè)備(例如,鼠標(biāo))接收的輸入。根據(jù)一實施例,滑刷手勢是檢測手指的滑刷(例如,從開始點移動到終點的水平/垂直移動)的觸摸輸入?;⑹謩菘苫诨⒕嗨x的值的位置以不同速度調(diào)整該值。例如,如果滑刷在該值附近,則該值可遞增單個值,而當(dāng)碰擦較遠時,該值可以以倍數(shù)(例如,二、四、十)遞增,這取決于距該值的距離??赡苤档姆秶€可用于確定調(diào)整的速度。例如,當(dāng)值的范圍較小(例如,為一至十)時,對值的調(diào)整可較慢。當(dāng)值的范圍較大(例如,為一千至十萬)時,對值的調(diào)整可較快和/或倍數(shù)可較大。同一滑刷手勢可用于設(shè)置值的一個或多個部分。例如,用戶可將其手指向下放置在Π元素上,移至第一級別并左/右移動以便設(shè)置第一級別內(nèi)的值,并且然后上移到另一級別而無需抬起其手指,并且然后左/右移動以便設(shè)置該級別的值。根據(jù)一實施例,只要同一滑刷手勢(例如,指尖保持落在顯示器上)被檢測,用戶就可通過移至不同級別并選擇該級別的值來繼續(xù)調(diào)整 該值的不同部分。移至操作360,用經(jīng)調(diào)整的值來更新顯示。對該值的顯示可在接收到滑刷手勢期間和/或滑刷手勢完成之后被更新。例如,當(dāng)用戶正在執(zhí)行滑刷手勢時,該值可被示為正在改變。根據(jù)一實施例,對Π元素的顯示被更新以便反映當(dāng)前被調(diào)整的值,而不更新對所選的值的顯示。轉(zhuǎn)移至操作370,經(jīng)調(diào)整的值在滑刷手勢結(jié)束時被設(shè)置(例如,用戶從顯示器上移除其手指,或用戶未使用某一其他輸入方法來選擇該值)。隨后該過程流至結(jié)束框,并返回以處理其它動作。圖4示出用于選擇和調(diào)整值的不同部分的過程。在開始框之后,過程400移至操作410,其中確定值的不同部分。該值可包含一個或多個部分。例如,整數(shù)值包含一個部分,而日期值和社會保險值各自包含三個不同部分。一般地,值的一部分可獨立于該值的其他部分而被調(diào)整。還可基于有效位將值分成各部分。將值分成各部分的其他劃分法也可被確定。例如,該值的第一部分可以是個位列,第二部分可以是十位列,第三部分可以是百位列等。前進至判定操作420,作出關(guān)于該值是否具有不止一個部分的確定。當(dāng)該值確實具有不止一個部分時,過程前進至操作430,其中UI元素被顯示,該UI元素包括對在該UI元素顯示的不同級別上的每一部分的顯示。當(dāng)該值并非具有不止一個部分時,過程前進至440,其中UI元素被顯示為具有單個級別顯示。從操作430或操作440移至操作450,接收滑刷手勢。轉(zhuǎn)移至操作460,作出關(guān)于進行了什么級別的滑刷的確定。例如,第一級別處的滑刷調(diào)整值的與該級別相關(guān)聯(lián)的一部分。如上文討論的,值的不止一個部分可使用同一滑刷手勢來設(shè)置。前進至操作470,響應(yīng)于滑刷手勢來更新對值的顯示。隨后該過程流至結(jié)束框,并返回以處理其它動作。
圖5-8示出用于使用響應(yīng)選擇值而被顯示的Π來就地調(diào)整值的示例性窗口。圖5-8是示例性目的,并且不是限制性的。圖5示出用于在電子表格內(nèi)對值進行就地調(diào)整的顯示。如圖所示,窗口 510和窗口 520各自顯示電子表格512,電子表格512示出姓名(Name)列、GPA列、檢查日期(ExamDate)列,在檢查日期列中用戶已選擇單元520以使用Π元素來就地調(diào)整當(dāng)前值“2. 6”。可將包括各值的更多或更少的列/區(qū)域包括在窗口 510和520內(nèi)。窗口可以是與桌面應(yīng)用、移動應(yīng)用和/或基于web的應(yīng)用(例如,通過瀏覽器來顯示)相關(guān)聯(lián)的窗口。窗口可顯示在有限顯示設(shè)備(例如,智能電話、平板設(shè)備)上或較大的屏幕設(shè)備上。如圖所示,所選單元520與電子表格的其他單元不同地顯示,以向用戶指示該單元當(dāng)前被選擇。盡管單元520被示為被高光顯示,其他顯示選項也可用于指示該單元被選擇(例如,單元周圍的邊框、混列(hashing)、顏色改變、字體改變等)。響應(yīng)于確定要編輯單元520 (例如,選擇、編輯動作、選擇另一 UI元素),顯示UI元 素514。在當(dāng)前示例中,UI元素514內(nèi)顯示了兩個級別,因為GPA值包括兩部分。根據(jù)一實施例,選擇要調(diào)整該值的默認部分。例如,GPA值的第二部分默認被選作該值的被顯示在第一級別上的部分。轉(zhuǎn)向Π元素514,第一級別示出值4、5、6、7和8,而第二級別示出值1、2、和3??稍诿恳患墑e上顯示更多或更少的可能值。例如,GPA值的第二級別可示出所有的可能值(0-4)。在當(dāng)前示例中,用戶已經(jīng)通過輕叩單元520而選擇了單元520,并且然后將其手指向右拖曳以將“7”選作經(jīng)調(diào)整的值。響應(yīng)于滑刷手勢,在Π元素514內(nèi)使用圖形指示符來示出當(dāng)前被調(diào)整的值。在該示例中,基于當(dāng)前滑刷手勢的當(dāng)前值被更大地示出。也可示出指示當(dāng)前值的其他方法(例如,改變字體、在該值周圍加邊框、改變該值的顏色等)。當(dāng)用戶結(jié)束滑刷手勢時(例如,將其手指從顯示器上移除、釋放鼠標(biāo)按鈕等),在單元中調(diào)整該值。如果在該示例中用戶要在當(dāng)前點處釋放,則2. 7會替代2. 6。用戶可在Π元素514中進一步左/右移動,以選擇最初未示出的值。例如,當(dāng)用戶在第一級別上移動經(jīng)過值“7”或某一其他確定的值時,另外的值可在UI元素514內(nèi)被示出(例如,9、10等)。類似地,當(dāng)用戶向左移動時,更低的值可在Π元素514中被示出(例如,3、2、1)。窗口 520示出用戶調(diào)整GPA的值的第二部分。為選擇第二級別,用戶已經(jīng)移到第二級別,并且已經(jīng)向右移動,為GPA選擇值3。根據(jù)一實施例,單元的以及周圍單元(在該情況下為GPA列)的內(nèi)容用于幫助確定單元內(nèi)可包括的可能值。這一信息可在確定UI單元內(nèi)要顯示多少級別/多少潛在的值時使用。如圖所示,UI元素514被顯示成阿爾法混合,使得該內(nèi)容在UI元素下面的部分保持可見。也可使用不同方法(例如,無阿爾法混合、不同顏色等)來顯示Π元素514??稍诓煌恢弥酗@示UI元素514。例如,可將UI元素514顯示在所選單元的顯示的左邊、右邊和/或上方。圖6示出用于在電子表格內(nèi)對值進行就地調(diào)整的顯示。如圖所示,窗口 610和窗口 620各自包括電子表格,電子表格當(dāng)前示出年級(Grade)列、性別(sex)列、以及兄弟姐妹(siblings)列。在當(dāng)前示例中,年級列可包括選自大一(Freshman(FR))、大二(Sophomore (SO))、大三(Junior (JR))和大四(Senior (SR))的值。性別列可包括男性(M)值或女性(F)值。兄弟姐妹列可包括從O開始且上升的值。窗口 610示出用戶選擇單元D6,通過在該單元D6周圍顯示較粗的邊框來指示該單元要被選擇。響應(yīng)于該選擇,顯示Π元素612,Π元素612示出可對年級值選擇的四個可能的不同值。在Π元素612中可示出更少的可能值(例如,一個、二個、三個)。在當(dāng)前示例中,用戶已經(jīng)執(zhí)行了滑刷手勢以 便當(dāng)前選擇空白單元D6,空白單元D6在UI元素612中被更大地示出。如在窗口 620中可以看到的,響應(yīng)于結(jié)束滑刷手勢,單元D6被更新為“大四”。在選擇之前,單元D6可包含/可不包含值。窗口 620示出用戶選擇單元F6,其中通過在單元F6內(nèi)顯示填充來指示該單元要被選擇。響應(yīng)于該選擇,顯示Π元素622,Π元素622示出可對兄弟姐妹(Siblings)值選擇的可能值。在當(dāng)前示例中,用戶已經(jīng)執(zhí)行了滑刷手勢以便當(dāng)前為單元D6選擇值3 (被顯示在邊框內(nèi))。如上文討論的,如果用戶在Π元素內(nèi)移動越過了最初顯示值的結(jié)尾或移至最初顯示值的結(jié)尾附近,則更多的值可被顯示。例如,在用戶移動到最初顯示值的結(jié)尾附近或最初顯示值的結(jié)尾處時,可顯示Π元素624。如圖所示,當(dāng)用戶在Π元素622內(nèi)移至值“8”時,值9、10和11被顯示。圖7示出用于在文檔內(nèi)對值進行就地調(diào)整的顯示。如圖所示,窗口 710、窗口 720、窗口 730和窗口 740各自包括對包含各值的文檔的顯示,這些值可被選擇以就地改變該值。窗口 710示出用戶在文檔內(nèi)選擇社會保險號。根據(jù)一實施例,可以選擇文檔內(nèi)的任何不同值。窗口 720示出響應(yīng)于對社會保險號的選擇而被顯示的UI元素722。如圖所示,UI元素722包括針對社會保險號的每一部分的可能值的顯示級別。可將該值劃分成不同部分。例如,可針對該號碼的每一數(shù)字顯示一級別,或針對該值的不同組塊顯示一級別(例如,所顯示的值中的2211部分可被示為兩個不同級別,每一級別具有2個數(shù)字)。在當(dāng)前示例中,社會保險號的第三部分被高光顯示,以指示第三部分是用于接收調(diào)整的該值的當(dāng)前所選部分。通過用戶左移該滑刷手勢來選擇值2210。進一步左移導(dǎo)致Π元素722調(diào)整對可能值(例如,2209、2208、2207等)的顯示。用戶可通過將滑刷手勢移至所需級別來選擇不同級別。窗口 730示出用戶在文檔中選擇整數(shù)值2。響應(yīng)于選擇整數(shù)值,UI元素732與供選擇的可能值一起被顯示。窗口 740示出用戶選擇BI品牌值。例如,該值可以是包括有限數(shù)量的可能值的汽車類型。圖8示出用于使用滑動Π元素在文檔內(nèi)對值進行就地調(diào)整的顯示。顯示808、810、811、812、814和816示出用戶使用滑動UI元素對值進行就地調(diào)整。顯示808示出在被選擇來進行就地編輯之前的值2。顯示810示出響應(yīng)于選擇該值2而被顯示的UI元素的初始顯示。如圖所示,將線條放在該值的左邊及右邊以便就地編輯??墒褂貌煌椒▉盹@示該線條。例如,該線條在號碼左邊的一部分可使用第一顏色來顯示,而該線條在號碼右邊的一部分可使用不同顏色來顯示。框可被顯示(例如,顯示811)以示出滑塊等。顯示812示出用戶向右滑動值2,使得當(dāng)前值為6。根據(jù)一實施例,值本身可沿著該線條移動。根據(jù)一實施例,初始值可保持在初始位置處,而當(dāng)前被編輯的值的值可沿著滑塊線來示出。根據(jù)另一實施例,響應(yīng)于滑刷手勢在初始顯示的位置處更新該值。例如,顯示817示出用戶將其手指滑動到號碼右邊,并且響應(yīng)于該滑動而更新該值。該值可基于手勢距號碼的距離和/或始自該號碼的移動的速度而被更新。例如,手勢移動得更遠/更快,號碼就改變得更快。該值可響應(yīng)于不同動作而停止改變。例如,用戶可通過將其手指移離該顯示或?qū)⑵涫种敢苹爻跏硷@示的位置,來結(jié)束該手勢,如顯示818中所示。顯示814示出用戶將該值向左滑動回到當(dāng)前值I。響應(yīng)于用戶結(jié)束滑刷手勢,顯示816示出值I作為設(shè)定的值。結(jié)束滑刷手勢示出最后被編輯的值表現(xiàn)為就地“卡合”(snap)(即,該值的位置返回初始位置)。窗口 820、窗口 830和窗口 840各自示出一用戶界面,該用戶界面被配置成接收選擇來設(shè)置用于搜索酒店的選項。用戶界面可被配置成針對其他應(yīng)用、以及接收其他值。如圖所示,窗口 820示出用于選擇酒店的選項,用于設(shè)置入住日期的選項,用于設(shè)置退房日期的選項,用于設(shè)置客戶數(shù)量的選項,用于設(shè)置房間數(shù)量的選項,以及搜索選項。在當(dāng)前示例中,對值進行設(shè)置的每一選項可使用如此處描述和示出的UI元素來設(shè)置。
例如,用戶可選擇客戶值以使用滑動Π界面來調(diào)整客戶數(shù)量的值。也可使用圖4-7中示出的UI元素。此外,UI元素的組合也可被一起使用。窗口 830示出用戶將該值滑動到4。響應(yīng)于釋放該值以及結(jié)束滑動手勢,值4被設(shè)置成經(jīng)調(diào)整的值。以上說明、示例和數(shù)據(jù)提供了對本發(fā)明的組成部分的制造和使用的全面描述。因為可以在不背離本發(fā)明的精神和范圍的情況下做出本發(fā)明的許多實施例,所以本發(fā)明落在所附權(quán)利要求的范圍內(nèi)。
權(quán)利要求
1.一種用于接收輸入來對值進行調(diào)整的方法,包括 在圖形顯示內(nèi)顯示值; 確定值何時被選擇; 響應(yīng)于確定要編輯該值,將用戶界面元素顯示在該值附近,該用戶界面元素顯示指示符,該指示符與滑刷手勢一起用于將該值調(diào)整到從不同值中確定的新值; 接收滑刷手勢來調(diào)整該值; 當(dāng)接收到該滑刷手勢時,響應(yīng)于該滑刷手勢來就地調(diào)整對該用戶界面元素的顯示和對該值的顯示;以及 將該值設(shè)置成經(jīng)調(diào)整的值。
2.如權(quán)利要求I所述的方法,其特征在于,響應(yīng)于該滑刷手勢,該值表現(xiàn)為沿著線條滑動。
3.如權(quán)利要求I所述的方法,其特征在于,顯示該用戶界面元素包括將可能值顯示在對該值的顯示之上,該顯示包括顯示值的可被設(shè)置在不同級別處的每一部分的可能值。
4.如權(quán)利要求I所述的方法,其特征在于,接收該滑刷手勢包括確定該滑刷的級別,并且調(diào)整該值對應(yīng)于該滑刷的級別的部分。
5.如權(quán)利要求I所述的方法,其特征在于,顯示可能值包括將所述可能值顯示成阿爾法混合,使得該顯示位于所述可能值的顯示之下的部分保持可見。
6.如權(quán)利要求I所述的方法,其特征在于,響應(yīng)于該滑刷手勢來調(diào)整對該用戶界面元素的顯示和對該值的顯示包括確定該值距當(dāng)前滑刷位置的距離,并且響應(yīng)于位置增加來調(diào)整該值的改變速度。
7.一種存儲用于對值進行就地編輯的計算機可執(zhí)行指令的計算機可讀介質(zhì),包括 在圖形顯示內(nèi)顯示值; 確定何時選擇了值; 響應(yīng)于確定該值被選擇,圖形地指示對該值的選擇,將用戶界面元素顯示在該值附近,該用戶界面元素將可能值顯示在所選值的附近、并且被配置成接收滑刷手勢來將該值調(diào)整為從不同值中確定的新值; 接收作為滑刷手勢的觸摸輸入來調(diào)整該值; 當(dāng)接收到該滑刷手勢時,響應(yīng)于該滑刷手勢來就地調(diào)整對該用戶界面元素的顯示和對該值的顯示;以及 將該值設(shè)置成經(jīng)調(diào)整的值。
8.一種用于對值進行就地編輯的設(shè)備,包括 被配置成接收觸摸輸入的顯示器; 處理器和存儲器; 使用所述處理器來執(zhí)行的操作環(huán)境; 包括可被改變的值的應(yīng)用;以及 結(jié)合所述應(yīng)用來操作的用戶界面管理器,所述用戶界面管理器被配置成執(zhí)行包括以下的動作 在所述顯示器上顯示值; 確定何時選擇了所述顯示器上的值;響應(yīng)于確定該值被選擇,圖形地指示對該值的選擇,將用戶界面元素顯示在該值附近,該用戶界面元素顯示針對該值的每一不同部分的可能值的級別,并且該用戶界面元素被配置成接收用于將該值調(diào)整為從不同值中確定的新值的觸摸輸入; 接收觸摸輸入來調(diào)整該值; 在接收到該滑刷手勢時,調(diào)整對該用戶界面元素的顯示以便示出當(dāng)前被選擇的可能值;以及 將該值設(shè)置成經(jīng)調(diào)整的值。
9.如權(quán)利要求8所述的設(shè)備,其特征在于,顯示該用戶界面元素包括將該用戶界面元素顯示成阿爾法混合,使得該顯示位于該用戶界面元素的顯示之下的部分保持可見。
10.如權(quán)利要求8所述的設(shè)備,其特征在于,響應(yīng)于該滑刷手勢來調(diào)整對該用戶界面元素的顯示和對該值的顯示包括確定該值距當(dāng)前滑刷位置的距離,并且響應(yīng)于位置增加來調(diào)整該值的改變速度。
全文摘要
本發(fā)明公開了用于對值進行就地編輯的用戶界面。顯示用戶界面元素以供在文檔內(nèi)對值進行就地編輯。例如,響應(yīng)于對值進行選擇,可將用戶界面顯示在該值附近,該用戶界面接收用于就地調(diào)整該值的滑動手勢。用戶界面可被配置成響應(yīng)于改變滑動手勢的級別來選擇該值的不同部分中的一個部分。例如,用戶可將滑刷手勢從用于調(diào)整日子值的級別移動到表示年份值的級別。所顯示的用戶界面和用于調(diào)整該值的方法可以基于值的類型以及文檔的結(jié)構(gòu)和內(nèi)容。
文檔編號G06F3/0487GK102929511SQ201210356820
公開日2013年2月13日 申請日期2012年9月21日 優(yōu)先權(quán)日2011年9月22日
發(fā)明者B·E·蘭帕森, K·X·程 申請人:微軟公司