用于处理界面中输入的文本的方法及界面组件技术

本发明专利技术提供一种用于处理界面中输入的文本的方法及界面组件。该界面组件包括：第一文本输入框，接收用户输入的文本，并以第一预定格式在第一文本输入框中显示所述用户输入的文本；第二文本输入框，布置在第一文本输入框之后且与第一文本输入框的位置相对应，在第二文本输入框中以第二预定格式显示在第一文本输入框中所述用户输入的文本，且所述用户输入的文本在第一文本输入框和第二文本输入框中相同的位置显示；其中，第一和第二文本输入框为多行文本输入框。本发明专利技术可以解决文本输入框中输入文本不能自动按照不同格式显示的问题，可以向用户呈现更为友好的界面。

【技术实现步骤摘要】

本专利技术属于计算机
，尤其涉及一种用于处理界面中输入的文本的方法及界面组件。
技术介绍
在界面中配置的多行文本输入框(Textarea)，用户可以在其中输入一段或多段文本。当在多行文本输入框中输入一段或多段文本时，多行文本输入框中的文本只会显示一种默认的字体颜色(例如黑色)，若需要更改多行文本输入框中部分文本的字体颜色，例如将部分文本的字体颜色由黑色更改为红色时，需要用户手工调整文本的字体颜色。因此需要一种可以解决诸如自动将多行文本输入框中输入文本设置为不同格式并显示的解决方案。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的用于处理界面中输入的文本的方法及界面组件。依据本专利技术的一个方面，提供了一种用于处理界面中输入的文本的方法，包括步骤在界面中设置第一文本输入框；在界面中设置第二文本输入框，第二文本输入框布置在第一文本输入框之后，而且使得第二文本输入框的位置和第一文本输入框的位置相对应；在第一文本输入框中接收输入的文本，并以第一预定格式显示所输入的文本；以及在第二文本输入框中以第二预定格式显不在第一文本输入框中输入的文本，使得所输入的文本在第一文本输入框和第二文本输入框中在相同的位置显示，从而使得所输入的文本以第一预定格式和第二预定格式叠加的方式显不；其中第一文本输入框和第二文本输入框为多行文本输入框。可选地，其中第二预定格式为以第一预定颜色显示用户输入的文本中的前第一预定数量个字符，并以第二预定颜色或以选中状态显示用户输入的文本中的后续字符。可选地，其中第二预定格式为以第一预定颜色显示用户输入的文本中的前第一预定数量个字符，并以空白显示所述用户输入的文本中的后续字符。可选地，其中以第二预定数量将用户输入的文本中的字符从头至尾划分为多个组，所述第二预定格式为以不同的颜色显示每相邻的组中的字符。依据本专利技术的另一个方面，提供了一种界面组件，其包括第一文本输入框，接收用户输入的文本，并以第一预定格式在第一文本输入框中显示用户输入的文本；第二文本输入框，布置在第一文本输入框之后且与第一文本输入框的位置相对应，在第二文本输入框中以第二预定格式显示在第一文本输入框中用户输入的文本，且用户输入的文本在第一文本输入框和第二文本输入框中相同的位置显不；其中第一文本输入框和第二文本输入框为多行文本输入框。可选地，第二文本输入框以第一预定颜色显示用户输入的文本中的前第一预定数量个字符，并以第二预定颜色或以选中状态显示用户输入的文本中的后续字符。可选地，第二文本输入框以第一预定颜色显示用户输入的文本中的前第一预定数量个字符，并以空白显示所述用户输入的文本中的后续字符。可选地，第二文本输入框以第二预定数量将用户输入的文本中的字符从头至尾划分为多个组，第二预定格式为以不同的颜色显示每相邻的组中的字符。根据本专利技术的用于处理界面中输入的文本的方法及界面组件，通过在界面中设置第一文本输入框和第二文本输入框，第二文本输入框布置在第一文本输入框之后，而且使得第二文本输入框的位置和第一文本输入框的位置相对应，得所输入的文本在第一文本输入框和第二文本输入框中在相同的位置叠加显示，从而使得在界面中所显示文本输入框中的文本能够自动地按照不同格式显示，解决文本输入框中输入文本不能自动按照不同格式显示的问题，可以向用户呈现更为友好的界面。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的附图标记表示相同的部件。在附图中图1示出了根据本专利技术的一个实施例的用于处理界面中输入的文本的方法的流程图；图2示出了根据本专利技术的一个实施例中所输入的文本以在第一文本输入框中的第一预定格式和在第二文本输入框中的第二预定格式叠加的方式显示的示意图；以及图3示出了根据本专利技术的一个实施例的界面组件的方框示意图。具体实施例方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。当用户在文本框中输入一段或多段文本时，文本输入框中的一段或多段文本只会显示一种默认的字体颜色(例如黑色)，但是，在某些情况下用户可能会需要以多种字体颜色区分显示不同部分的文本,例如，自动将文本输入框中超过最大允许字符数的文本部分显示成红色(或其他颜色)。或者，终端用户在文本输入框编辑短信时，文本输入框中的每70个字符会显示一种颜色，也就是以70个字符为单位，将文本输入框中的文本划分为多个部分，每个部分显示不同的颜色，以让用户很清晰地知道当前编辑的短信需要花多少钱。然而，现有的文本输入框并不具有自动将文本输入框中输入文本设置为不同格式并显示的功倉泛。为此，本专利技术提出一种用于处理界面中输入的文本的方法和一种界面组件。为了说明方便，在下面的描述中，设显示界面的平面为XY平面，第一文本输入框和第二文本输入框在界面中的层叠方向设为界面的Z轴方向，例如界面可以是网页界面或短信编辑界面。本专利技术提出的在用于处理界面中输入的文本的方法主要是，在界面的Z轴方向上，在第一文本输入框的下方添加第二文本输入框，通过第一文本输入框接收输入的文本，所输入的文本在第一文本输入框和第二文本输入框中在相同的位置显不，从而使得所输入的文本以在第一文本输入框中的第一预定格式和在第二文本输入框中的第二预定格式叠加的方式显示。下面结合图1具体说明根据本专利技术一个实施例的、适于解决上述问题的用于处理界面中输入的文本的方法100的流程图。如图1所示，本专利技术的用于处理界面中输入的文本的方法100始于步骤S110，在步骤SllO中，在界面中设置第一文本输入框。该第一文本输入框可以是一种可移动、可调大小的文本或图形容器。根据本专利技术的一个实施例，第一文本输入框可以是多行文本输入框。随后，在步骤S120中，在界面中设置第二文本输入框，第二文本输入框布置在第一文本输入框之后，而且使得第二文本输入框的位置和第一文本输入框的位置相对应。该第二文本输入框可以是一种可移动、可调大小的文本或图形容器。根据本专利技术的一个实施例，第二文本输入框可以是多行文本输入框。具体而言，为了提高界面中文本输入框的显示效果，将与第一文本输入框有关的在界面的XY平面中显示的位置和大小等的属性复制给第二文本输入框，使得第二文本输入框和第一文本输入框在界面的XY平面中显示的位置和大小一致。另外为了恰当显示，需要将第一文本输入框在界面的Z轴方向上设置为位于第二文本输入框的上方。根据本专利技术的一个示例，定义的第一文本输入框和第二文本输入框在界面的Z轴方向上显示的层叠顺序的属性值可以利用界面属性参数z-1ndex来设置；z_index值越高,对象在界面的Z轴方向上就越显示在上方；z_index值越低,对象在界面的Z轴方向上本文档来自技高网...

【技术保护点】
一种用于处理界面中输入的文本的方法，包括步骤：在界面中设置第一文本输入框;在所述界面中设置第二文本输入框，所述第二文本输入框布置在所述第一文本输入框之后，而且使得所述第二文本输入框的位置和所述第一文本输入框的位置相对应；在所述第一文本输入框中接收输入的文本，并以第一预定格式显示所输入的文本；以及在所述第二文本输入框中以第二预定格式显示在第一文本输入框中输入的文本，使得所输入的文本在第一文本输入框和第二文本输入框中在相同的位置显示，从而使得所输入的文本以第一预定格式和第二预定格式叠加的方式显示；其中第一文本输入框和第二文本输入框为多行文本输入框。

【技术特征摘要】
1.一种用于处理界面中输入的文本的方法，包括步骤 在界面中设置第一文本输入框； 在所述界面中设置第二文本输入框，所述第二文本输入框布置在所述第一文本输入框之后，而且使得所述第二文本输入框的位置和所述第一文本输入框的位置相对应； 在所述第一文本输入框中接收输入的文本，并以第一预定格式显示所输入的文本；以及 在所述第二文本输入框中以第二预定格式显示在第一文本输入框中输入的文本，使得所输入的文本在第一文本输入框和第二文本输入框中在相同的位置显不，从而使得所输入的文本以第一预定格式和第二预定格式叠加的方式显示； 其中第一文本输入框和第二文本输入框为多行文本输入框。2.根据权利要求1所述的方法，其中第一预定格式为部分透明。3.根据权利要求Γ2任一所述的方法，其中第二预定格式为以第一预定颜色显示所述用户输入的文本中的前第一预定数量个字符，并以第二预定颜色或以选中状态显示所述用户输入的文本中的后续字符。4.根据权利要求Γ2中任一个所述的方法，其中第二预定格式为以第一预定颜色显示所述用户输入的文本中的前第一预定数量个字符，并以空白显示所述用户输入的文本中的后续字符。5.根据权利要求Γ2中任一个所述的方法，其中以第二预定数量将所述用户输入的文本中的字符从头至尾划分为多个组，所述第二预定格式为以不同的颜色显示每相邻的组中的字符。6.一种界面组件，用于显示输入文本，其包括 第一文本输入框，接收用户输入的文本，并以第一预定格式在第一文本输入框中显不所...

【专利技术属性】
技术研发人员：应加宽，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：