用戶界面顯示的控制方法和裝置制造方法
【專利摘要】本申請?zhí)峁┮环N用戶界面顯示的控制方法和裝置。該控制方法包括:接收用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作;響應(yīng)于該輸入操作,監(jiān)測當(dāng)前頁面是否移動;以及當(dāng)監(jiān)測到當(dāng)前頁面移動時,使當(dāng)前頁面的位置復(fù)原。由此通過攔截用戶在輸入?yún)^(qū)域中的輸入操作,在頁面位置發(fā)生變化之前即可啟動對頁面移動的監(jiān)測和復(fù)原,從而確保輸入?yún)^(qū)域位于當(dāng)前頁面中的固定位置,而不會因用戶的輸入操作而上下波動,從而避免用戶的誤操作、方便用戶的使用以及提升用戶的體驗感受。
【專利說明】用戶界面顯示的控制方法和裝置
【技術(shù)領(lǐng)域】
[0001]本申請涉及移動互聯(lián)網(wǎng)領(lǐng)域,尤其涉及用戶界面顯示的控制方法和裝置。
【背景技術(shù)】
[0002]這里的內(nèi)容盡管是在【背景技術(shù)】標(biāo)題下闡述的,但是其中也包含了本發(fā)明人的發(fā)現(xiàn)和構(gòu)思,所以不應(yīng)被完全視為現(xiàn)有技術(shù)。
[0003]隨著移動互聯(lián)網(wǎng)的迅速發(fā)展,通過移動終端瀏覽網(wǎng)頁已經(jīng)成為一種流行趨勢。由于移動終端屏幕尺寸的限制以及操作系統(tǒng)的多樣化,面向移動終端用戶的友好界面的開發(fā)越來越重要。
[0004]在通過觸摸屏作為輸入方式的移動終端的用戶界面中,當(dāng)用戶需要輸入信息時,響應(yīng)于用戶觸摸或點(diǎn)擊當(dāng)前頁面中的輸入?yún)^(qū)域,通常在頁面的底部頂出一個鍵盤區(qū)域以供用戶輸入使用,并且整個頁面會上移以使該輸入?yún)^(qū)域處于鍵盤以上區(qū)域的中心位置,從而起到提示用戶輸入的作用。
[0005]當(dāng)在頁面中存在多個輸入?yún)^(qū)域并且用戶在這多個輸入?yún)^(qū)域之間進(jìn)行切換時,頁面(輸入?yún)^(qū)域)會上下移動,以保證被聚焦的輸入?yún)^(qū)域處于鍵盤以上區(qū)域的中心位置,以起到上述提示用戶輸入的作用。
[0006]例如,在通過蘋果iPhone0S6操作系統(tǒng)下的智能手機(jī)登錄淘寶網(wǎng)時,在會員登錄頁面上需要用戶輸入會員名和密碼。圖1示意性地示出了在用戶輸入信息時用戶界面的變化。圖1中的左側(cè)部分示意性地示出了當(dāng)用戶進(jìn)入會員登錄頁面時的用戶界面,此時用戶還沒有觸摸或點(diǎn)擊輸入?yún)^(qū)域。圖1中的中間部分示意性地示出了當(dāng)用戶觸摸或點(diǎn)擊會員名輸入?yún)^(qū)域時的用戶界面,此時在頁面下方頂出一個鍵盤區(qū)域,并且光標(biāo)聚焦在該會員名輸入?yún)^(qū)域中,同時頁面向上移動,使得該會員名輸入?yún)^(qū)域處于鍵盤以上區(qū)域的中心位置。通過該鍵盤區(qū)域,用戶可以輸入會員名。接下來用戶從對會員名的輸入切換到對密碼的輸入。圖1中的右側(cè)部分示意性地示出了當(dāng)用戶觸摸或點(diǎn)擊位于會員名輸入?yún)^(qū)域下方的密碼輸入?yún)^(qū)域時的用戶界面,此時光標(biāo)聚焦在該密碼輸入?yún)^(qū)域中,同時頁面向上移動,使得該密碼輸入?yún)^(qū)域處于鍵盤以上區(qū)域的中心位置。而當(dāng)用戶再次從對密碼的輸入切換到對會員名的輸入時,用戶觸摸或點(diǎn)擊位于密碼輸入?yún)^(qū)域上方的會員名輸入?yún)^(qū)域,此時光標(biāo)再次聚焦在會員名輸入?yún)^(qū)域中,同時頁面向下移動,使得該會員名輸入?yún)^(qū)域處于鍵盤以上區(qū)域的中心位置,此時的用戶界面類似于圖1中的中間部分所示。
[0007]可見,目前在對輸入?yún)^(qū)域進(jìn)行操作的過程中,頁面總是呈現(xiàn)上下波動,輸入?yún)^(qū)域也會隨之上下波動,在多個輸入?yún)^(qū)域之間切換時更為如此。
[0008]另外,類似地,當(dāng)用戶在表情輸入模式和文本輸入模式之間切換時,由于表情區(qū)域與鍵盤區(qū)域的差異,為了將輸入?yún)^(qū)域置于表情或鍵盤以上區(qū)域的中心位置,所以也會出現(xiàn)頁面的上下波動。
[0009]實(shí)踐中發(fā)現(xiàn),這種輸入?yún)^(qū)域的上下波動可能會造成用戶的誤操作,給用戶帶來不便。
【發(fā)明內(nèi)容】
[0010]因此,本申請的主要目的在于提供一種能夠消除這種輸入?yún)^(qū)域的上下波動的技術(shù),從而克服上述缺陷。
[0011]根據(jù)本申請的一個方面,提供一種用戶界面顯示的控制方法,其特征在于,包括:接收用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作;響應(yīng)于該輸入操作,監(jiān)測當(dāng)前頁面是否移動;以及當(dāng)監(jiān)測到當(dāng)前頁面移動時,使當(dāng)前頁面的位置復(fù)原。
[0012]根據(jù)本申請的另一方面,提供一種用戶界面顯示的控制裝置,其特征在于,包括:接收單元,用于接收用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作;監(jiān)測單元,用于響應(yīng)于該輸入操作來監(jiān)測當(dāng)前頁面是否移動;以及復(fù)原單元,用于當(dāng)監(jiān)測到當(dāng)前頁面移動時使當(dāng)前頁面的位置復(fù)原。
[0013]與現(xiàn)有技術(shù)相比,根據(jù)本申請的技術(shù)方案,通過攔截用戶在輸入?yún)^(qū)域上的輸入操作,使得在輸入?yún)^(qū)域聚焦(頁面位置發(fā)生變化)之前觸發(fā)對頁面移動的監(jiān)測和復(fù)原,由此能夠確保輸入?yún)^(qū)域位于用戶界面中的固定位置,而不會因用戶的輸入操作而上下波動,從而避免用戶的誤操作、方便用戶的使用以及提升用戶的體驗感受。
【專利附圖】
【附圖說明】
[0014]此處所說明的附圖用來提供對本申請的進(jìn)一步理解,構(gòu)成本申請的一部分,本申請的示意性實(shí)施例及其說明用于解釋本申請,并不構(gòu)成對本申請的不當(dāng)限定。在附圖中:
[0015]圖1示意性地示出了在用戶輸入信息時用戶界面的變化;
[0016]圖2示出了根據(jù)本申請一個實(shí)施例的用戶界面顯示的控制方法的流程圖;
[0017]圖3示出了根據(jù)本申請另一個實(shí)施例的用戶界面顯示的控制方法的流程圖;
[0018]圖4示出了根據(jù)本申請一個實(shí)施例的用戶界面顯示的控制裝置的框圖;以及
[0019]圖5示出了根據(jù)本申請另一個實(shí)施例的用戶界面顯示的控制裝置的框圖。
【具體實(shí)施方式】
[0020]本申請的主要思想在于,攔截用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作,使得在頁面位置發(fā)生變化之前觸發(fā)對當(dāng)前頁面的位置的監(jiān)控機(jī)制,使得監(jiān)測當(dāng)前頁面的位置是否改變,并且在頁面位置改變時立即復(fù)原該當(dāng)前頁面的位置,從而確保頁面輸入?yún)^(qū)域不會因用戶的輸入操作而上下波動。
[0021]根據(jù)該思想,在響應(yīng)于用戶在當(dāng)前頁面輸入?yún)^(qū)域中的輸入操作可觸發(fā)的任何操作過程中,都可以適當(dāng)?shù)匾肷鲜霰旧暾埖捻撁嫖恢帽O(jiān)控機(jī)制。例如,在輸入?yún)^(qū)域聚焦和鍵盤呼出的過程中可以增加對當(dāng)前頁面的監(jiān)控,使得當(dāng)前頁面不發(fā)生上下波動。具體而言,通過響應(yīng)于用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作,不僅可以啟動對輸入?yún)^(qū)域的聚焦和鍵盤的呼出,而且可以同時啟動對當(dāng)前頁面的位置的監(jiān)測和復(fù)原。另外,在其它情形中,諸如在當(dāng)前頁面中的輸入?yún)^(qū)域之間進(jìn)行切換時或者在表情輸入模式和文本輸入模式之間進(jìn)行切換時,也可以增加對當(dāng)前頁面位置的監(jiān)控,使得當(dāng)前頁面不發(fā)生上下波動。由此能夠消除在這些操作過程中輸入?yún)^(qū)域的上下波動,確保輸入?yún)^(qū)域位于用戶界面中的固定位置,從而避免用戶的誤操作、方便用戶的使用以及提升用戶的體驗感受。[0022]為使本申請的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚,以下結(jié)合附圖及具體實(shí)施例,對本申請作進(jìn)一步的詳細(xì)說明。
[0023]根據(jù)本申請的實(shí)施例,提供了一種用戶界面顯示的控制方法。
[0024]圖2示出了根據(jù)本申請一個實(shí)施例的用戶界面顯示的控制方法的流程圖。
[0025]在步驟S210處,接收用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作。
[0026]具體而言,當(dāng)用戶想要在當(dāng)前頁面的輸入?yún)^(qū)域中輸入諸如文本、表情符號之類的信息時,用戶可以通過觸摸、單擊、雙擊等中的任意一種或多種方式來對輸入?yún)^(qū)域(例如輸入框)進(jìn)行操作。
[0027]相應(yīng)地,客戶端設(shè)備可以接收用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作。該輸入操作可以包括用戶的觸摸操作、單擊操作、雙擊操作中的任意一種。
[0028]在一個實(shí)施例中,通過覆蓋在輸入?yún)^(qū)域上方的浮動組件接收輸入操作。具體而言,客戶端設(shè)備可以通過在現(xiàn)有的輸入組件(輸入框,輸入?yún)^(qū)域)上方覆蓋一個浮動組件諸如DIV或SPAN組件來接收或攔截用戶的輸入操作。通過這樣的方式,可以在頁面位置發(fā)生變化之前即觸發(fā)對頁面移動的監(jiān)控,并復(fù)原頁面位置,由此可以確保及時監(jiān)測到頁面移動并對其進(jìn)行復(fù)原,從而保證頁面中的輸入?yún)^(qū)域不會上下波動。這一點(diǎn)在稍后也將進(jìn)行詳細(xì)描述。
[0029]其中,浮動組件可以為本領(lǐng)域已知或未來開發(fā)的任意組件,只要其覆蓋在輸入?yún)^(qū)域上方能夠攔截用戶在輸入?yún)^(qū)域中的輸入操作即可。例如,浮動組件可以為透明組件或非透明組件。更具體而言,例如,浮動組件可以為DIV組件或SPAN組件。
[0030]應(yīng)注意的是,接收用戶在輸入?yún)^(qū)域中的輸入操作并不限于這里列舉的實(shí)施例中的方式,也可以使用其它本領(lǐng)域已知或未來開發(fā)的任意合適方式來實(shí)現(xiàn)。
[0031]接下來,在步驟S220處,響應(yīng)于該輸入操作,監(jiān)測當(dāng)前頁面是否移動。也就是,當(dāng)如上所述接收到或攔截到用戶在輸入?yún)^(qū)域中的輸入操作時,客戶端設(shè)備可以啟動對頁面移動的監(jiān)測。
[0032]這里本發(fā)明人注意到,通常在用戶觸摸或點(diǎn)擊輸入?yún)^(qū)域使得聚焦輸入?yún)^(qū)域并呼出鍵盤時,頁面會在鍵盤出現(xiàn)的一瞬間發(fā)生波動,之后在用戶繼續(xù)輸入信息的過程中不會再發(fā)生頁面的波動,因此可以只對這一時段的頁面進(jìn)行監(jiān)控。
[0033]因此,在一個實(shí)施例中,可以在預(yù)定時間段內(nèi)監(jiān)測當(dāng)前頁面是否移動。具體而言,如果監(jiān)測時段超過預(yù)定時間段,則客戶端設(shè)備停止對頁面移動的監(jiān)測。這里,預(yù)定時間段例如為I秒鐘。本領(lǐng)域技術(shù)人員可以理解到,該預(yù)定時間段并不限于該示例,而是可以為任意合適時段。
[0034]與響應(yīng)于輸入操作始終監(jiān)測頁面的情況相比,這樣可以節(jié)省客戶端設(shè)備資源并減輕客戶端設(shè)備的負(fù)擔(dān)。
[0035]關(guān)于實(shí)現(xiàn)上述監(jiān)測的方法,在一個具體實(shí)施例中,響應(yīng)于接收到該輸入操作,客戶端設(shè)備可以調(diào)用窗口滾動函數(shù)window, scroll O來監(jiān)測當(dāng)前頁面是否移動。窗口滾動函數(shù)window, scroll O是本領(lǐng)域已知的可以用于滾動所指定的窗口區(qū)域內(nèi)容的函數(shù)。
[0036]具體而言,可以通過調(diào)用窗口滾動函數(shù)window, scroll O ,監(jiān)測window,scroll (X, Y)的坐標(biāo)是否發(fā)生變化,來判斷當(dāng)前頁面是否移動。例如,在用戶點(diǎn)擊輸入?yún)^(qū)域的情況下,當(dāng)監(jiān)測到縱坐標(biāo)window, scroll (Y)發(fā)生變化時,可以判定當(dāng)前頁面發(fā)生了上下移動。同樣,在其它情形中,當(dāng)監(jiān)測到橫坐標(biāo)window, scroll (X)發(fā)生變化時,也可以判定當(dāng)前頁面發(fā)生了左右移動。當(dāng)監(jiān)測到橫坐標(biāo)window, scroll (X)和縱坐標(biāo)window, scroll(Y)都發(fā)生變化時,也可以判定當(dāng)前頁面既發(fā)生了左右移動又發(fā)生了上下移動。
[0037]在一個更具體實(shí)施例中,客戶端設(shè)備可以按照預(yù)定時間間隔調(diào)用窗口滾動函數(shù)window, scroll O來監(jiān)測當(dāng)前頁面是否移動。
[0038]例如,該預(yù)定時間間隔可以為20ms。但本領(lǐng)域技術(shù)人員可以理解到,該預(yù)定時間間隔也可以為其它任意合適時段,只要使得用戶感受不到頁面移動即可。與始終調(diào)用窗口滾動函數(shù)的情況相比,這樣間歇性地調(diào)用窗口滾動函數(shù)也可以節(jié)省客戶端設(shè)備資源并減輕客戶端設(shè)備的負(fù)擔(dān)。
[0039]應(yīng)注意的是,監(jiān)測當(dāng)前頁面是否移動并不限于這里在實(shí)施例中闡明的方法,而是可以使用其它本領(lǐng)域已知或未來開發(fā)的任意合適方法來實(shí)現(xiàn)。
[0040]根據(jù)上述步驟S220,如果監(jiān)測到當(dāng)前頁面移動,則進(jìn)行到步驟S230。
[0041]在步驟S230處,當(dāng)監(jiān)測到當(dāng)前頁面移動時,使當(dāng)前頁面的位置復(fù)原。
[0042]在一個實(shí)施例中,可以通過調(diào)用窗口滾動函數(shù)window.scrollO來使所述當(dāng)前頁面定位到初始位置。
[0043]具體而言,當(dāng)用戶進(jìn)入當(dāng)前頁面時(對應(yīng)于圖1左側(cè)部分所示的情形,也就是,在用戶點(diǎn)擊輸入?yún)^(qū)域之前),客戶端設(shè)備可以調(diào)用窗口滾動函數(shù)window, scroll O重新移動當(dāng)前頁面,使得隱藏地址欄,并且將頂部重新定位為window, scroll (O, 0)。這里可以將此時的window, scroll (0,0)位置稱為當(dāng)前頁面的初始位置。接下來在用戶點(diǎn)擊一個輸入?yún)^(qū)域時,通常情況下由于需要將被聚焦的輸入?yún)^(qū)域重置于鍵盤以上區(qū)域的中心位置,因而頁面會上下移動,隨之縱坐標(biāo)window, scroll (Y)會發(fā)生改變。當(dāng)如步驟S220處那樣監(jiān)測到該縱坐標(biāo)window, scroll (Y)發(fā)生改變時,客戶端設(shè)備可以調(diào)用窗口滾動函數(shù)windowl.scroll O來移動當(dāng)前頁面,使得當(dāng)前頁面的windowl.scroll (O, Y)恢復(fù)到初始位置window, scroll (O, 0),從而使當(dāng)前頁面的位置復(fù)原。
[0044]應(yīng)注意的是,當(dāng)監(jiān)測到當(dāng)前頁面移動時使當(dāng)前頁面的位置復(fù)原的實(shí)現(xiàn)方式并不限于這里在實(shí)施例中所述的方式,而是可以使用其它本領(lǐng)域已知或未來開發(fā)的任意合適方式,只要確保用戶感受不到頁面的移動即可。
[0045]此外,一種可行的方案是,在頁面聚焦(即focus事件)并彈出鍵盤時通過onfocus事件的觸發(fā)來執(zhí)行頁面位置的監(jiān)控和回調(diào)。根據(jù)在iso6操作系統(tǒng)中的實(shí)驗數(shù)據(jù)表明,輸入?yún)^(qū)域的focus事件到onfocus事件之間有33ms的時間間隔,因此,focus事件引發(fā)的頁面移動到通過onfocus事件執(zhí)行頁面回調(diào)具有較大的時間間隔。而在本實(shí)施例中,通過浮動組件攔截用戶的輸入操作,使得在頁面位置發(fā)生變化之前即觸發(fā)對頁面移動的監(jiān)控,并復(fù)原頁面位置。因此,本實(shí)施例對頁面移動的監(jiān)控和復(fù)原不受onfocus事件響應(yīng)慢的困擾,可及時在頁面位置發(fā)生變化時對頁面進(jìn)行回調(diào)。
[0046]至此,已經(jīng)描述了根據(jù)本申請一個實(shí)施例的用戶界面顯示的控制方法,其中通過攔截用戶在當(dāng)前頁面輸入?yún)^(qū)域中的輸入操作,在輸入?yún)^(qū)域的聚焦觸發(fā)(頁面位置發(fā)生變化)之前即可啟動對當(dāng)前頁面位置的監(jiān)測和復(fù)原。由此,能夠?qū)崿F(xiàn)使得輸入?yún)^(qū)域位于用戶界面中的固定位置,而不會因用戶的輸入操作而上下波動。
[0047]圖3示出了根據(jù)本申請另一個實(shí)施例的用戶界面顯示的控制方法的流程圖。該圖示出了將結(jié)合圖2所描述的用戶界面顯示控制方法應(yīng)用于輸入?yún)^(qū)域聚焦和鍵盤呼出場景中的情況。
[0048]在步驟S310處,接收用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作。在步驟S320處,響應(yīng)于該輸入操作,監(jiān)測當(dāng)前頁面是否移動。在步驟S330處,當(dāng)監(jiān)測到當(dāng)前頁面移動時,使當(dāng)前頁面的位置復(fù)原。該步驟S310-S330與圖2中的步驟S210-S230是相同的,關(guān)于其具體細(xì)節(jié)可參考前述內(nèi)容,這里不再贅述。下面僅針對步驟S340進(jìn)行描述。
[0049]在步驟S340處,響應(yīng)于上述輸入操作,對上述輸入?yún)^(qū)域進(jìn)行聚焦并且呼出鍵盤。
[0050]具體而言,輸入?yún)^(qū)域的聚焦可以理解為是光標(biāo)在輸入?yún)^(qū)域中的聚焦或出現(xiàn)。在光標(biāo)出現(xiàn)的同時,鍵盤也被呼出。對輸入?yún)^(qū)域的聚焦使得輸入?yún)^(qū)域獲得接收或響應(yīng)外部輸入設(shè)備(例如鼠標(biāo)或鍵盤)輸入信息的能力,可以通過focus ()方法實(shí)現(xiàn)。
[0051]可以理解到,在本實(shí)施例中,響應(yīng)于用戶在當(dāng)前頁面輸入?yún)^(qū)域中的輸入操作,可以觸發(fā)對當(dāng)前頁面位置的監(jiān)測和復(fù)原,并且可以同時觸發(fā)輸入?yún)^(qū)域的聚焦和鍵盤的呼出。換言之,在本實(shí)施例中,在響應(yīng)于用戶的輸入操作對輸入?yún)^(qū)域進(jìn)行聚焦和呼出鍵盤的過程中,可以對當(dāng)前頁面進(jìn)行監(jiān)測和復(fù)原,保證輸入?yún)^(qū)域不會上下波動。
[0052]上述情況例如可以對應(yīng)于圖1的中間部分所示的情形,即在用戶進(jìn)入當(dāng)前頁面后觸摸或點(diǎn)擊第一個輸入?yún)^(qū)域時的情形。本領(lǐng)域技術(shù)人員可以理解到,圖2所描述的用戶界面顯示控制方法也可以應(yīng)用于其它響應(yīng)于用戶在輸入?yún)^(qū)域中的輸入操作可觸發(fā)的任何合適場景中。例如,圖1的最右側(cè)部分所示的情形,即用戶在當(dāng)前頁面的多個輸入?yún)^(qū)域之間進(jìn)行切換時的情形。另外,也可以應(yīng)用于用戶從表情輸入模式到文本輸入模式的切換過程中。
[0053]類似地,根據(jù)本實(shí)施例,通過攔截用戶在當(dāng)前頁面輸入?yún)^(qū)域中的輸入操作,啟動對當(dāng)前頁面位置的監(jiān)測和復(fù)原,同時啟動對輸入?yún)^(qū)域的聚焦和鍵盤的呼出。由此使得在輸入?yún)^(qū)域的聚焦和鍵盤呼出的過程中對當(dāng)前頁面進(jìn)行監(jiān)控,從而確保輸入?yún)^(qū)域不會上下波動,進(jìn)而避免用戶的誤操作、方便用戶的使用以及提升用戶的體驗感受。
[0054]至此,已經(jīng)結(jié)合本申請的實(shí)施例描述了本申請一個方面的用戶界面顯示的控制方法。相應(yīng)地,根據(jù)本申請的另一方面,還提供了一種用戶界面顯示的控制裝置。
[0055]圖4示出了根據(jù)本申請一個實(shí)施例的用戶界面顯示的控制裝置400的框圖。如圖4所示,控制裝置400可以包括接收單元410、監(jiān)測單元420和復(fù)原單元430。
[0056]更具體而言,接收單元410可以用于接收用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作。監(jiān)測單元420可以用于響應(yīng)于該輸入操作來監(jiān)測當(dāng)前頁面是否移動。復(fù)原單元430可以用于當(dāng)監(jiān)測到當(dāng)前頁面移動時使當(dāng)前頁面的位置復(fù)原。
[0057]在一個實(shí)施例中,接收單元410可以包括覆蓋在輸入?yún)^(qū)域上方的浮動組件,用于攔截或接收用戶在該輸入?yún)^(qū)域中的輸入操作。浮動組件可以為本領(lǐng)域已知或未來開發(fā)的任意組件,只要其覆蓋在輸入?yún)^(qū)域上方能夠攔截用戶在輸入?yún)^(qū)域中的輸入操作即可。例如,浮動組件可以為透明組件或非透明組件。更具體而言,例如,浮動組件可以為DIV組件或SPAN組件。
[0058]通過該用戶界面顯示的控制裝置,可以攔截用戶在當(dāng)前頁面輸入?yún)^(qū)域中的輸入操作,使得在頁面位置發(fā)生變化之前啟動對當(dāng)前頁面位置的監(jiān)測和復(fù)原,由此確保用戶輸入操作過程中當(dāng)前頁面位置不變,從而使得輸入?yún)^(qū)域位于用戶界面中的固定位置,而不會因用戶的輸入操作而上下波動。[0059]圖5示出了根據(jù)本申請另一個實(shí)施例的用戶界面顯示的控制裝置500的框圖。
[0060]如圖5所示,控制裝置500可以包括接收單元510、監(jiān)測單元520、復(fù)原單元530以及聚焦和呼出單元540。
[0061]更具體而言,接收單元510可以用于接收用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作。監(jiān)測單元520可以用于響應(yīng)于該輸入操作來監(jiān)測當(dāng)前頁面是否移動。復(fù)原單元530可以用于當(dāng)監(jiān)測到當(dāng)前頁面移動時使當(dāng)前頁面的位置復(fù)原。這些單元510-530分別與圖4中的單元410-430相同。聚焦和呼出單元540可以用于響應(yīng)于該輸入操作來對輸入?yún)^(qū)域進(jìn)行聚焦并且呼出鍵盤。
[0062]在一個實(shí)施例中,接收單元510可以包括覆蓋在輸入?yún)^(qū)域上方的浮動組件,用于攔截或接收用戶在該輸入?yún)^(qū)域中的輸入操作。浮動組件可以為本領(lǐng)域已知或未來開發(fā)的任意組件,只要其覆蓋在輸入?yún)^(qū)域上方能夠攔截用戶在輸入?yún)^(qū)域中的輸入操作即可。例如,浮動組件可以為透明組件或非透明組件。更具體而言,例如,浮動組件可以為DIV組件或SPAN組件。
[0063]根據(jù)本實(shí)施例的用戶界面顯示的控制裝置,可以攔截用戶在當(dāng)前頁面輸入?yún)^(qū)域中的輸入操作,啟動對當(dāng)前頁面位置的監(jiān)測和復(fù)原,同時啟動對輸入?yún)^(qū)域的聚焦和鍵盤的呼出,由此使得在輸入?yún)^(qū)域的聚焦和鍵盤呼出的過程中對當(dāng)前頁面進(jìn)行監(jiān)控,從而確保輸入?yún)^(qū)域不會上下波動,進(jìn)而避免用戶的誤操作和方便用戶的使用,提升用戶體驗。
[0064]本實(shí)施例的用戶界面顯示的控制裝置500例如可以應(yīng)用于圖1的中間部分所示的情形,即在用戶進(jìn)入當(dāng)前頁面后觸摸或點(diǎn)擊第一個輸入?yún)^(qū)域時的情形。本領(lǐng)域技術(shù)人員可以理解到,在其它實(shí)施例中,對應(yīng)于其它響應(yīng)于用戶在輸入?yún)^(qū)域中的輸入操作可觸發(fā)的任何合適場景,還可以存在根據(jù)其它實(shí)施例的用戶界面顯示的控制裝置。例如,對應(yīng)于圖1的最右側(cè)部分所示的情形,即用戶在當(dāng)前頁面的多個輸入?yún)^(qū)域之間進(jìn)行切換時的情形,或者對應(yīng)于用戶從表情輸入模式到文本輸入模式的切換的情形,都可以存在相應(yīng)的用戶界面顯示的控制裝置。
[0065]以上描述的用戶界面顯示的控制裝置與之前描述的用戶界面顯示的控制方法的處理是對應(yīng)的,因此,關(guān)于其具體細(xì)節(jié),可以參見之前描述的用戶界面顯示的控制方法,這里不再贅述。
[0066]本領(lǐng)域技術(shù)人員應(yīng)明白,本申請的實(shí)施例可提供為方法、系統(tǒng)或計算機(jī)程序產(chǎn)品。因此,本申請可采用完全硬件實(shí)施例、完全軟件實(shí)施例或結(jié)合軟件和硬件方面的實(shí)施例的形式。而且,本申請可采用在一個或多個其中包含有計算機(jī)可用程序代碼的計算機(jī)可用存儲介質(zhì)(包括但不限于磁盤存儲器、CD-ROM、光學(xué)存儲器等)上實(shí)施的計算機(jī)程序產(chǎn)品的形式。
[0067]以上所述僅為本申請的實(shí)施例而已,并不用于限制本申請,對于本領(lǐng)域技術(shù)人員來說,本申請可以有各種更改和變化。凡在本申請的精神和原則之內(nèi),所作的任何修改、等同替換、改進(jìn)等,均應(yīng)包含在本申請的權(quán)利要求范圍之內(nèi)。
【權(quán)利要求】
1.一種用戶界面顯示的控制方法,其特征在于,包括: 接收用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作; 響應(yīng)于所述輸入操作,監(jiān)測所述當(dāng)前頁面是否移動;以及 當(dāng)監(jiān)測到所述當(dāng)前頁面移動時,使所述當(dāng)前頁面的位置復(fù)原。
2.根據(jù)權(quán)利要求1所述的控制方法,其特征在于,還包括: 響應(yīng)于所述輸入操作,對所述輸入?yún)^(qū)域進(jìn)行聚焦并且呼出鍵盤。
3.根據(jù)權(quán)利要求1所述的控制方法,其特征在于,所述接收用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作包括: 通過覆蓋在所述輸入?yún)^(qū)域上方的浮動組件接收所述輸入操作。
4.根據(jù)權(quán)利要求1所述的控制方法,其特征在于,所述監(jiān)測所述當(dāng)前頁面是否移動的步驟包括: 在預(yù)定時間段內(nèi)監(jiān)測所述當(dāng)前頁面是否移動。
5.根據(jù)權(quán)利要求1-4中任一項所述的控制方法,其特征在于,所述監(jiān)測所述當(dāng)前頁面是否移動的步驟包括: 調(diào)用窗口滾動函數(shù)來監(jiān)測所述當(dāng)前頁面是否移動。
6.根據(jù)權(quán)利要求5所述的控制方法,其特征在于,按照預(yù)定時間間隔調(diào)用所述窗口滾動函數(shù)來監(jiān)測所述當(dāng)前頁面是否移動。
7.根據(jù)權(quán)利要求1-4中任一項所述的控制方法,其特征在于,所述使所述當(dāng)前頁面的位置復(fù)原的步驟包括: 通過調(diào)用窗口滾動函數(shù)來使所述當(dāng)前頁面定位到初始位置。
8.根據(jù)權(quán)利要求1-4中任一項所述的控制方法,其特征在于,所述輸入操作包括觸摸操作、單擊操作、雙擊操作中的任意一種。
9.一種用戶界面顯示的控制裝置,其特征在于,包括: 接收單元,用于接收用戶在當(dāng)前頁面的輸入?yún)^(qū)域中的輸入操作; 監(jiān)測單元,用于響應(yīng)于所述輸入操作來監(jiān)測所述當(dāng)前頁面是否移動;以及 復(fù)原單元,用于當(dāng)監(jiān)測到所述當(dāng)前頁面移動時使所述當(dāng)前頁面的位置復(fù)原。
10.根據(jù)權(quán)利要求9所述的控制裝置,其特征在于,還包括: 聚焦和呼出單元,用于響應(yīng)于所述輸入操作來對所述輸入?yún)^(qū)域進(jìn)行聚焦并且呼出鍵盤。
11.根據(jù)權(quán)利要求9所述的控制裝置,其特征在于,所述接收單元包括覆蓋在所述輸入?yún)^(qū)域上方的浮動組件。
12.根據(jù)權(quán)利要求9所述的控制裝置,其特征在于,所述監(jiān)測單元在預(yù)定時間段內(nèi)監(jiān)測所述當(dāng)前頁面是否移動。
13.根據(jù)權(quán)利要求9-12中任一項所述的控制裝置,其特征在于,所述監(jiān)測單元調(diào)用窗口滾動函數(shù)來監(jiān)測所述當(dāng)前頁面是否移動。
14.根據(jù)權(quán)利要求13所述的控制裝置,其特征在于,所述監(jiān)測單元按照預(yù)定時間間隔調(diào)用所述窗口滾動函數(shù)來監(jiān)測所述當(dāng)前頁面是否移動。
15.根據(jù)權(quán)利要求9-12中任一項所述的控制裝置,其特征在于,所述復(fù)原單元通過調(diào)用窗口滾動函數(shù)來使所述當(dāng)前頁面定位到初始位置。
16.根據(jù)權(quán)利要求9-12中任一項所述的控制裝置,其特征在于,所述輸入操作包括觸摸操作、 單擊操作、雙擊操作中的任意一種。
【文檔編號】G06F3/0487GK104035652SQ201310072459
【公開日】2014年9月10日 申請日期:2013年3月7日 優(yōu)先權(quán)日:2013年3月7日
【發(fā)明者】魯嘉武 申請人:阿里巴巴集團(tuán)控股有限公司