在圖形用戶界面內(nèi)的對象放置的制作方法
【專利說明】
【背景技術(shù)】
[0001]許多用戶可以通過界面(諸如圖形用戶界面)來與內(nèi)容進(jìn)行交互。在一個(gè)示例中,用戶可以通過在線地圖界面來交互性地規(guī)劃駕駛路線。在另一個(gè)示例中,用戶可以通過新聞閱讀應(yīng)用界面來閱讀新聞文章。在另一個(gè)示例中,用戶可以通過圖像分享界面來分享圖像。以這種方式,各種界面可以允許用戶將多種多樣的內(nèi)容可視化和/或與其進(jìn)行交互。隨著計(jì)算設(shè)備變得更加完善,新的用戶輸入技術(shù)已經(jīng)變得可用,諸如鼠標(biāo)輸入、鍵盤輸入、話音命令和/或觸摸輸入。作為示例,通過平板設(shè)備的觸摸輸入可以允許用戶選取對象、拖放對象和/或通過觸摸來執(zhí)行其他的命令。遺憾地,當(dāng)用戶使用觸摸輸入(諸如通過手指或者輸入裝置)來與對象進(jìn)行交互時(shí),該對象的用戶視圖可能會在視覺上被遮擋。例如,用戶可能不能使得對象可視化,因?yàn)橛脩舻氖种缚赡軙踝≡搶ο蟮挠脩粢晥D。以這種方式,放置該對象時(shí)(例如,當(dāng)拖放該對象時(shí))的準(zhǔn)確度可能會降低。
【發(fā)明內(nèi)容】
[0002]本概要被提供來以簡化的形式引入構(gòu)思的選擇,這些構(gòu)思還將在下面的詳細(xì)說明中進(jìn)行描述。本概要并非意圖標(biāo)識所要求保護(hù)的主題的關(guān)鍵特征或者必要特征,也不意圖被用來限制所要求保護(hù)的主題的范圍。將領(lǐng)會的是,在本文中提供了各種示例,并且這樣的示例并非意圖限制本申請,包括權(quán)利要求的范圍。相反,除了其它事物之外,所述示例旨在例如促進(jìn)理解。
[0003]本文特別提供了用于將某個(gè)對象放置在界面中的一個(gè)或者多個(gè)系統(tǒng)和/或技術(shù)??梢灶I(lǐng)會的是,界面可以相對應(yīng)于許多基于計(jì)算機(jī)的界面(例如,圖形用戶界面),諸如新聞閱讀應(yīng)用、由在線地圖網(wǎng)站提供的地圖、視頻游戲、圖像分享應(yīng)用、社交網(wǎng)絡(luò)網(wǎng)站、圖像、由文本編輯應(yīng)用提供的文本文檔、編程開發(fā)環(huán)境等等。對象可與界面(例如,用于地圖的標(biāo)記針(marker pin)、用于文本編輯應(yīng)用的游標(biāo)、圖標(biāo)、圖像、文本框和/或任何類型的用戶界面元素)相關(guān)聯(lián)。在一個(gè)示例中,對象可對應(yīng)于界面中預(yù)先存在的對象(例如,已經(jīng)被放置在地圖中的標(biāo)記針)。在另一個(gè)示例中,對象可對應(yīng)于創(chuàng)建新對象功能,諸如創(chuàng)建對象觸摸手勢、自動過程、創(chuàng)建新對象菜單項(xiàng)等等。
[0004]在將對象放置在界面中的一個(gè)示例中,與該對象相關(guān)聯(lián)的初始拖動可以被檢測到。例如,用戶可以開始觸摸和/或拖動界面內(nèi)的對象。在初始拖動期間,對象的錨點(diǎn)可保留在原始位置處(例如,該對象被錨定到界面上的某個(gè)點(diǎn)),但是對象的視覺狀態(tài)可以基于初始拖動而變換。在變換對象的視覺狀態(tài)的一個(gè)示例中,指示符可以是與對象相關(guān)聯(lián)的(例如,淚珠的形狀可以被顯示在該對象周圍),并且可以在初始拖動的方向上拉伸。響應(yīng)于超過變換閾值的初始拖動(例如,對象被拖動的距離超過了離錨點(diǎn)的預(yù)定義距離),該對象可以被變換成代表該對象的精確放置(placement)對象。
[0005]基于重新定位(reposit1n)的移動(諸如拖動手勢),用戶可以自由地在界面內(nèi)移動所述精確放置對象。例如,基于對這樣的重新定位的移動的檢測,精確放置對象的當(dāng)前位置可以在界面中被轉(zhuǎn)移(translate)。在一個(gè)示例中,響應(yīng)于檢測的暫停輸入(例如,用戶在拖動手勢期間暫停),可以顯示放置預(yù)覽。例如,與將對象放置在精確放置對象的當(dāng)前位置相關(guān)聯(lián)的信息可以被顯示為視覺描述和/或文本描述。以這種方式,用戶可以在決心將對象放置在界面內(nèi)之前自由地在界面內(nèi)移動精確放置對象和/或使放置預(yù)覽可視化。
[0006]響應(yīng)于與精確放置對象相關(guān)聯(lián)的放置輸入(例如,用戶通過將手指抬離界面中的精確放置對象來松開拖動的手勢),精確放置對象被變換成對象。以這種方式,對象可以被放置(例如,錨定)在界面內(nèi)相對應(yīng)于精確放置對象的當(dāng)前位置的放置位置處。例如,對象可被放置在精確放置對象的精確點(diǎn)處(例如,淚珠形狀的精確放置對象的尖端)。因?yàn)榫_點(diǎn)可能不對應(yīng)于由用戶使用來移動精確放置對象的觸摸區(qū)域,用戶可以將對象準(zhǔn)確地放置在精確點(diǎn)而不會有視覺遮擋。
[0007]為了完成前述和相關(guān)目的,以下描述和附圖闡述了某些說明性的方面和實(shí)施方案。這些指示了可以在其中采用一個(gè)或者多個(gè)方面的各種方式中的一些方式。當(dāng)連同附圖進(jìn)行考慮時(shí),本公開內(nèi)容的其它方面、優(yōu)點(diǎn)和新穎特征將根據(jù)以下詳細(xì)描述而變得明顯。
【附圖說明】
[0008]圖1是圖示出在界面內(nèi)放置對象的示范性方法的流程圖。
[0009]圖2是圖示出用于在界面內(nèi)變換對象的視覺狀態(tài)的示范性系統(tǒng)的組件方框圖。
[0010]圖3是圖示出用于在界面內(nèi)變換對象的視覺狀態(tài)的示范性系統(tǒng)的組件方框圖。
[0011]圖4是圖示出用于在界面內(nèi)將對象變換成精確放置對象的示范性系統(tǒng)的組件方框圖。
[0012]圖5是圖示出用于在界面內(nèi)展現(xiàn)放置預(yù)覽的示范性系統(tǒng)的組件方框圖。
[0013]圖6是圖示出用于在界面內(nèi)展現(xiàn)放置預(yù)覽的示范性系統(tǒng)的組件方框圖。
[0014]圖7是圖示出用于在界面內(nèi)將精確放置對象變換成對象的示范性系統(tǒng)的組件方框圖。
[0015]圖8是圖示出用于在界面內(nèi)將精確放置對象變換成對象的示范性系統(tǒng)的組件方框圖。
[0016]圖9是圖示出用于將對象放置在界面中的示范性系統(tǒng)的組件方框圖。
[0017]圖10是圖示出用于將對象放置在界面中的示范性系統(tǒng)的組件方框圖。
[0018]圖11是示范性計(jì)算機(jī)可讀介質(zhì)的舉例說明,其中被配置用于體現(xiàn)本文闡述的規(guī)定(provis1n)中的一個(gè)或者多個(gè)的處理器可執(zhí)行指令可以被包括在內(nèi)。
[0019]圖12圖示出示范性計(jì)算環(huán)境,其中本文闡述的規(guī)定中的一個(gè)或者多個(gè)可以被實(shí)施。
【具體實(shí)施方式】
[0020]現(xiàn)參考圖來描述所要求保護(hù)的主題,其中貫穿全文,相似的參考數(shù)字一般用來指代相似的元件。在以下描述中,為了解釋,闡述許多具體細(xì)節(jié)以便提供對于所要求保護(hù)的主題的透徹理解。然而,可能明顯的是,所要求保護(hù)的主題可以被實(shí)踐,而不需要這些具體細(xì)節(jié)。在其它實(shí)例中,以方框圖的形式來圖示出結(jié)構(gòu)和設(shè)備以便于促進(jìn)對所要求保護(hù)的主題的描述。
[0021]許多界面允許用戶操縱對象。例如,地圖應(yīng)用可以允許用戶在地圖內(nèi)放置標(biāo)記針從而創(chuàng)建路線。遺憾地是,當(dāng)在界面內(nèi)移動和/或放置對象時(shí),許多輸入技術(shù)(諸如利用手指或者其它觸摸裝置的觸摸手勢)可能會在視覺上擋住對象的用戶視圖。例如,當(dāng)用戶在地圖中使用手指來移動標(biāo)記針時(shí),手指在地圖內(nèi)到處拖動標(biāo)記針的同時(shí)可能會在視覺上遮擋標(biāo)記針的用戶視圖,從而導(dǎo)致在放置標(biāo)記針時(shí)準(zhǔn)確度上的損失。相應(yīng)地,如本文提供的,為對象提供放置技術(shù),其減輕了對該對象的視覺遮擋。
[0022]在界面內(nèi)放置對象的一個(gè)實(shí)施例由圖1中的示范性方法100來說明。在102,該方法開始。例如,諸如地圖界面那樣的界面可以通過計(jì)算設(shè)備(諸如觸摸屏設(shè)備)而被展現(xiàn)給用戶。例如,諸如標(biāo)記針那樣的對象可以是與該界面相關(guān)聯(lián)的(例如,預(yù)先存在的對象、與自動創(chuàng)建對象功能相關(guān)聯(lián)的對象、與創(chuàng)建對象手勢相關(guān)聯(lián)的對象、與創(chuàng)建對象菜單項(xiàng)相關(guān)聯(lián)的對象等等)。在104,響應(yīng)于檢測到的與對象相關(guān)聯(lián)的初始拖動,該對象的視覺狀態(tài)可以被變換(例如,圖3的示例300)。例如,用戶可以使用手指來選擇該對象和/或?qū)⑵渫想x將對象錨定在界面中的原始位置處的錨點(diǎn)。為了減少無意識的用戶輸入(例如,其可能會以其它方式錯(cuò)誤地移動對象),在對象的視覺狀態(tài)的變換期間,對象可以保持錨定在原始位置的錨點(diǎn)處。在變換對象的一個(gè)示例中,指示符(諸如淚珠形狀的對象)可以被顯示在對象周圍和/或可以按照初始拖動而被拉伸或者擴(kuò)大。可以領(lǐng)會的是,各種形狀、大小、配置和/或用戶界面元素可以被用作指示符并且以適當(dāng)?shù)姆绞絹?重新)改變大小。如果初始拖動沒有超過變換閾值(例如,在松開標(biāo)記針之前,用戶沒有將該標(biāo)記針從原始位置移動超過閾值距離),對象的視覺狀態(tài)可以被變換成原始視覺狀態(tài)。
[0023]在106,響應(yīng)于超過變換閾值的初始拖動(例如,離對象的原始位置特定的距離),對象可以被變換成精確放置對象(例如,圖4的示例400)。在對象的移動和/或放置期間,精確放置對象可以在視覺上代表對象,因?yàn)榫_放置對象可以按照特定形狀來顯示,該特定形狀允許用戶在移動和/或放置期間在視覺上觀測精確放置對象的精確點(diǎn),其可以增強(qiáng)放置的準(zhǔn)確度。也就是說,精確放置對象可以包括代表該精確放置對象的當(dāng)前位置的精確點(diǎn),以使得對象可以基于放置輸入而被放置在該當(dāng)前位置上。在精確放置對象的一個(gè)示例中,精確放置對象可以包括淚珠形狀,其中淚珠形狀的尖端對應(yīng)于精確點(diǎn)。因?yàn)榫_點(diǎn)可以不位于用來“抓/拿”和/或移動精確放置對象的觸摸區(qū)域,所以用戶可以通過使用觸摸區(qū)域來自由地移動精確放置對象,而不會遮擋精確點(diǎn)的用戶視圖。
[0024]在108,響應(yīng)于檢測到與精確放置對象相關(guān)聯(lián)的重新定位移動(例如,用戶可以在精確放置對象的觸摸區(qū)域上通過手指拖動手勢來拖動精確放置對象),精確放置對象的當(dāng)前位置可以在界面中被轉(zhuǎn)移(例如,圖5的示例500和圖6的示例600)。以這種方式,用戶可以通過被檢測為重新定位移動(例如,手指的拖動)的當(dāng)前用戶輸入來在界面中自由地移動精確放置對象。<