界面中輸入文本的顯示方法及顯示輸入文本的界面組件技術

本發(fā)明專利技術提供一種界面中輸入文本的顯示方法及顯示輸入文本的界面組件。該顯示方法包括：在界面中設置第一文本輸入框；在界面中設置第二文本輸入框，第二文本輸入框布置在第一文本輸入框之后，而且使得第二文本輸入框的位置和第一文本輸入框的位置相對應；在第一文本輸入框中接收輸入的文本，并以第一預定格式顯示所輸入的文本；以及在第二文本輸入框中以第二預定格式顯示在第一文本輸入框中輸入的文本，使得所輸入的文本在第一文本輸入框和第二文本輸入框中在相同的位置顯示，從而使得所輸入的文本以第一預定格式和第二預定格式疊加的方式顯示。本發(fā)明專利技術可以解決文本輸入框中輸入文本不能自動按照不同格式顯示的問題，可以向用戶呈現(xiàn)更為友好的界面。

【技術實現(xiàn)步驟摘要】

本專利技術屬于計算機
，尤其涉及一種界面中輸入文本的顯示方法及顯示輸入文本的界面組件。
技術介紹
在界面中配置的多行文本輸入框(Textarea)，用戶可以在其中輸入一段或多段文本。當在多行文本輸入框中輸入一段或多段文本時，多行文本輸入框中的文本只會顯示一種默認的字體顏色(例如黑色)，若需要更改多行文本輸入框中部分文本的字體顏色，例如將部分文本的字體顏色由黑色更改為紅色時，需要用戶手工調整文本的字體顏色。因此需要一種可以解決諸如自動將多行文本輸入框中輸入文本設置為不同格式并顯示的解決方案。
技術實現(xiàn)思路
鑒于上述問題，提出了本專利技術以便提供一種克服上述問題或者至少部分地解決上述問題的界面中輸入文本的顯示方法及顯示輸入文本的界面組件。依據(jù)本專利技術的一個方面，提供了一種界面中輸入文本的顯示方法，包括步驟在界面中設置第一文本輸入框；在界面中設置第二文本輸入框，第二文本輸入框布置在第一文本輸入框之后，而且使得第二文本輸入框的位置和第一文本輸入框的位置相對應；在第一文本輸入框中接收輸入的文本，并以第一預定格式顯示所輸入的文本；以及在第二文本輸入框中以第二預定格式顯不在第一文本輸入框中輸入的文本，使得所輸入的文本在第一文本輸入框和第二文本輸入框中在相同的位置顯示，從而使得所輸入的文本以第一預定格式和第二預定格式疊加的方式顯示。可選地，其中第二預定格式為以第一預定顏色顯示用戶輸入的文本中的前第一預定數(shù)量個字符，并以第二預定顏色或以選中狀態(tài)顯示用戶輸入的文本中的后續(xù)字符。可選地，其中第二預定格式為以第一預定顏色顯示用戶輸入的文本中的前第一預定數(shù)量個字符，并以空白顯示所述用戶輸入的文本中的后續(xù)字符。可選地，其中以第二預定數(shù)量將用戶輸入的文本中的字符從頭至尾劃分為多個組，所述第二預定格式為以不同的顏色顯示每相鄰的組中的字符。依據(jù)本專利技術的另一個方面，提供了一種顯示輸入文本的界面組件，其包括第一文本輸入框，接收用戶輸入的文本，并以第一預定格式在第一文本輸入框中顯示用戶輸入的文本；第二文本輸入框，布置在第一文本輸入框之后且與第一文本輸入框的位置相對應，在第二文本輸入框中以第二預定格式顯示在第一文本輸入框中用戶輸入的文本，且用戶輸入的文本在第一文本輸入框和第二文本輸入框中相同的位置顯不。可選地，第二文本輸入框以第一預定顏色顯示用戶輸入的文本中的前第一預定數(shù)量個字符，并以第二預定顏色或以選中狀態(tài)顯示用戶輸入的文本中的后續(xù)字符。可選地，第二文本輸入框以第一預定顏色顯示用戶輸入的文本中的前第一預定數(shù)量個字符，并以空白顯示所述用戶輸入的文本中的后續(xù)字符。可選地，第二文本輸入框以第二預定數(shù)量將用戶輸入的文本中的字符從頭至尾劃分為多個組，第二預定格式為以不同的顏色顯示每相鄰的組中的字符。根據(jù)本專利技術的界面中輸入文本的顯示方法及顯示輸入文本的界面組件，通過在界面中設置第一文本輸入框和第二文本輸入框，第二文本輸入框布置在第一文本輸入框之后，而且使得第二文本輸入框的位置和第一文本輸入框的位置相對應，得所輸入的文本在第一文本輸入框和第二文本輸入框中在相同的位置疊加顯示，從而使得在界面中所顯示文本輸入框中的文本能夠自動地按照不同格式顯示，解決文本輸入框中輸入文本不能自動按照不同格式顯示的問題，可以向用戶呈現(xiàn)更為友好的界面。上述說明僅是本專利技術技術方案的概述，為了能夠更清楚了解本專利技術的技術手段，而可依照說明書的內容予以實施，并且為了讓本專利技術的上述和其它目的、特征和優(yōu)點能夠更明顯易懂，以下特舉本專利技術的具體實施方式。 附圖說明通過閱讀下文優(yōu)選實施方式的詳細描述，各種其他的優(yōu)點和益處對于本領域普通技術人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認為是對本專利技術的限制。而且在整個附圖中，用相同的附圖標記表示相同的部件。在附圖中圖I示出了根據(jù)本專利技術的一個實施例的界面中輸入文本的顯示方法的流程圖；圖2示出了根據(jù)本專利技術的一個實施例中所輸入的文本以在第一文本輸入框中的第一預定格式和在第二文本輸入框中的第二預定格式疊加的方式顯示的示意圖；以及圖3示出了根據(jù)本專利技術的一個實施例的顯示輸入文本的界面組件的方框示意圖。具體實施例方式下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例，然而應當理解，可以各種形式實現(xiàn)本公開而不應被這里闡述的實施例所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠將本公開的范圍完整的傳達給本領域的技術人員。當用戶在文本框中輸入一段或多段文本時，文本輸入框中的一段或多段文本只會顯示一種默認的字體顏色(例如黑色)，但是，在某些情況下用戶可能會需要以多種字體顏色區(qū)分顯示不同部分的文本,例如，自動將文本輸入框中超過最大允許字符數(shù)的文本部分顯示成紅色(或其他顏色)。或者，終端用戶在文本輸入框編輯短信時，文本輸入框中的每70個字符會顯示一種顏色，也就是以70個字符為單位，將文本輸入框中的文本劃分為多個部分，每個部分顯示不同的顏色，以讓用戶很清晰地知道當前編輯的短信需要花多少錢。然而，現(xiàn)有的文本輸入框并不具有自動將文本輸入框中輸入文本設置為不同格式并顯示的功倉泛。為此，本專利技術提出一種界面中輸入文本的顯示方法和一種顯示輸入文本的界面組件。為了說明方便，在下面的描述中，設顯示界面的平面為XY平面，第一文本輸入框和第二文本輸入框在界面中的層疊方向設為界面的Z軸方向，例如界面可以是網頁界面或短信編輯界面。本專利技術提出的在界面中輸入文本的顯示方法主要是，在界面的Z軸方向上，在第一文本輸入框的下方添加第二文本輸入框，通過第一文本輸入框接收輸入的文本，所輸入的文本在第一文本輸入框和第二文本輸入框中在相同的位置顯示，從而使得所輸入的文本以在第一文本輸入框中的第一預定格式和在第二文本輸入框中的第二預定格式疊加的方式顯示。下面結合圖I具體說明根據(jù)本專利技術一個實施例的、適于解決上述問題的界面中輸入文本的顯示方法100的流程圖。如圖I所示，本專利技術的界面中輸入文本的顯示方法100始于步驟S110，在步驟SllO中，在界面中設置第一文本輸入框。該第一文本輸入框可以是一種可移動、可調大小的文本或圖形容器。根據(jù)本專利技術的一個實施例，第一文本輸入框可以是多行文本輸入框。隨后，在步驟S120中，在界面中設置第二文本輸入框，第二文本輸入框布置在第一文本輸入框之后，而且使得第二文本輸入框的位置和第一文本輸入框的位置相對應。該第二文本輸入框可以是一種可移動、可調大小的文本或圖形容器。根據(jù)本專利技術的一個實施例，第二文本輸入框可以是多行文本輸入框。 具體而言，為了提高界面中文本輸入框的顯示效果，將與第一文本輸入框有關的在界面的XY平面中顯示的位置和大小等的屬性復制給第二文本輸入框，使得第二文本輸入框和第一文本輸入框在界面的XY平面中顯示的位置和大小一致。另外為了恰當顯示，需要將第一文本輸入框在界面的Z軸方向上設置為位于第二文本輸入框的上方。根據(jù)本專利技術的一個示例，定義的第一文本輸入框和第二文本輸入框在界面的Z軸方向上顯示的層疊順序的屬性值可以利用界面屬性參數(shù)z-index來設置；z_index值越高,對象在界面的Z軸方向上就越顯示在上方；z_index值越低,對象在界面的Z軸方向上就越顯示在下方。當然，本專利技術不受限于界面屬性參數(shù)z-index，所有本文檔來自技高網...

【技術保護點】
一種界面中輸入文本的顯示方法，包括步驟：在界面中設置第一文本輸入框;在所述界面中設置第二文本輸入框，所述第二文本輸入框布置在所述第一文本輸入框之后，而且使得所述第二文本輸入框的位置和所述第一文本輸入框的位置相對應；在所述第一文本輸入框中接收輸入的文本，并以第一預定格式顯示所輸入的文本；以及在所述第二文本輸入框中以第二預定格式顯示在第一文本輸入框中輸入的文本，使得所輸入的文本在第一文本輸入框和第二文本輸入框中在相同的位置顯示，從而使得所輸入的文本以第一預定格式和第二預定格式疊加的方式顯示。

【技術特征摘要】

【專利技術屬性】
技術研發(fā)人員：應加寬，
申請(專利權)人：北京奇虎科技有限公司，奇智軟件北京有限公司，
類型：發(fā)明
國別省市：