本申請(qǐng)涉及文本顯示技術(shù)領(lǐng)域，特別涉及一種提示文本顯示方法和裝置。
背景技術(shù)：
應(yīng)用程序可通過提供輸入表單接收用戶的輸入信息。為了便于用戶輸入，為輸入表單設(shè)置相應(yīng)的提示文本，以對(duì)用戶進(jìn)行提示。為了滿足不同用戶的需求，可針對(duì)同一提示內(nèi)容提供多語種的提示文本。但是，由于不同語言類型對(duì)應(yīng)的提示文本的長(zhǎng)度各不相同，而輸入表單的顯示區(qū)域的尺寸是在程序開發(fā)時(shí)統(tǒng)一設(shè)定的，這就導(dǎo)致了提示文本溢出的可能，即一個(gè)或多個(gè)語種的提示文本因內(nèi)容過多，而部分被遮蓋，無法在輸入表單中完整顯示。
目前，可將提示文本顯示在輸入表單外的方式避免上述問題，例如，可在輸入表單的上、下、左、右等地方顯示提示文本。但是，這導(dǎo)致了屏幕空間的浪費(fèi)，且動(dòng)態(tài)外置還易引起元素布局的錯(cuò)亂，不但給程序開發(fā)帶來困難，也給用戶使用帶來不便。
技術(shù)實(shí)現(xiàn)要素：
本申請(qǐng)旨在至少在一定程度上解決上述技術(shù)問題。
為此，本申請(qǐng)的第一個(gè)目的在于提出一種提示文本顯示方法，能夠在提示文本內(nèi)容較多時(shí)，將提示文本的內(nèi)容完整地顯示給用戶。
本申請(qǐng)的第二個(gè)目的在于提出一種提示文本顯示裝置。
為達(dá)上述目的，根據(jù)本申請(qǐng)第一方面實(shí)施例提出了一種提示文本顯示方法，包括以下步驟：獲取輸入框?qū)?yīng)的第一寬度，以及待顯示在所述輸入框中的提示文本對(duì)應(yīng)的第二寬度；若判斷獲知所述第二寬度大于所述第一寬度，則獲取所述第二寬度與所述第一寬度的寬度差；根據(jù)所述寬度差將所述提示文本顯示在所述輸入框中。
本申請(qǐng)實(shí)施例的提示文本顯示方法，如果輸入框的寬度大于其中待顯示的提示文本的寬度，可根據(jù)二者寬度差動(dòng)態(tài)調(diào)整輸入框的寬度或者顯示方式，以使提示文本的內(nèi)容能夠完整顯示給用戶，從而，通過自適應(yīng)調(diào)整輸入框不但能夠節(jié)省展示空間，且能夠在不影響輸入界面的其他表單元素展現(xiàn)的前提下，將提示文本完整的展示給用戶，提升了用戶的輸入體驗(yàn)。
本申請(qǐng)第二方面實(shí)施例提供了一種提示文本顯示裝置，包括：第一獲取模塊，用于獲取輸入框?qū)?yīng)的第一寬度，以及待顯示在所述輸入框中的提示文本對(duì)應(yīng)的第二寬度；第二獲取 模塊，用于在判斷獲知所述第二寬度大于所述第一寬度時(shí)，獲取所述第二寬度與所述第一寬度的寬度差；顯示模塊，用于根據(jù)與所述寬度差將所述提示文本顯示在所述輸入框中。
本申請(qǐng)實(shí)施例的提示文本顯示裝置，如果輸入框的寬度大于其中待顯示的提示文本的寬度，可根據(jù)二者寬度差動(dòng)態(tài)調(diào)整輸入框的寬度或者顯示方式，以使提示文本的內(nèi)容能夠完整顯示給用戶，從而，通過自適應(yīng)調(diào)整輸入框不但能夠節(jié)省展示空間，且能夠在不影響輸入界面的其他表單元素展現(xiàn)的前提下，將提示文本完整的展示給用戶，提升了用戶的輸入體驗(yàn)。
本申請(qǐng)的附加方面和優(yōu)點(diǎn)將在下面的描述中部分給出，部分將從下面的描述中變得明顯，或通過本申請(qǐng)的實(shí)踐了解到。
附圖說明
本申請(qǐng)的上述和/或附加的方面和優(yōu)點(diǎn)從結(jié)合下面附圖對(duì)實(shí)施例的描述中將變得明顯和容易理解，其中：
圖1為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的提示文本顯示方法的流程圖；
圖2為根據(jù)本申請(qǐng)另一個(gè)實(shí)施例的提示文本顯示方法的流程圖；
圖3為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的第一像素寬度及第二像素寬度的示意圖；
圖4a為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的提示文本滾動(dòng)顯示的初始位置示意圖；
圖4b為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的提示文本滾動(dòng)顯示的結(jié)束位置示意圖；
圖5為根據(jù)本申請(qǐng)另一個(gè)實(shí)施例的提示文本顯示方法的流程圖；
圖6為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的提示文本在延展后的輸入框中顯示的示意圖；
圖7為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的提示顯示提示文本的示意圖；
圖8為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的提示文本顯示裝置的結(jié)構(gòu)示意圖；
圖9為根據(jù)本申請(qǐng)另一個(gè)實(shí)施例的提示文本顯示裝置的結(jié)構(gòu)示意圖。
具體實(shí)施方式
下面詳細(xì)描述本申請(qǐng)的實(shí)施例，所述實(shí)施例的示例在附圖中示出，其中自始至終相同或類似的標(biāo)號(hào)表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附圖描述的實(shí)施例是示例性的，僅用于解釋本申請(qǐng)，而不能理解為對(duì)本申請(qǐng)的限制。
下面參考附圖描述根據(jù)本申請(qǐng)實(shí)施例的提示文本顯示方法和裝置。
本申請(qǐng)實(shí)施例中的提示文本為在用戶的操作焦點(diǎn)聚焦到輸入框時(shí)，在輸入框中顯示的可讀不可寫的提示內(nèi)容。提示文本用于對(duì)用戶進(jìn)行提示。舉例來說，提示問文本可以是用于提示用戶輸入框中的輸入規(guī)則的文字、用于對(duì)輸入框進(jìn)行說明的文字或者推薦輸入等。
如果輸入框的寬度小于提示文本的寬度，則提示文本不能完整顯示于輸入框，不便于用 戶查看提示文本。為此，本申請(qǐng)?zhí)岢鲆环N提示文本顯示方法和裝置。
圖1為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的提示文本顯示方法的流程圖。
如圖1所示，根據(jù)本申請(qǐng)實(shí)施例的提示文本顯示方法，包括以下步驟：
s101，獲取輸入框?qū)?yīng)的第一寬度，以及待顯示在輸入框中的提示文本對(duì)應(yīng)的第二寬度。
其中，輸入框可為用于收集用戶輸入信息的應(yīng)用程序中表單元素。其中，應(yīng)用程序可以是網(wǎng)頁應(yīng)用程序、移動(dòng)終端的應(yīng)用程序、pc(personalcomputer，個(gè)人計(jì)算機(jī)，可包括mac、windows或linux)的客戶端應(yīng)用程序。
舉例來說，輸入框可是注冊(cè)頁面、應(yīng)用程序登錄界面等界面中用于接收用戶輸入信息的表單元素。
在本申請(qǐng)的一個(gè)實(shí)施例中，當(dāng)用戶的操作焦點(diǎn)聚焦到輸入框時(shí)，表示用戶有在該輸入框中進(jìn)行輸入的需求，此時(shí)，可獲取輸入框?qū)?yīng)的第一寬度，并獲取待顯示在輸入框中的提示文本對(duì)應(yīng)的第二寬度。
s102，若判斷獲知第二寬度大于第一寬度，則獲取第二寬度與第一寬度的寬度差。
在獲取第一寬度和第二寬度后，可對(duì)第一寬度和第二寬度進(jìn)行比較，如果判斷獲知第二寬度不大于第一寬度，則提示文本可在輸入框中完整顯示，不需要對(duì)提示文本進(jìn)行調(diào)整。如果判斷獲知第二寬度大于第一寬度，則輸入框無法完整顯示提示文本。此時(shí)需要進(jìn)一步獲取第二寬度與第一寬度的寬度差。
s103，根據(jù)寬度差將提示文本顯示在輸入框中。
本申請(qǐng)實(shí)施例的提示文本顯示方法，如果輸入框的寬度大于其中待顯示的提示文本的寬度，可根據(jù)二者寬度差動(dòng)態(tài)調(diào)整輸入框的寬度或者顯示方式，以使提示文本的內(nèi)容能夠完整顯示給用戶，從而，通過自適應(yīng)調(diào)整輸入框不但能夠節(jié)省展示空間，且能夠在不影響輸入界面的其他表單元素展現(xiàn)的前提下，將提示文本完整的展示給用戶，提升了用戶的輸入體驗(yàn)。
需要說明的是，針對(duì)圖1所示的實(shí)施例，與輸入框?qū)?yīng)的第一寬度，以及與提示文本對(duì)應(yīng)的第二寬度，可以根據(jù)具體的應(yīng)用需要采用不同的測(cè)量單位進(jìn)行表示，例如：像素、厘米等、或者，采用其他自定義的寬度值。
可以理解的是，在不同的應(yīng)用場(chǎng)景中，根據(jù)所述寬度差可以采用不同的顯示方式將提示文本顯示在所述輸入框中，本實(shí)施例對(duì)此不做限制，舉例說明如下：
第一種示例：滾動(dòng)方式
根據(jù)寬度差將提示文本顯示在所述輸入框中可包括：根據(jù)寬度差以及預(yù)設(shè)的滾動(dòng)參數(shù)，將所述提示文本在所述輸入框中進(jìn)行滾動(dòng)顯示。
第二種示例：延展方式
根據(jù)寬度差將提示文本顯示在所述輸入框中可包括：
根據(jù)寬度差對(duì)應(yīng)的調(diào)整輸入框，使輸入框?qū)?yīng)第二寬度，顯示提示文本。也就是說，將輸入框的寬度調(diào)整為第二寬度，以使輸入框能夠完整顯示提示文本。
為了更加清楚的說明上述的實(shí)施過程，以像素寬度為例通過下述實(shí)施例具體描述。
圖2為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的提示文本顯示方法的流程圖。
如圖2所示，根據(jù)本申請(qǐng)實(shí)施例的提示文本顯示方法，包括以下步驟：
s201，獲取輸入框?qū)?yīng)的第一像素寬度，以及待顯示在輸入框中的提示文本對(duì)應(yīng)的第二像素寬度。
其中，輸入框可為用于收集用戶輸入信息的應(yīng)用程序中表單元素。其中，應(yīng)用程序可以是網(wǎng)頁應(yīng)用程序、移動(dòng)終端的應(yīng)用程序、pc(personalcomputer，個(gè)人計(jì)算機(jī)，可包括mac、windows或linux)的客戶端應(yīng)用程序。
舉例來說，輸入框可是注冊(cè)頁面、應(yīng)用程序登錄界面等界面中用于接收用戶輸入信息的表單元素。
在本申請(qǐng)的一個(gè)實(shí)施例中，當(dāng)用戶的操作焦點(diǎn)聚焦到輸入框時(shí)，表示用戶有在該輸入框中進(jìn)行輸入的需求，此時(shí)，可獲取輸入框?qū)?yīng)的第一像素寬度，并獲取待顯示在輸入框中的提示文本對(duì)應(yīng)的第二像素寬度。
其中，第一像素寬度為輸入框在文字輸入方向上所對(duì)應(yīng)的像素值。第二像素寬度為提示文本在輸入框的文字輸入方向上所對(duì)應(yīng)的像素值。舉例來說，如圖3所示，對(duì)于“姓名”對(duì)應(yīng)的輸入框，其文字輸入方向?yàn)閤方向，因此，第一像素寬度即為線段a所對(duì)應(yīng)的像素值，第二像素寬度即為提示文本“pleaseenteryourname，nospace”從文本開始到文本結(jié)束之間連線b所對(duì)應(yīng)的像素值。
s202，若判斷獲知第二像素寬度大于第一像素寬度，則獲取第二像素寬度與第一像素寬度的像素寬度差。
在獲取第一像素寬度和第二像素寬度后，可對(duì)第一像素寬度和第二像素寬度進(jìn)行比較，如果判斷獲知第二像素寬度不大于第一像素寬度，則提示文本可在輸入框中完整顯示，不需要對(duì)提示文本進(jìn)行調(diào)整。如果判斷獲知第二像素寬度大于第一像素寬度，則輸入框無法完整顯示提示文本。此時(shí)需要進(jìn)一步獲取第二像素寬度與第一像素寬度的像素寬度差，即獲取第二像素寬度的像素?cái)?shù)量與第一像素寬度像素?cái)?shù)量的差值。
s203，根據(jù)與像素寬度差對(duì)應(yīng)的像素?cái)?shù)量將提示文本顯示在輸入框中。
在本申請(qǐng)的一個(gè)實(shí)施例中，可根據(jù)與像素寬度差對(duì)應(yīng)的像素?cái)?shù)量以及預(yù)設(shè)的滾動(dòng)參數(shù)，將提示文本在輸入框中進(jìn)行滾動(dòng)顯示。其中，滾動(dòng)參數(shù)可包括以下至少之一：滾動(dòng)方向、滾動(dòng)周期、以及滾動(dòng)速度。例如，可將提示文本按照周期t向預(yù)設(shè)方向在輸入框中滾動(dòng)顯示；或者將提示文本按照速度v向預(yù)設(shè)方向在輸入框中滾動(dòng)顯示。具體地，可通過預(yù)設(shè)的動(dòng)畫緩 動(dòng)函數(shù)控制提示文本的滾動(dòng)顯示。其中，動(dòng)畫緩動(dòng)函數(shù)中包括滾動(dòng)方向參數(shù)、滾動(dòng)周期參數(shù)、以及滾動(dòng)速度參數(shù)中的至少之一。
舉例來說，對(duì)于圖3所示的輸入框，提示文本“pleaseenteryourname，nospace”在輸入框中初始顯示如圖4a所示，可控制提示文本向x的反方向(即向左)、按照速度v滾動(dòng)，直至滾動(dòng)距離為上述像素寬度差對(duì)應(yīng)的像素?cái)?shù)量，即圖4b所示的位置。進(jìn)一步地，上述滾動(dòng)顯示可以按照預(yù)設(shè)周期進(jìn)行重復(fù)。以便于用戶重復(fù)查看。
從而，可通過滾動(dòng)顯示的方式便于用戶能夠獲知提示文本中的完整內(nèi)容。
在本申請(qǐng)的另一個(gè)實(shí)施例中，可根據(jù)與像素寬度差對(duì)應(yīng)的像素?cái)?shù)量調(diào)整輸入框，使輸入框?qū)?yīng)第二像素寬度，顯示提示文本。具體地，可將輸入框向某一方向延展，以使輸入框的像素寬度延展至第二像素寬度，或者延展至大于第二像素寬度。其中，輸入框的調(diào)整方向可包括：向左延展、向右延展、向上延展、或，向下延展。
舉例來說，可將圖3所示的輸入框向x方向(即圖中向右)延展，得到如圖5所示輸入框，并在輸入框中顯示提示文本“pleaseenteryourname，nospace”。
從而，可通過延展輸入框的方式，即增加輸入框的顯示區(qū)域，以使提示文本能夠完全展示在輸入框中。
本申請(qǐng)實(shí)施例的提示文本顯示方法，如果輸入框的像素寬度大于其中待顯示的提示文本的像素寬度，可根據(jù)二者像素寬度差動(dòng)態(tài)調(diào)整輸入框的像素寬度或者顯示方式，以使提示文本的內(nèi)容能夠完整顯示給用戶，從而，通過自適應(yīng)調(diào)整輸入框不但能夠節(jié)省展示空間，且能夠在不影響輸入界面的其他表單元素展現(xiàn)的前提下，將提示文本完整的展示給用戶，提升了用戶的輸入體驗(yàn)。
圖5為根據(jù)本申請(qǐng)另一個(gè)實(shí)施例的提示文本顯示方法的流程圖。
如圖5所示，根據(jù)本申請(qǐng)實(shí)施例的提示文本顯示方法，包括以下步驟。
s501，獲取輸入框?qū)?yīng)的第一像素寬度，以及待顯示在輸入框中的提示文本對(duì)應(yīng)的第二像素寬度。
其中，輸入框可為用于收集用戶輸入信息的應(yīng)用程序中表單元素。其中，應(yīng)用程序可以是網(wǎng)頁應(yīng)用程序、移動(dòng)終端的應(yīng)用程序、pc(personalcomputer，個(gè)人計(jì)算機(jī)，可包括mac、windows或linux)的客戶端應(yīng)用程序。
舉例來說，輸入框可是注冊(cè)頁面、應(yīng)用程序登錄界面等界面中用于接收用戶輸入信息的表單元素。
在本申請(qǐng)的一個(gè)實(shí)施例中，當(dāng)用戶的操作焦點(diǎn)聚焦到輸入框時(shí)，表示用戶有在該輸入框中進(jìn)行輸入的需求，此時(shí)，可獲取輸入框?qū)?yīng)的第一像素寬度，并獲取待顯示在輸入框中的提示文本對(duì)應(yīng)的第二像素寬度。
其中，第一像素寬度為輸入框在文字輸入方向上所對(duì)應(yīng)的像素值。第二像素寬度為提示文本在輸入框的文字輸入方向上所對(duì)應(yīng)的像素值。舉例來說，如圖3所示，對(duì)于“姓名”對(duì)應(yīng)的輸入框，其文字輸入方向?yàn)閤方向，因此，第一像素寬度即為線段a所對(duì)應(yīng)的像素值，第二像素寬度即為提示文本“pleaseenteryourname，nospace”從文本開始到文本結(jié)束之間連線b所對(duì)應(yīng)的像素值。
s502，若判斷獲知第二像素寬度大于第一像素寬度，則獲取第二像素寬度與第一像素寬度的像素寬度差。
在獲取第一像素寬度和第二像素寬度后，可對(duì)第一像素寬度和第二像素寬度進(jìn)行比較，如果判斷獲知第二像素寬度不大于第一像素寬度，則提示文本可在輸入框中完整顯示，不需要對(duì)提示文本進(jìn)行調(diào)整。如果判斷獲知第二像素寬度大于第一像素寬度，則輸入框無法完整顯示提示文本。此時(shí)需要進(jìn)一步獲取第二像素寬度與第一像素寬度的像素寬度差，即獲取第二像素寬度的像素?cái)?shù)量與第一像素寬度像素?cái)?shù)量的差值。
s503，根據(jù)與像素寬度差對(duì)應(yīng)的像素?cái)?shù)量將提示文本顯示在輸入框中。
在本申請(qǐng)的一個(gè)實(shí)施例中，可根據(jù)與像素寬度差對(duì)應(yīng)的像素?cái)?shù)量以及預(yù)設(shè)的滾動(dòng)參數(shù)，將提示文本在輸入框中進(jìn)行滾動(dòng)顯示。其中，滾動(dòng)參數(shù)可包括以下至少之一：滾動(dòng)方向、滾動(dòng)周期、以及滾動(dòng)速度。例如，可將提示文本按照周期t向預(yù)設(shè)方向在輸入框中滾動(dòng)顯示；或者將提示文本按照速度v向預(yù)設(shè)方向在輸入框中滾動(dòng)顯示。
舉例來說，對(duì)于圖3所示的輸入框，提示文本“pleaseenteryourname，nospace”在輸入框中初始顯示如圖4a所示，可控制提示文本向x的反方向(即向左)、按照速度v滾動(dòng)，直至滾動(dòng)距離為上述像素寬度差對(duì)應(yīng)的像素?cái)?shù)量，即圖4b所示的位置。進(jìn)一步地，上述滾動(dòng)顯示可以按照預(yù)設(shè)周期進(jìn)行重復(fù)。以便于用戶重復(fù)查看。
從而，可通過滾動(dòng)顯示的方式便于用戶能夠獲知提示文本中的完整內(nèi)容。
在本申請(qǐng)的另一個(gè)實(shí)施例中，可根據(jù)與像素寬度差對(duì)應(yīng)的像素?cái)?shù)量調(diào)整輸入框，使輸入框?qū)?yīng)第二像素寬度，顯示提示文本。具體地，可將輸入框向某一方向延展，以使輸入框的像素寬度延展至第二像素寬度，或者延展至大于第二像素寬度。其中，輸入框的調(diào)整方向可包括：向左延展、向右延展、向上延展、或，向下延展。
舉例來說，可將圖3所示的輸入框向x方向(即圖中向右)延展，得到如圖6所示輸入框，并在輸入框中顯示提示文本“pleaseenteryourname，nospace”。
從而，可通過延展輸入框的方式，即增加輸入框的顯示區(qū)域，以使提示文本能夠完全展示在輸入框中。
s504，當(dāng)監(jiān)測(cè)到用戶對(duì)輸入框進(jìn)行信息輸入時(shí)，停止顯示提示文本。
舉例來說，如圖7所示，當(dāng)用戶在輸入框中進(jìn)行輸入時(shí)，可控制提示文本消失，不再顯 示提示文本，而僅顯示用戶的輸入內(nèi)容。
當(dāng)用戶的操作焦點(diǎn)離開輸入框后，可進(jìn)一步判斷輸入框中是否有輸入內(nèi)容，如果沒有，則可再次顯示提示文本。
本申請(qǐng)實(shí)施例的提示文本顯示方法，可在監(jiān)測(cè)到用戶對(duì)輸入框進(jìn)行信息輸入時(shí)，停止顯示提示文本，即根據(jù)用戶的輸入狀態(tài)動(dòng)態(tài)控制提示文本的顯示與否，從而不會(huì)對(duì)用戶的輸入造成影響，更加智能、方便。
與上述實(shí)施例提供的提示文本顯示方法相對(duì)應(yīng)，本申請(qǐng)還提出一種提示文本顯示裝置。
圖8為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的提示文本顯示裝置的結(jié)構(gòu)示意圖。
如圖8所示，根據(jù)本申請(qǐng)實(shí)施例的提示文本顯示裝置，包括：第一獲取模塊10、第二獲取模塊20和顯示模塊30。
具體地，第一獲取模塊10用于獲取輸入框?qū)?yīng)的第一寬度，以及待顯示在輸入框中的提示文本對(duì)應(yīng)的第二寬度。
其中，輸入框可為用于收集用戶輸入信息的應(yīng)用程序中表單元素。其中，應(yīng)用程序可以是網(wǎng)頁應(yīng)用程序、移動(dòng)終端的應(yīng)用程序、pc(personalcomputer，個(gè)人計(jì)算機(jī)，可包括mac、windows或linux)的客戶端應(yīng)用程序。
舉例來說，輸入框可是注冊(cè)頁面、應(yīng)用程序登錄界面等界面中用于接收用戶輸入信息的表單元素。
在本申請(qǐng)的一個(gè)實(shí)施例中，當(dāng)用戶的操作焦點(diǎn)聚焦到輸入框時(shí)，表示用戶有在該輸入框中進(jìn)行輸入的需求，此時(shí)，第一獲取模塊10可獲取輸入框?qū)?yīng)的第一寬度，并獲取待顯示在輸入框中的提示文本對(duì)應(yīng)的第二寬度。
第二獲取模塊20用于在判斷獲知第二寬度大于第一寬度時(shí)，獲取第二寬度與第一寬度的寬度差。
在第一獲取模塊10獲取第一寬度和第二寬度后，可對(duì)第一寬度和第二寬度進(jìn)行比較，如果判斷獲知第二寬度不大于第一寬度，則提示文本可在輸入框中完整顯示，不需要對(duì)提示文本進(jìn)行調(diào)整。如果判斷獲知第二寬度大于第一寬度，則輸入框無法完整顯示提示文本。此時(shí)第二獲取模塊20需要進(jìn)一步獲取第二寬度與第一寬度的寬度差。
顯示模塊30用于根據(jù)寬度差將提示文本顯示在輸入框中。
本申請(qǐng)實(shí)施例的提示文本顯示裝置，如果輸入框的寬度大于其中待顯示的提示文本的寬度，可根據(jù)二者寬度差動(dòng)態(tài)調(diào)整輸入框的寬度或者顯示方式，以使提示文本的內(nèi)容能夠完整顯示給用戶，從而，通過自適應(yīng)調(diào)整輸入框不但能夠節(jié)省展示空間，且能夠在不影響輸入界面的其他表單元素展現(xiàn)的前提下，將提示文本完整的展示給用戶，提升了用戶的輸入體驗(yàn)。
需要說明的是，在上述實(shí)施例中，與輸入框?qū)?yīng)的第一寬度，以及與提示文本對(duì)應(yīng)的第二寬度，可以根據(jù)具體的應(yīng)用需要采用不同的測(cè)量單位進(jìn)行表示，例如：像素、厘米等、或者，采用其他自定義的寬度值。
可以理解的是，在不同的應(yīng)用場(chǎng)景中，顯示模塊30可以根據(jù)所述寬度差采用不同的顯示方式將提示文本顯示在所述輸入框中，本實(shí)施例對(duì)此不做限制，舉例說明如下：
第一種示例：滾動(dòng)方式
顯示模塊30可根據(jù)寬度差以及預(yù)設(shè)的滾動(dòng)參數(shù)，將所述提示文本在所述輸入框中進(jìn)行滾動(dòng)顯示。
第二種示例：延展方式
顯示模塊30可根據(jù)寬度差對(duì)應(yīng)的調(diào)整輸入框，使輸入框?qū)?yīng)第二寬度，顯示提示文本。也就是說，將輸入框的寬度調(diào)整為第二寬度，以使輸入框能夠完整顯示提示文本。
為了更加清楚的說明上述的實(shí)施過程，以像素寬度為例通過下述實(shí)施例具體描述。
第一獲取模塊10用于獲取輸入框?qū)?yīng)的第一像素寬度，以及待顯示在輸入框中的提示文本對(duì)應(yīng)的第二像素寬度。
其中，第一像素寬度為輸入框在文字輸入方向上所對(duì)應(yīng)的像素值。第二像素寬度為提示文本在輸入框的文字輸入方向上所對(duì)應(yīng)的像素值。舉例來說，如圖3所示，對(duì)于“姓名”對(duì)應(yīng)的輸入框，其文字輸入方向?yàn)閤方向，因此，第一像素寬度即為線段a所對(duì)應(yīng)的像素值，第二像素寬度即為提示文本“pleaseenteryourname，nospace”從文本開始到文本結(jié)束之間連線b所對(duì)應(yīng)的像素值。
第二獲取模塊20用于在判斷獲知第二像素寬度大于第一像素寬度時(shí)，獲取第二像素寬度與第一像素寬度的像素寬度差。
在第一獲取模塊10獲取第一像素寬度和第二像素寬度后，可對(duì)第一像素寬度和第二像素寬度進(jìn)行比較，如果判斷獲知第二像素寬度不大于第一像素寬度，則提示文本可在輸入框中完整顯示，不需要對(duì)提示文本進(jìn)行調(diào)整。如果判斷獲知第二像素寬度大于第一像素寬度，則輸入框無法完整顯示提示文本。此時(shí)第二獲取模塊20需要進(jìn)一步獲取第二像素寬度與第一像素寬度的像素寬度差，即獲取第二像素寬度的像素?cái)?shù)量與第一像素寬度像素?cái)?shù)量的差值。
顯示模塊30用于根據(jù)與像素寬度差對(duì)應(yīng)的像素?cái)?shù)量將提示文本顯示在輸入框中。
在本申請(qǐng)的一個(gè)實(shí)施例中，顯示模塊30可用于根據(jù)與像素寬度差對(duì)應(yīng)的像素?cái)?shù)量以及預(yù)設(shè)的滾動(dòng)參數(shù)，將提示文本在輸入框中進(jìn)行滾動(dòng)顯示。其中，滾動(dòng)參數(shù)可包括以下至少之一：滾動(dòng)方向、滾動(dòng)周期、以及滾動(dòng)速度。例如，顯示模塊30可將提示文本按照周期t向預(yù)設(shè)方向在輸入框中滾動(dòng)顯示；或者將提示文本按照速度v向預(yù)設(shè)方向在輸入框中滾動(dòng)顯 示。具體地，顯示模塊30可通過預(yù)設(shè)的動(dòng)畫緩動(dòng)函數(shù)控制提示文本的滾動(dòng)顯示。其中，動(dòng)畫緩動(dòng)函數(shù)中包括滾動(dòng)方向參數(shù)、滾動(dòng)周期參數(shù)、以及滾動(dòng)速度參數(shù)中的至少之一。
舉例來說，對(duì)于圖3所示的輸入框，提示文本“pleaseenteryourname，nospace”在輸入框中初始顯示如圖4a所示，可控制提示文本向x的反方向(即向左)、按照速度v滾動(dòng)，直至滾動(dòng)距離為上述像素寬度差對(duì)應(yīng)的像素?cái)?shù)量，即圖4b所示的位置。進(jìn)一步地，上述滾動(dòng)顯示可以按照預(yù)設(shè)周期進(jìn)行重復(fù)。以便于用戶重復(fù)查看。
從而，可通過滾動(dòng)顯示的方式便于用戶能夠獲知提示文本中的完整內(nèi)容。
在本申請(qǐng)的另一個(gè)實(shí)施例中，顯示模塊30可用于根據(jù)與像素寬度差對(duì)應(yīng)的像素?cái)?shù)量調(diào)整輸入框，使輸入框?qū)?yīng)第二像素寬度，顯示提示文本。具體地，顯示模塊30可將輸入框向某一方向延展，以使輸入框的像素寬度延展至第二像素寬度，或者延展至大于第二像素寬度。其中，輸入框的調(diào)整方向可包括：向左延展、向右延展、向上延展、或，向下延展。
舉例來說，可將圖3所示的輸入框向x方向(即圖中向右)延展，得到如圖6所示輸入框，并在輸入框中顯示提示文本“pleaseenteryourname，nospace”。
從而，可通過延展輸入框的方式，即增加輸入框的顯示區(qū)域，以使提示文本能夠完全展示在輸入框中。
本申請(qǐng)實(shí)施例的提示文本顯示裝置，如果輸入框的像素寬度大于其中待顯示的提示文本的像素寬度，可根據(jù)二者像素寬度差動(dòng)態(tài)調(diào)整輸入框的像素寬度或者顯示方式，以使提示文本的內(nèi)容能夠完整顯示給用戶，從而，通過自適應(yīng)調(diào)整輸入框不但能夠節(jié)省展示空間，且能夠在不影響輸入界面的其他表單元素展現(xiàn)的前提下，將提示文本完整的展示給用戶，提升了用戶的輸入體驗(yàn)。
圖9為根據(jù)本申請(qǐng)另一個(gè)實(shí)施例的提示文本顯示裝置的結(jié)構(gòu)示意圖。
如圖9所示，根據(jù)本申請(qǐng)實(shí)施例的提示文本顯示裝置，包括：第一獲取模塊10、第二獲取模塊20、顯示模塊30和控制模塊40。
具體地，控制模塊40用于當(dāng)監(jiān)測(cè)到用戶對(duì)輸入框進(jìn)行信息輸入時(shí)，控制顯示模塊30停止顯示提示文本。
舉例來說，如圖7所示，當(dāng)用戶在輸入框中進(jìn)行輸入時(shí)，控制模塊40控制提示文本消失，不再顯示提示文本，而僅顯示用戶的輸入內(nèi)容。
當(dāng)用戶的操作焦點(diǎn)離開輸入框后，控制模塊40可進(jìn)一步判斷輸入框中是否有輸入內(nèi)容，如果沒有，則可再次顯示提示文本。
本申請(qǐng)實(shí)施例的提示文本顯示裝置，可在監(jiān)測(cè)到用戶對(duì)輸入框進(jìn)行信息輸入時(shí)，停止顯示提示文本，即根據(jù)用戶的輸入狀態(tài)動(dòng)態(tài)控制提示文本的顯示與否，從而不會(huì)對(duì)用戶的輸入造成影響，更加智能、方便。
流程圖中或在此以其他方式描述的任何過程或方法描述可以被理解為，表示包括一個(gè)或更多個(gè)用于實(shí)現(xiàn)特定邏輯功能或過程的步驟的可執(zhí)行指令的代碼的模塊、片段或部分，并且本申請(qǐng)的優(yōu)選實(shí)施方式的范圍包括另外的實(shí)現(xiàn)，其中可以不按所示出或討論的順序，包括根據(jù)所涉及的功能按基本同時(shí)的方式或按相反的順序，來執(zhí)行功能，這應(yīng)被本申請(qǐng)的實(shí)施例所屬技術(shù)領(lǐng)域的技術(shù)人員所理解。
在流程圖中表示或在此以其他方式描述的邏輯和/或步驟，例如，可以被認(rèn)為是用于實(shí)現(xiàn)邏輯功能的可執(zhí)行指令的定序列表，可以具體實(shí)現(xiàn)在任何計(jì)算機(jī)可讀介質(zhì)中，以供指令執(zhí)行系統(tǒng)、裝置或設(shè)備(如基于計(jì)算機(jī)的系統(tǒng)、包括處理器的系統(tǒng)或其他可以從指令執(zhí)行系統(tǒng)、裝置或設(shè)備取指令并執(zhí)行指令的系統(tǒng))使用，或結(jié)合這些指令執(zhí)行系統(tǒng)、裝置或設(shè)備而使用。就本說明書而言，"計(jì)算機(jī)可讀介質(zhì)"可以是任何可以包含、存儲(chǔ)、通信、傳播或傳輸程序以供指令執(zhí)行系統(tǒng)、裝置或設(shè)備或結(jié)合這些指令執(zhí)行系統(tǒng)、裝置或設(shè)備而使用的裝置。計(jì)算機(jī)可讀介質(zhì)的更具體的示例(非窮盡性列表)包括以下：具有一個(gè)或多個(gè)布線的電連接部(電子裝置)，便攜式計(jì)算機(jī)盤盒(磁裝置)，隨機(jī)存取存儲(chǔ)器(ram)，只讀存儲(chǔ)器(rom)，可擦除可編輯只讀存儲(chǔ)器(eprom或閃速存儲(chǔ)器)，光纖裝置，以及便攜式光盤只讀存儲(chǔ)器(cdrom)。另外，計(jì)算機(jī)可讀介質(zhì)甚至可以是可在其上打印所述程序的紙或其他合適的介質(zhì)，因?yàn)榭梢岳缤ㄟ^對(duì)紙或其他介質(zhì)進(jìn)行光學(xué)掃描，接著進(jìn)行編輯、解譯或必要時(shí)以其他合適方式進(jìn)行處理來以電子方式獲得所述程序，然后將其存儲(chǔ)在計(jì)算機(jī)存儲(chǔ)器中。
應(yīng)當(dāng)理解，本申請(qǐng)的各部分可以用硬件、軟件、固件或它們的組合來實(shí)現(xiàn)。在上述實(shí)施方式中，多個(gè)步驟或方法可以用存儲(chǔ)在存儲(chǔ)器中且由合適的指令執(zhí)行系統(tǒng)執(zhí)行的軟件或固件來實(shí)現(xiàn)。例如，如果用硬件來實(shí)現(xiàn)，和在另一實(shí)施方式中一樣，可用本領(lǐng)域公知的下列技術(shù)中的任一項(xiàng)或他們的組合來實(shí)現(xiàn)：具有用于對(duì)數(shù)據(jù)信號(hào)實(shí)現(xiàn)邏輯功能的邏輯門電路的離散邏輯電路，具有合適的組合邏輯門電路的專用集成電路，可編程門陣列(pga)，現(xiàn)場(chǎng)可編程門陣列(fpga)等。
本技術(shù)領(lǐng)域的普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法攜帶的全部或部分步驟是可以通過程序來指令相關(guān)的硬件完成，所述的程序可以存儲(chǔ)于一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中，該程序在執(zhí)行時(shí)，包括方法實(shí)施例的步驟之一或其組合。
此外，在本申請(qǐng)各個(gè)實(shí)施例中的各功能單元可以集成在一個(gè)處理模塊中，也可以是各個(gè)單元單獨(dú)物理存在，也可以兩個(gè)或兩個(gè)以上單元集成在一個(gè)模塊中。上述集成的模塊既可以采用硬件的形式實(shí)現(xiàn)，也可以采用軟件功能模塊的形式實(shí)現(xiàn)。所述集成的模塊如果以軟件功能模塊的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷售或使用時(shí)，也可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中。
上述提到的存儲(chǔ)介質(zhì)可以是只讀存儲(chǔ)器，磁盤或光盤等。
在本說明書的描述中，參考術(shù)語“一個(gè)實(shí)施例”、“一些實(shí)施例”、“示例”、“具體示例”、或“一些示例”等的描述意指結(jié)合該實(shí)施例或示例描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)包含于本申請(qǐng)的至少一個(gè)實(shí)施例或示例中。在本說明書中，對(duì)上述術(shù)語的示意性表述不一定指的是相同的實(shí)施例或示例。而且，描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)可以在任何的一個(gè)或多個(gè)實(shí)施例或示例中以合適的方式結(jié)合。
盡管已經(jīng)示出和描述了本申請(qǐng)的實(shí)施例，本領(lǐng)域的普通技術(shù)人員可以理解：在不脫離本申請(qǐng)的原理和宗旨的情況下可以對(duì)這些實(shí)施例進(jìn)行多種變化、修改、替換和變型，本申請(qǐng)的范圍由權(quán)利要求及其等同限定。