CN103034398A - Method and interface assembly for processing input text in interface - Google Patents
Method and interface assembly for processing input text in interface Download PDFInfo
- Publication number
- CN103034398A CN103034398A CN2012105074731A CN201210507473A CN103034398A CN 103034398 A CN103034398 A CN 103034398A CN 2012105074731 A CN2012105074731 A CN 2012105074731A CN 201210507473 A CN201210507473 A CN 201210507473A CN 103034398 A CN103034398 A CN 103034398A
- Authority
- CN
- China
- Prior art keywords
- text
- input frame
- text input
- interface
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Abstract
The invention provides a method and interface assembly for processing input text in an interface. The interface assembly comprises a first text input field and a second text input field, wherein the first text input field is used for receiving text input by a user, and the text input by the user is displayed in the first text input field in a first preset format; the second text input field is arranged behind the first text input field and corresponds to the position of the first text input field, and the text input by the user in the first text input field is displayed in the second text input field in a second preset format, and the text input by the user is displayed at the same positions in the first and second text input fields; and the first and second text input fields are multi-line text input fields. According to the invention, the problem that the text input in the text input fields cannot be displayed according to different formats automatically is solved, and a friendlier interface can be presented to a user.
Description
Technical field
The invention belongs to field of computer technology, relate in particular to a kind of method and interface assembly of the text for the treatment of inputting in the interface.
Background technology
The multiline text input frame (Textarea) that disposes in the interface, the user can input one or more snippets text therein.When one or more snippets text of input in the multiline text input frame, text in the multiline text input frame only can show a kind of font color (for example black) of acquiescence, if need the font color of part text in the change multiline text input frame, when for example the font color of part text being changed to redness by black, need the font color of user's manual setting text.
Therefore need a kind of can the solution such as input text in the automatic multiline text input frame to be set to the solution that different-format also shows.
Summary of the invention
In view of the above problems, the present invention has been proposed in order to a kind of method and interface assembly for the treatment of the text of inputting in the interface that overcomes the problems referred to above or address the above problem at least in part is provided.
According to one aspect of the present invention, a kind of method of the text for the treatment of inputting in the interface is provided, comprise step: the first text input frame is set in the interface; The second text input frame is set in the interface, and the second text input frame is arranged in after the first text input frame, and so that the position of the second text input frame is corresponding with the position of the first text input frame; In the first text input frame, receive the text of input, and show the text of being inputted with the first predetermined format; And in the second text input frame, be presented at the text of inputting in the first text input frame with the second predetermined format, so that the text of inputting in the first text input frame and the second text input frame in identical position display, thereby so that the text of inputting show in the mode of the first predetermined format and the stack of the second predetermined format; Wherein the first text input frame and the second text input frame are the multiline text input frame.
Alternatively, wherein the second predetermined format is with front the first predetermined quantity character in the text of the first predetermined color demonstration user input, and with the second predetermined color or with the successive character in the text of selected state demonstration user input.
Alternatively, wherein the second predetermined format is to show front the first predetermined quantity character in the text of user's input with the first predetermined color, and shows successive character in the text that described user inputs with blank.
Alternatively, wherein with the second predetermined quantity the character in the text of user's input from first to last is divided into a plurality of groups, described the second predetermined format is with the character in the whenever adjacent group of different color demonstrations.
According to another aspect of the present invention, a kind of interface assembly is provided, it comprises: the first text input frame receives the text of user's input, and show the text of user's input with the first predetermined format in the first text input frame; The second text input frame, be arranged in after the first text input frame and corresponding with the position of the first text input frame, in the second text input frame, be presented at the text of the input of user in the first text input frame with the second predetermined format, and the text of user's input identical position display in the first text input frame and the second text input frame; Wherein the first text input frame and the second text input frame are the multiline text input frame.
Alternatively, the second text input frame shows front the first predetermined quantity character in the text of user's input with the first predetermined color, and shows successive character in the text that the user inputs with the second predetermined color or with selected state.
Alternatively, the second text input frame shows front the first predetermined quantity character in the text of user's input with the first predetermined color, and shows successive character in the text that described user inputs with blank.
Alternatively, the second text input frame from first to last is divided into a plurality of groups with the second predetermined quantity with the character in the text of user's input, and the second predetermined format is with the character in the whenever adjacent group of different color demonstrations.
Method and interface assembly according to the text for the treatment of inputting in the interface of the present invention, by the first text input frame and the second text input frame are set in the interface, the second text input frame is arranged in after the first text input frame, and so that the position of the second text input frame is corresponding with the position of the first text input frame, the text that input in the first text input frame and the second text input frame at identical position Overlapping display, thereby so that the text in the shown text input frame can automatically show according to different-format in the interface, solve the problem that input text can not show according to different-format automatically in the text input frame, can present more friendly interface to the user.
Above-mentioned explanation only is the general introduction of technical solution of the present invention, for can clearer understanding technological means of the present invention, and can be implemented according to the content of instructions, and for above and other objects of the present invention, feature and advantage can be become apparent, below especially exemplified by the specific embodiment of the present invention.
Description of drawings
By reading hereinafter detailed description of the preferred embodiment, various other advantage and benefits will become cheer and bright for those of ordinary skills.Accompanying drawing only is used for the purpose of preferred implementation is shown, and does not think limitation of the present invention.And in whole accompanying drawing, represent identical parts with identical Reference numeral.In the accompanying drawings:
Fig. 1 shows the process flow diagram of the method for the text for the treatment of inputting in the interface according to an embodiment of the invention;
The synoptic diagram that the mode that the text that Fig. 2 inputs in showing according to one embodiment of present invention superposes with the first predetermined format in the first text input frame and the second predetermined format in the second text input frame shows; And
Fig. 3 shows the block diagram of interface assembly according to an embodiment of the invention.
Embodiment
Exemplary embodiment of the present disclosure is described below with reference to accompanying drawings in more detail.Although shown exemplary embodiment of the present disclosure in the accompanying drawing, yet should be appreciated that and can various forms realize the disclosure and the embodiment that should do not set forth limits here.On the contrary, it is in order to understand the disclosure more thoroughly that these embodiment are provided, and can with the scope of the present disclosure complete convey to those skilled in the art.
When the user inputs one or more snippets text in text box, one or more snippets text in the text input frame only can show a kind of font color (for example black) of acquiescence, but, the user may show with the multiple font color differentiating text of different piece in some cases, for example, automatically be shown as redness (or other colors) with surpassing the maximum textual portions of number of characters that allows in the text input frame.Perhaps, the terminal user is when text input frame editing short message, per 70 characters in the text input frame can show a kind of color, namely take 70 characters as unit, text in the text input frame is divided into a plurality of parts, the color that each partial display is different is to allow the user know very clearly how much the note of working as pre-editing need to spend.Yet existing text input frame does not have the function that input text is set to different-format and shows in the automatic text input frame.
For this reason, the present invention proposes a kind of method and a kind of interface assembly of the text for the treatment of inputting in the interface.For convenience of description, in the following description, the plane of establishing display interface is the XY plane, and the first text input frame and the stacked direction of the second text input frame in the interface are made as the Z-direction at interface, and for example the interface can be web interface or short message editing interface.
The method of the text of inputting in for the treatment of the interface that the present invention proposes mainly is, on the Z-direction at interface, below the first text input frame, add the second text input frame, receive the text of input by the first text input frame, the text of inputting in the first text input frame and the second text input frame in identical position display, thereby so that the text of inputting show in the mode of the first predetermined format in the first text input frame and the stack of the second predetermined format in the second text input frame.The process flow diagram for the treatment of the method 100 of the text of inputting in the interface that specifies according to an embodiment of the invention, is suitable for addressing the above problem below in conjunction with Fig. 1.
As shown in Figure 1, the method 100 of the text for the treatment of inputting in the interface of the present invention starts from step S110, in step S110, the first text input frame is set in the interface.This first text input frame can be a kind of removable, sizable text or graphical container.According to one embodiment of present invention, the first text input frame can be the multiline text input frame.
Subsequently, in step S120, the second text input frame is set in the interface, the second text input frame is arranged in after the first text input frame, and so that the position of the second text input frame is corresponding with the position of the first text input frame.This second text input frame can be a kind of removable, sizable text or graphical container.According to one embodiment of present invention, the second text input frame can be the multiline text input frame.
Particularly, in order to improve the display effect of interface Chinese version input frame, the attribute of the position that in the XY plane at interface show relevant with the first text input frame and size etc. is copied to the second text input frame, so that position and in the same size that the second text input frame and the first text input frame show in the XY plane at interface.In addition for appropriate demonstration, need to the first text input frame the Z-direction at interface be set to be positioned at the second text input frame above.According to an example of the present invention, the property value of the lamination order that the first text input frame of definition and the Z-direction of the second text input frame at the interface show can utilize interface property parameter z-index to arrange; The z-index value is higher, and object is above just more being presented on the Z-direction at interface; The z-index value is lower, and object is below just more being presented on the Z-direction at interface.Certainly, the present invention is not subject to interface property parameter z-index, and all can define the interface property of the lamination order that the text input frame shows all within protection scope of the present invention in the interface.
Support the IE browser with above-mentioned interface, take the first text input frame and the second text input frame as the multiline text input frame as example, in step S110, multiline text input frame textEl(is set in the interface is equivalent to the first text input frame).Then, in step S120, multiline text input frame bgEl(is set in the interface is equivalent to the second text input frame), make the pattern of this multiline text input frame bgEl be set to identical with the pattern of multiline text input frame textEl, and the pattern of multiline text input frame bgEl can only need to keep the property parameters width " width " of multiline text input frame textEl and highly " height " get final product, specifically can be by following coded representation:
Above-mentioned code supports the IE browser to be the example description take the interface, what certainly can understand is, for browsers such as chrome and firefox, although in the code of the browsers such as chrome and firefox, can not add＜font〉label, but also can adjust above-mentioned code, for example in multiline text input frame bgEl, replace to book character (for example replacing to wide space) with surpassing the maximum textual portions of number of characters that allows among the multiline text input frame textEl, also can so that show by the text that will the input mode with the first predetermined format in multiline text input frame textEL and the stack of the second predetermined format in multiline text input frame bgEl, allow number of characters with interior textual portions to demonstrate among the multiline text input frame textEl in maximum.
Subsequently, in step S130, in the first text input frame, receive the text of input, and show the text of being inputted with the first predetermined format.The first predetermined format is partially transparent in one embodiment of the invention, for example the first predetermined format refers to that the transparency (Alpha) of text is 0.2 form (scope 0 ~ 225 of transparency), the text that receive in the first text input frame this moment can show in the first text input frame take the form of transparency as 0.2.
Be set to the first predetermined format by the text formatting that shows in the first text input frame; so that the text that shows with the second predetermined format in the text in the first text input frame and the second text input frame can distinguish; what certainly can understand is, all can be used for arranging the correlation parameter of form of the first text input frame Chinese version all within protection scope of the present invention
Subsequently, in step S140, in the second text input frame, be presented at the text of inputting in the first text input frame with the second predetermined format, so that the text of inputting in the first and second text input frames in identical position display, thereby so that the text of inputting show in the mode of the first predetermined format and the second predetermined format stack.
In one embodiment of the invention, the second predetermined format is with front the first predetermined quantity character in the text of the first predetermined color demonstration user input, and with the successive character in the text of the second predetermined color demonstration user input.
For example, the first predetermined format can be set to partially transparent, the first predetermined color can be set to black, the second predetermined color is red, the first predetermined quantity character can be set to 50 characters, in step S130 the first text input frame receive following text (amount to 57 characters) " fine cloud is done to fly ingeniously star and is passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; if deeply attached wedding day such as dream bear turn round and look at Magpie Bridge return road two feelings when long for a long time again in every morning and evening ", and with the form demonstration according to partially transparent in the first text input frame of above-mentioned text, subsequently in step S140, in the second text input frame, show front 50 characters in the above-mentioned text with black font: " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born ", the textual portions " again in every morning and evening " that exceeds front 50 characters shows with red font, then with the text Overlapping display in the text in the first text input frame and the second text input frame.
Although be arranged under the first text input frame at the second text input frame on the Z-direction at interface, but because the first text input frame is identical with size with the position of the second text input frame in the XY plane at interface, again because the text display in the first text input frame is partially transparent, so that the color of the text in the second text input frame and the frame thereof can see through the text in the first text input frame and the frame thereof and be revealed, thereby the text in the text input frame after stack that the user sees on the interface is the text in the second text input frame in fact, the font color that namely shows the textual portions of " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born " at the interface is black, and the font color that shows the textual portions of " again in every morning and evening " be redness.Thus, realize the text of the input in the first text input frame is shown as different colors automatically.
Further, can by adjusting the first predetermined quantity, so that the text of inputting can produce the effect of different colours on vision and effect, can realize that the hommization prompting surpasses the function of predetermined number of words in the first text input frame.For example the number of characters of the text input frame of microblogging (weibo.com) does not allow to surpass 140 characters, by adopting the present invention the font color that surpasses the textual portions of 140 characters in the text input frame can be shown as redness, undesirable with the number of characters in the prompting current text input frame, and the mode of undesirable part with red font shown.What certainly can understand is specifically not limit in an embodiment of the present invention the concrete color of the first predetermined color and the second predetermined color and the concrete numerical value that does not limit the first predetermined quantity.
In another embodiment of the present invention, the second predetermined format is with front the first predetermined quantity character in the text of the first predetermined color demonstration user input, and with the successive character in the text of selected state demonstration user input.
For example, the first predetermined format can be set to partially transparent, and the first predetermined color can be set to black, and selected state can be set to transfer ash to show or the part text is chosen in highlighted demonstration, and the first predetermined quantity character can be set to 50 characters.In step S130, the first text input frame receive following text (amount to 57 characters) " fine cloud is done to fly ingeniously star and is passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; if deeply attached wedding day such as dream bear turn round and look at Magpie Bridge return road two feelings when long for a long time again in every morning and evening ", and with the form demonstration according to partially transparent in the first text input frame of above-mentioned text, subsequently in step S140, show front 50 characters in the above-mentioned text in the second text input frame with black font: " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born ", the textual portions " again in every morning and evening " that exceeds front 50 characters transfers ash to show or highlighted demonstration.Then with the text Overlapping display in the text in the first text input frame and the second text input frame.
Although the second text input frame is arranged under the first text input frame on the Z-direction at interface, but because the first text input frame is identical with size with the position of the second text input frame in the XY plane at interface, again because the text display in the first text input frame is partially transparent, so that the text in the second text input frame and the frame thereof can part see through the first text input frame and and frame in text, thereby the text after the stack that the interface is seen is the text in the second text input frame in fact, the font color that namely " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born " textual portions shows on the interface is black, and " again in every morning and evening " textual portions transfers ash to show or highlighted demonstration.
Thus, by adopting the first text input frame, and the second text input frame corresponding with this first text input frame, realize will input text automatically be shown as different colors.Further, by adjusting the first predetermined quantity, so that the text of inputting can produce the effect of different colours on vision and effect, can realize that the hommization prompting surpasses the function of predetermined number of words in the first text input frame.For example the number of characters of the text input frame of microblogging does not allow to surpass 140 characters, can transfer ash to show or highlighted demonstration the textual portions that surpasses 140 characters in the text input frame by adopting embodiments of the invention, undesirable with the number of characters in the prompting current text input frame, and with undesirable part to transfer ash to show or highlighted display mode shows.Certainly, be understandable that, specifically do not limit in an embodiment of the present invention the concrete color of the first predetermined color, the display mode of selected state and the concrete numerical value of the first predetermined quantity.
In yet another embodiment of the present invention, the second predetermined format is with front the first predetermined quantity character in the text of the first predetermined color demonstration user input, and with the successive character in the text of blank demonstration user input.
Referring to Fig. 2, for example, the first predetermined format can be set to partially transparent, the first predetermined color can be set to black, blank demonstration can refer to replace character with the space, the first predetermined quantity character can be set to 50 characters, in step S 130, the first text input frame 310 receives following text 202(and amounts to 57 characters) " fine cloud is done to fly ingeniously star and is passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; if deeply attached wedding day such as dream bear turn round and look at Magpie Bridge return road two feelings when long for a long time again in every morning and evening ", and be partially transparent with the formatting of above-mentioned text, subsequently in step S140, the textual portions that in the second text input frame 320, shows front 50 characters in the following text 222(text 202 with black font): " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; if deeply attached wedding day such as dream are born when turning round and look at Magpie Bridge return road two feelings and growing for a long time ", the textual portions " again in every morning and evening " that exceeds 50 characters is replaced with wide space, namely replace the above-mentioned textual portions that exceeds 50 characters with 7 spaces, the text of inputting in the first text input frame 310 and the second text input frame 320 in identical position display, the text of inputting shows in the mode of the first predetermined format and the stack of the second predetermined format, obtains at last text 242.Although the second text input frame 320 is arranged under the first text input frame 310 on the Z-direction at interface, but since the first text input frame 3102 and the position of the second text input frame 320 in the XY plane at interface identical with size (only be to illustrate for convenient among Fig. 2, the first text input frame 20 is arranged in different zones with the second text input frame 22), text input frame 24 after user on the interface can see stack, again because the text 202 in the first text input frame 310 is shown as partially transparent, can show the text 242 after superposeing in the text input frame 24 after stack is seen at the interface, the font color that namely shows the textual portions of " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born " at the interface is black, and shows that the form of the textual portions of " again in every morning and evening " is partially transparent (the part text in the first text input frame 310).Thus, by adopting the first text input frame, and the second text input frame corresponding with this first text input frame, reach and allow the maximum textual portions of number of words that shows that surpasses of the input in the first text input frame automatically show according to blank.What certainly can understand is specifically not limit in an embodiment of the present invention the concrete color of the first predetermined color and the concrete numerical value that does not limit the first predetermined quantity.
In yet another embodiment of the present invention, in step S140, the second text input frame from first to last is divided into a plurality of groups with the second predetermined quantity with the character in the text of user's input, and the second predetermined format is with the character in the whenever adjacent group of different color demonstrations.
For example, the second predetermined quantity is 50 characters, and the first predetermined format can be set to partially transparent, and different colors can comprise blueness and redness.In step S130, the first text input frame 310 receive following text (amount to 57 characters) " fine cloud is done to fly ingeniously star and is passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; if deeply attached wedding day such as dream bear turn round and look at Magpie Bridge return road two feelings when long for a long time again in every morning and evening ", and be partially transparent with the formatting of above-mentioned text, subsequently in step S140, in the second text input frame 320, show following text (amount to 57 characters) according to per 50 characters with blue font and red font mode separately: " fine cloud is done to fly ingeniously star and is passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; if deeply attached wedding day such as dream bear turn round and look at Magpie Bridge return road two feelings when long for a long time again in every morning and evening ", namely the font color of " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born " is shown as blueness on the interface, the font color of " again in every morning and evening " is shown in red, then with the text Overlapping display in the text in the first text input frame and the second text input frame, although be arranged under the first text input frame at the second text input frame on the Z-direction at interface, but because the first text input frame is identical with size with the position of the second text input frame in the XY plane at interface, again because the text display in the first text input frame is partially transparent, so that the second text input frame can part see through the first text input frame, text after the stack that the interface is seen is the text in the second text input frame in fact, namely the font color of the textual portions of " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born " is shown as blueness on the interface, and the color of the textual portions of " again in every morning and evening " is shown in red.Thus, by adopting the first text input frame, and the second text input frame corresponding with this first text input frame, reach and allow the text of input automatically be shown as different colors.For example, the second predetermined quantity is set to 70 characters, when the editing mobile phone note, can the user in the short message text input frame text of input be set to according to per 70 characters can allow thus the user know very clearly how much the note of oneself will spend in the mode that a kind of color shows.What certainly can understand is specifically not limit in an embodiment of the present invention the concrete numerical value of the second predetermined quantity, and do not limit choosing of different colors.
After step S140, can process ends.Need to prove, method shown in Figure 1 do not limit by shown in the order of each step carry out, can adjust as required the sequencing of each step in addition, described step also is not limited to above-mentioned steps and divides, and above-mentioned steps can split into further more that multi-step also can be merged into still less step.For example " the second text input frame is set in the interface " among the step S120 can be carried out with step S110, and the position between the first text input frame and the second text input frame is set in the S120 step.
Below in conjunction with Fig. 3 explanation according to an embodiment of the invention, a kind of interface assembly 300 of being suitable for addressing the above problem.
As shown in Figure 3, interface assembly 300 of the present invention comprises: the first text input frame 310 and the second text input frame 320, for convenience of description for the purpose of, Fig. 3 also shows user input device 30.
The first text input frame 310 receives the user from the text of user input device 30 inputs, and shows the text of user's input in the first text input frame 310 with the first predetermined format; This user input device 30 can be the keyboard for input text, also can be the touch display screen of user input text.In one embodiment of the invention, the first predetermined format is partially transparent.
Alternatively, the first text input frame 310 comprises: receiver module 312 and the first display module 314.Wherein receiver module 312 receives the user from the text of user input device 30 inputs; The first display module 314 shows the text of user's input with the first predetermined format.
On the Z-direction at interface, the second text input frame 320 is arranged under the first text input frame 310 and is corresponding with the position of the first text input frame 310, in the second text input frame 320, be presented at the text of the described user input in the first text input frame 310 with the second predetermined format, and the text of user's input identical position display in the first text input frame 310 and the second text input frame 320.
Alternatively, the second text input frame 320 comprises: acquisition module 322 and the second display module 324.Wherein acquisition module 322 obtains the text that the user inputs in the first text input frame 310; The second display module 324 shows the text that is obtained with the second predetermined format.
Particularly, in order to improve the display effect of interface Chinese version input frame, the attribute of the position that shows in the XY plane at interface that the first text input frame 310 is relevant and size etc. copies to the second text input frame 320, so that position and in the same size that the second text input frame 320 and the first text input frame 310 show in the XY plane at interface.In addition for appropriate demonstration, need to the first text input frame 310 the Z-direction at interface be set to be positioned at the second text input frame 320 above.According to an example of the present invention, the property value of the lamination order that the first text input frame 310 of definition and the Z-direction of the second text input frame 320 at the interface show can utilize interface property parameter z-index to arrange; The z-index value is higher, and object is above just more being presented on the Z-direction at interface; The z-index value is lower, and object is below just more being presented on the Z-direction at interface.Certainly, the present invention is not subject to interface property parameter z-index, and all can define the interface property of the lamination order that the text input frame shows all within protection scope of the present invention in the interface.
In one embodiment of the invention, the second text input frame 320 shows front the first predetermined quantity character in the text of described user input with the first predetermined color, and shows successive character in the text that the user inputs with the second predetermined color or with selected state.
For example, the first predetermined format can be set to partially transparent, and the first predetermined color can be set to black, and selected state can be set to choose the text of part to transfer ash to show or highlighted demonstration that the first predetermined quantity character can be set to 50 characters.Receiver module 312 in the first text input frame 310 receive following text (amount to 57 characters) " fine cloud is done to fly ingeniously star and is passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; if deeply attached wedding day such as dream bear turn round and look at Magpie Bridge return road two feelings when long for a long time again in every morning and evening ", the first display module 314 shows the form of above-mentioned text according to partially transparent, acquisition module 322 in the second text input frame 320 obtains the text that the user inputs in the first text input frame 310, the second display module 324 in the second text input frame 320 shows front 50 characters in the above-mentioned text with black font: " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born ", the textual portions " again in every morning and evening " that exceeds front 50 characters is transferred ash demonstration or highlighted demonstration.Then with 310 text in the first text input frame and the text Overlapping display in the second text input frame 320, although the second text input frame 320 is arranged on after the first text input frame 310, but because the first text input frame 310 is identical with size with the second position of text input frame 320 in the interface, text input frame after user on the interface only can see stack, again because the text display in the first text input frame 310 is partially transparent, in the text input frame that the interface is seen, can show the text after superposeing, namely the font color of the textual portions of " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born " is black on the interface, and the textual portions of " again in every morning and evening " transfers ash to show or highlighted demonstration.Thus, by adopting the first text input frame 310, and the second text input frame 320 corresponding with this first text input frame 310, realize the text of the input of 310 li of the first text input frames is shown as different colors automatically.
In another embodiment of the present invention, the second text input frame 320 shows front the first predetermined quantity character in the text of described user input with the first predetermined color, and shows successive character in the text that the user inputs with blank.
For example, the first predetermined format can be set to partially transparent, the first predetermined color can be set to black, blank demonstration can refer to replace character with the space, the first predetermined quantity character can be set to 50 characters, in conjunction with Fig. 2, receiver module 312 in the first text input frame 310 receives following text 202(and amounts to 57 characters) " fine cloud is done to fly ingeniously star and is passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; if deeply attached wedding day such as dream bear turn round and look at Magpie Bridge return road two feelings when long for a long time again in every morning and evening ", the first display module 314 shows above-mentioned text with the form of partially transparent, acquisition module 322 in the second text input frame 320 obtains the text that the user inputs in the first text input frame 310, the second display module 324 in the second text input frame 320 shows the textual portions of front 50 characters in the following text 222(text 202 with black font): " fine cloud is done to fly ingeniously star and is passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; if deeply attached wedding day such as dream are born when turning round and look at Magpie Bridge return road two feelings and growing for a long time ", the textual portions " again in every morning and evening " that exceeds 50 characters is replaced with wide space, namely replace the above-mentioned textual portions that exceeds 50 characters with 7 spaces, the text of inputting in the first text input frame 310 and the second text input frame 320 in identical position display, the text of inputting shows in the mode of the stack of the form in the form in the first text input frame 310 and the second text input frame 320, thereby obtains text 242.Although the second text input frame 320 is arranged on after the first text input frame 310, but since the first text input frame 310 and the second position of text input frame 320 in the interface identical with size (only be to illustrate for convenient among Fig. 2, the first text input frame 310 is arranged in different zones with the second text input frame 320), text input frame 24 after user on the interface only can see stack and the text 242 after the stack, the display effect of the text 242: the font color of the textual portions of " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born " is black, and the textual portions of " again in every morning and evening " transfers ash to show or highlighted demonstration.Thus, by adopting the first text input frame 310, and the second text input frame 320 corresponding with this first text input frame 310, reach and allow the maximum textual portions of number of words that shows that surpasses of the input in the first text input frame 310 automatically show according to blank.What certainly can understand is specifically not limit in an embodiment of the present invention the concrete color of the first predetermined color and the concrete numerical value that does not limit the first predetermined quantity.
In another embodiment of the present invention, the second text input frame 320 from first to last is divided into a plurality of groups with the second predetermined quantity with the character in the text of user's input, and the second predetermined format is with the character in the whenever adjacent group of different color demonstrations.
For example, the second predetermined quantity is 50 characters, and the first predetermined format can be set to partially transparent, and different colors can comprise blueness and redness.Receiver module 312 in the first text input frame 310 receive following text (amount to 57 characters) " fine cloud is done to fly ingeniously star and is passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; if deeply attached wedding day such as dream bear turn round and look at Magpie Bridge return road two feelings when long for a long time again in every morning and evening ", the first display module 314 shows above-mentioned text according to the mode of partially transparent, acquisition module 322 in the second text input frame 320 obtains the text that the user inputs in the first text input frame 310, according to per 50 characters above-mentioned text is divided into two groups in the second display module 32, first group font color is blue font, second group font color is red font, namely show following text (amount to 57 characters) with blue font and red font mode separately: " fine cloud is done to fly ingeniously star and is passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win once meeting that but the human world is countless; if deeply attached wedding day such as dream bear turn round and look at Magpie Bridge return road two feelings when long for a long time again in every morning and evening ", namely the font color of " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born " is shown as blueness on the interface, the font color of " again in every morning and evening " is shown in red, then with the text Overlapping display in the text in the first text input frame 310 and the second text input frame 320, although the second text input frame 320 is arranged on after the first text input frame 310 on the Z-direction at interface, but because the first text input frame 310 is identical with size with the position of the second text input frame 320 in the XY plane at interface, text after text input frame after user on the display interface only can see stack and the demonstration stack, the display effect of the text after the stack: the font color of the textual portions of " fine cloud is done to fly ingeniously star and passed and hate the far away Jin Fengyu that secretly crosses of the Mildy Way to reveal and win meeting that but the human world is countless; turn round and look at Magpie Bridge return road two feelings when long for a long time if deeply attached wedding day such as dream are born " is shown as blueness, and the color of the textual portions of " again in every morning and evening " is shown in red.Thus, by adopting the first text input frame 310, and the second text input frame 320 corresponding with this first text input frame 310, reach and allow the text of input automatically be shown as different colors.For example, the second predetermined quantity is set to 70 characters, when the editing mobile phone note, can the user in the short message text input frame text of input be set to according to per 70 characters can allow thus the user know very clearly how much the note of oneself will spend in the mode that a kind of color shows.What certainly can understand is specifically not limit in an embodiment of the present invention the concrete numerical value of the second predetermined quantity, and do not limit choosing of different colors.
What want to specify is, this algorithm that provides with show intrinsic not relevant with any certain computer, virtual system or miscellaneous equipment.Various general-purpose systems also can be with using based on the teaching at this.According to top description, it is apparent constructing the desired structure of this type systematic.In addition, the present invention is not also for any certain programmed language.Should be understood that and to utilize various programming languages to realize content of the present invention described here, and the top description that language-specific is done is in order to disclose preferred forms of the present invention.
In the instructions that provides herein, a large amount of details have been described.Yet, can understand, embodiments of the invention can be put into practice in the situation of these details not having.In some instances, be not shown specifically known method, structure and technology, so that not fuzzy understanding of this description.
Similarly, be to be understood that, in order to simplify the disclosure and to help to understand one or more in each inventive aspect, in the description to exemplary embodiment of the present invention, each feature of the present invention is grouped together in single embodiment, figure or the description to it sometimes in the above.Yet the method for the disclosure should be construed to the following intention of reflection: namely the present invention for required protection requires the more feature of feature clearly put down in writing than institute in each claim.Or rather, as following claims reflected, inventive aspect was to be less than all features of the disclosed single embodiment in front.Therefore, follow claims of embodiment and incorporate clearly thus this embodiment into, wherein each claim itself is as independent embodiment of the present invention.
Those skilled in the art are appreciated that and can adaptively change and they are arranged in one or more equipment different from this embodiment the module in the equipment among the embodiment.Can be combined into a module or unit or assembly to the module among the embodiment or unit or assembly, and can be divided into a plurality of submodules or subelement or sub-component to them in addition.In such feature and/or process or unit at least some are mutually repelling, and can adopt any combination to disclosed all features in this instructions (comprising claim, summary and the accompanying drawing followed) and so all processes or the unit of disclosed any method or equipment make up.Unless in addition clearly statement, disclosed each feature can be by providing identical, being equal to or the alternative features of similar purpose replaces in this instructions (comprising claim, summary and the accompanying drawing followed).
In addition, those skilled in the art can understand, although embodiment more described herein comprise some feature rather than further feature included among other embodiment, the combination of the feature of different embodiment means and is within the scope of the present invention and forms different embodiment.For example, in the following claims, one of any arbitrarily array mode of embodiment required for protection is used.
All parts embodiment of the present invention can realize by hardware, perhaps realizes with the software module of moving at one or more processor, and perhaps the combination with them realizes.It will be understood by those of skill in the art that and to use in practice microprocessor or digital signal processor (DSP) to realize according to some or all some or repertoire of parts in the embodiment of the invention.The present invention can also be embodied as be used to part or all equipment or the device program (for example, computer program and computer program) of carrying out method as described herein.Such realization program of the present invention can be stored on the computer-readable medium, perhaps can have the form of one or more signal.Such signal can be downloaded from internet website and obtain, and perhaps provides at carrier signal, perhaps provides with any other form.
It should be noted above-described embodiment the present invention will be described rather than limit the invention, and those skilled in the art can design alternative embodiment in the situation of the scope that does not break away from claims.In the claims, any reference symbol between bracket should be configured to limitations on claims.Word " comprises " not to be got rid of existence and is not listed in element or step in the claim.Being positioned at word " " before the element or " one " does not get rid of and has a plurality of such elements.The present invention can realize by means of the hardware that includes some different elements and by means of the computing machine of suitably programming.In having enumerated the unit claim of some devices, several in these devices can be to come imbody by same hardware branch.The use of word first, second and C grade does not represent any order.Can be title with these word explanations.
Claims (12)
1. method for the treatment of the text of inputting in the interface comprises step:
The first text input frame is set in the interface;
The second text input frame is set in described interface, and described the second text input frame is arranged in after described the first text input frame, and so that the position of described the second text input frame is corresponding with the position of described the first text input frame;
In described the first text input frame, receive the text of input, and show the text of being inputted with the first predetermined format; And
In described the second text input frame, be presented at the text of inputting in the first text input frame with the second predetermined format, so that the text of inputting in the first text input frame and the second text input frame in identical position display, thereby so that the text of inputting show in the mode of the first predetermined format and the stack of the second predetermined format;
Wherein the first text input frame and the second text input frame are the multiline text input frame.
2. method according to claim 1, wherein the first predetermined format is partially transparent.
3. arbitrary described method according to claim 1 ~ 2, wherein the second predetermined format is front the first predetermined quantity character in the text that shows described user input with the first predetermined color, and shows successive character in the text that described user inputs with the second predetermined color or with selected state.
4. any described method according to claim 1 ~ 2, wherein the second predetermined format is front the first predetermined quantity character in the text that shows described user input with the first predetermined color, and shows successive character in the text that described user inputs with blank.
5. any described method according to claim 1 ~ 2 wherein from first to last is divided into a plurality of groups with the second predetermined quantity with the character in the text of described user's input, and described the second predetermined format is with the character in the whenever adjacent group of different color demonstrations.
6. an interface assembly is used for showing input text, and it comprises:
The first text input frame receives the text of user's input, and shows the text of described user's input in the first text input frame with the first predetermined format;
The second text input frame, be arranged in after the first text input frame and corresponding with the position of the first text input frame, in the second text input frame, be presented at the text of user described in the first text input frame input with the second predetermined format, and the text of described user input identical position display in the first text input frame and the second text input frame;
Wherein, the first and second text input frames are the multiline text input frame.
7. interface assembly according to claim 6, wherein, the first predetermined format is partially transparent.
8. any described interface assembly according to claim 6 ~ 7, wherein,
Described the second text input frame shows front the first predetermined quantity character in the text of described user input with the first predetermined color, and shows successive character in the text that described user inputs with the second predetermined color or with selected state.
9. any described interface assembly according to claim 6 ~ 7, wherein,
Described the second text input frame shows front the first predetermined quantity character in the text of described user input with the first predetermined color, and shows successive character in the text that described user inputs with blank.
10. any described interface assembly according to claim 6 ~ 7, wherein,
Described the second text input frame from first to last is divided into a plurality of groups with the second predetermined quantity with the character in the text of described user's input, and described the second predetermined format is with the character in the whenever adjacent group of different color demonstrations.
11. any described interface assembly according to claim 6 ~ 10, wherein,
Described the first text input frame comprises:
Receiver module, it receives the text of user's input;
The first display module, it shows the text of user's input with the first predetermined format.
12. any described interface assembly according to claim 6 ~ 11, wherein,
Described the second text input frame comprises:
Acquisition module obtains the text that the user inputs in the first text input frame;
The second display module shows the text that is obtained with the second predetermined format.
Priority Applications (3)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210507473.1A CN103034398B (en) | 2012-11-30 | 2012-11-30 | For the treatment of method and the interface assembly of the text inputted in interface |
| US14/647,540 US20150309683A1 (en) | 2012-11-30 | 2013-11-29 | Method for displaying input text in interface and interface component for displaying input text |
| PCT/CN2013/088202 WO2014082600A1 (en) | 2012-11-30 | 2013-11-29 | Method for displaying input text in interface and interface component for displaying input text |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210507473.1A CN103034398B (en) | 2012-11-30 | 2012-11-30 | For the treatment of method and the interface assembly of the text inputted in interface |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103034398A true CN103034398A (en) | 2013-04-10 |
| CN103034398B CN103034398B (en) | 2016-01-06 |
Family
ID=48021342
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210507473.1A Active CN103034398B (en) | 2012-11-30 | 2012-11-30 | For the treatment of method and the interface assembly of the text inputted in interface |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103034398B (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2014082600A1 (en) * | 2012-11-30 | 2014-06-05 | 北京奇虎科技有限公司 | Method for displaying input text in interface and interface component for displaying input text |
| CN104794140A (en) * | 2014-01-22 | 2015-07-22 | 腾讯科技（深圳）有限公司 | Text highlighting method and device |
| CN104808903A (en) * | 2015-04-24 | 2015-07-29 | 三星电子（中国）研发中心 | Text selection method and text selection device |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7302650B1 (en) * | 2003-10-31 | 2007-11-27 | Microsoft Corporation | Intuitive tools for manipulating objects in a display |
| CN102273186A (en) * | 2009-01-08 | 2011-12-07 | 微软公司 | Combined image and text document |
| CN102937881A (en) * | 2012-11-30 | 2013-02-20 | 北京奇虎科技有限公司 | Method for displaying input text in interface and interface component for displaying input text |
-
2012
- 2012-11-30 CN CN201210507473.1A patent/CN103034398B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7302650B1 (en) * | 2003-10-31 | 2007-11-27 | Microsoft Corporation | Intuitive tools for manipulating objects in a display |
| CN102273186A (en) * | 2009-01-08 | 2011-12-07 | 微软公司 | Combined image and text document |
| CN102937881A (en) * | 2012-11-30 | 2013-02-20 | 北京奇虎科技有限公司 | Method for displaying input text in interface and interface component for displaying input text |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2014082600A1 (en) * | 2012-11-30 | 2014-06-05 | 北京奇虎科技有限公司 | Method for displaying input text in interface and interface component for displaying input text |
| CN104794140A (en) * | 2014-01-22 | 2015-07-22 | 腾讯科技（深圳）有限公司 | Text highlighting method and device |
| CN104794140B (en) * | 2014-01-22 | 2019-12-10 | 腾讯科技（深圳）有限公司 | text highlight display method and device |
| CN104808903A (en) * | 2015-04-24 | 2015-07-29 | 三星电子（中国）研发中心 | Text selection method and text selection device |
| CN104808903B (en) * | 2015-04-24 | 2018-01-26 | 三星电子（中国）研发中心 | Text selection method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103034398B (en) | 2016-01-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102937881A (en) | Method for displaying input text in interface and interface component for displaying input text | |
| CA2937702C (en) | Emphasizing a portion of the visible content elements of a markup language document | |
| CN102663126B (en) | Method and device for displaying webpage in mobile terminal | |
| CN103500066A (en) | Screenshot device and method suitable for touch screen devices | |
| CN103631866A (en) | Webpage display method and browser | |
| CN102999579A (en) | Browser for processing page textbox, and method for processing page textbox element | |
| CN105224540A (en) | Page composing method and device | |
| CN103631867A (en) | Webpage display method and browser | |
| CN103761079A (en) | Method and device for automatically graying page | |
| CN102411468A (en) | Method and device for exhibiting information by utilizing animation | |
| CN103034398A (en) | Method and interface assembly for processing input text in interface | |
| CN105979392A (en) | Webpage display method and browser | |
| CN103778128A (en) | List information drawing method and device | |
| KR101371406B1 (en) | Method and system for manufacturing e-book by source analysis of pdf document | |
| CN106372070B (en) | Method and device for displaying data in graphical interface | |
| CN111783007B (en) | Display rendering method and device, electronic equipment and storage medium | |
| CN102902658A (en) | Colorful character displaying method and device | |
| CN102999598B (en) | Change the method and apparatus of the show state of the content in webpage | |
| CN102841890B (en) | A kind of data processing method for document structure and device | |
| CN103136169A (en) | Method and device of displaying characters | |
| CN102915349A (en) | Method for displaying webpage in browser and webpage component displayed in browser | |
| CA2602749A1 (en) | System and method of report representation | |
| CN103927363A (en) | Browser grid display method and system and browser client | |
| CN105183492A (en) | Forming method and forming device of individualized dialog box | |
| CN105022654A (en) | Production method and device of visual page |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220725 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |