CN107656908B - 占位符的实现方法和系统 - Google Patents

Abstract

本发明涉及种占位符的实现方法和系统，所述方法包括如下步骤：预设一字体的多种不同的单字符，分别设定各个单字符的宽度值，并将所述字体安装到操作系统中；通过所述操作系统的文本编辑器接收输入的单字符，并获取与所述字体相应的单字符；根据所述获取的单字符对应的宽度值，在设置占位符的文本框中以对应的宽度值显示该单字符。该方案可以可以在文本框中实现单字符的占位符，提高了占位符的使用效果，由于是单字符的占位符，可以保持占位符作为一个字符在文本中的所有编辑逻辑。另外还提供一种计算机设备和一种存储介质。

Description

占位符的实现方法和系统

技术领域

本发明涉及计算机技术领域，特别是涉及一种占位符的实现方法和系统。

背景技术

目前，在文本框中做占位符时，一般是只能做成空格或者带有字符，当需要任意宽度时，则通过输入多个空格的多个字符组合，显然无法做成单字符的占位符效果，导致无法使用文本框的编辑逻辑(如删除、输入)、文本框的选择逻辑以及文本框的自动换行逻辑等等，使用效果较差。

发明内容

基于此，有必要针对常用的技术中占位符使用效果较差的问题，提供一种占位符的实现方法和系统。

一种占位符的实现方法，包括如下步骤：

预设一字体的多种不同的单字符，分别设定各个单字符的宽度值，并将所述字体安装到操作系统中；

通过所述操作系统的文本编辑器接收输入的单字符，并获取与所述字体相应的单字符；

根据所述获取的单字符对应的宽度值，在设置占位符的文本框中以对应的宽度值显示该单字符。

一种占位符的实现系统，包括：

字符设计模块，用于预设一字体的多种不同的单字符，分别设定各个单字符的宽度值，并将所述字体安装到操作系统中；

字符输入模块，用于通过所述操作系统的文本编辑器接收输入的单字符，并获取与所述字体相应的单字符；

文本显示模块，用于根据所述获取的单字符对应的宽度值，在设置占位符的文本框中以对应的宽度值显示该单字符。

上述占位符的实现方法和系统，首先设置一字体的多种不同的单字符及其宽度值，并将字体安装到操作系统中，在接收到用户输入这些单字符时，根据单字符对应的宽度值，在需要使用占位符的文本框中以对应的宽度值显示这些单字符；从而可以在文本框中实现单字符的占位符，提高了占位符的使用效果，由于是单字符的占位符，可以保持占位符作为一个字符在文本中的所有编辑逻辑。

另外，还提供一种计算机设备，该计算机设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，处理器执行所述计算机程序时实现如上述占位符的实现方法。

进一步的，还提供一种存储介质，其上存储有计算机程序，其中，该程序被处理器执行时实现如上述占位符的实现方法。

附图说明

图1是一个实施例的占位符的实现方法流程图；

图2是一个示例的单字符的占位符示意图；

图3是文本输入控件的框架示意图；

图4是文本数据处理流程图；

图5是单字符的下划线占位符的示意图；

图6是一个实施例的占位符的实现系统结构示意图。

具体实施方式

下面结合附图阐述本发明的占位符的实现方法和系统的实施例。

本发明实施例的方案相应的计算机设备上，这里计算机设备可以是具备字体编辑、文本编辑器以及可以接收任意输入文本功能的设备。

参考图1所示，图1是一个实施例的占位符的实现方法流程图，包括如下步骤：

步骤S101，预设一字体的多种不同的单字符，分别设定各个单字符的宽度值，并将所述字体安装到操作系统中。

作为实施例，可以利用字体编辑工具设计一个字体，设定所述字体的字符属性，以及在该字符属性下设置多种不同的单字符。

例如，使用字体编辑软件设计一个字体，属性设定为我的字体“MyFont”。假设需要定义8种不同宽度的单字符，就在字体编辑软件中将字符1-8从1到8设置不同的宽度，将“MyFont”字体安装到计算机的操作系统中。

步骤S102，通过所述操作系统的文本编辑器接收输入的单字符，并获取与所述字体相应的单字符。

此过程中，用户在操作系统的任意文本编辑器中输入单字符，如果单字符是上述安装的字体的单字符，则获取这些单字符；如上述实施例的字体属性为“MyFont”中的单字符1到8，这些单字符的每个字符所占的宽度是不一样的。

步骤S103，根据所述获取的单字符对应的宽度值，在设置占位符的文本框中以对应的宽度值显示该单字符。

在渲染显示时，获取原先设定的单字符的宽度值，在需要设置占位符的文本框中添加这些单字符时，则以对应的宽度值显示该单字符。

如前面实施例中的单字符1到8，对1到8时添加下划线，则可以得到如图2显示形状，图2是一个示例的单字符的占位符示意图；可以每个字符所占的宽度不一样，且支持文本框的输入删除、选则、自动换行等逻辑。

上述实施例的方案，通过字体编辑软件设置字体，设定单个字符的宽度，实现了自定义单字符宽度与单字符显示的内容。

进一步的，在利用本发明的单字符作为占位符时，需要考虑显示的内容和效果，例如，上述举例的单字符1到8，当这种单字符充当占位符时，显然是无法满足需求的，其内容并不能满足实际所需效果。因此，为了得到所需的效果，作为实施例，可以进一步采用自定义的文本框。

在一个实施例中，本发明的占位符的实现方法，步骤S103中还可以包括步骤：预设文本框以及对其进行控制的文本输入控件；通过所述文本输入控件接收对文本框中文本的编辑信息，根据所述编辑信息对所述文本框中文本进行渲染。

例如，可以从文本输入、文本显示、文本格式设置、文本选中效果以及文本光标显示等方面设置一个文本输入控件，通过文本输入控件可以完整的控制文本渲染的各个过程，以更加优异的性能呈现文本。

作为实施例，在对所述文本框中文本进行渲染时，可以包括如下步骤：

获取文本被编辑后的文档数据，对所述文档数据进行渲染，得到新的渲染数据，根据所述新的渲染数据绘制新的光标和选中效果。

进一步地，对所述文本框中文本进行渲染包括：文字的呈现、光标的呈现和选中效果的呈现。

可选的，所述文档数据可以包括：

文档级别：垂直对齐方式；

段落级别：段落高度、项目符号、所经和/或水平对齐方式等；

字符级别：字体、字号、前景色、加粗、倾斜、下划线、上下标和/或艺术字等。

作为实施例，本发明的占位符的实现方法，还可以通过所述文本输入控件复制鼠标的点击和移动，当鼠标点击时控制文本框中光标的显示位置，当鼠标按下滑动时，控制文本框中选中效果的区域。

作为实施例，本发明的占位符的实现方法，还可以通过所述文本输入控件获取对文本框中文本的管理操作，根据所述管理操作对文本段落和/或文本属性进行管理。

例如，可以在文本输入控件定义完整的文档管理组件，以实现对文本框中的文本段落，文本属性等进行管理；进一步地，为了提高管理效率，可以通过红黑树的数据结构来管理所述文本段落；其中，所述管理操作包括对文本段落的插入操作、删除操作和/或查找操作。

通过上述技术方案，在面对频繁的进行段落的插入、删除、查找等操作时，也能够保证在大量文本的编辑和渲染时的流畅性。

为了更加清晰本发明的技术方案，针对于所述文本输入控件，可以通过如下方案实现。

参考图3所示，图3是文本输入控件的框架示意图；其中，“TextEditor”组件：是文本输入控件针对外界的统一入口，负责包装文本输入控件内部的各个组件。“TextArea”组件：用于复制处理鼠标的点击和移动等，当鼠标点击时控制光标的显示位置，当鼠标按下滑动时，控制选中效果的文本区域等。“TextView”组件：负责处理文本渲染，在其内部封装了所有文本输入控件呈现的每个部分(这里称为层，即Layer)，包括，并列的“SelectionLayer”呈现层、“CaretLayer”呈现层、“TextLayer”呈现层；对应用于选中效果的呈现、光标的呈现、文字的呈现。

另外，除了上述组件外，文本输入控件还可以设置文档管理组件，负责对文档中的文本段落，文本属性等进行管理，以用于频繁的进行段落的插入、删除和查找操作。

进一步地，文本输入控件还可以设置一套完整的渲染数据组件，该组件负责封装渲染后文本的实时数据；包括每个字所处的位置，每行的高度等等；通过这些实时数据可以绘制符合预期的光标、符合预期的选中效果。

参考图4所示，图4是文本数据处理流程图；用户编辑了文字，导致文本数据发生改变，渲染数据组件根据最新的文本数据进行，对改变的文本数据部分进行渲染，产生新的渲染数据，根据新的渲染数据绘制新的光标和选中效果。在用户设置了文本格式后，渲染数据组件将最新的文档数据进行渲染，在渲染字符时，遇到字符属性的字体是“MyFont”的，则将其进行渲染得到所需占位符，实现了自定义单字符宽度和单字符显示内容。

例如，前面实施例的添加下划线的单字符1到8，将字符内容修改为透明色进行渲染，这样就得到了一个只有下划线没有字符的占位符，如图5所示，图5是单字符的下划线占位符的示意图。如果期望的不是下划线，而是波浪线，或是一个矩形框，那么在渲染下划线时可以将下划线修改成相应的图形形状即可。

综合上述各个实施例的方案，本发明通过字体编辑软件结合自定义文本框，实现了自定义单字符宽度与单字符显示的内容；可以定义所需的字体，可以自定义单个字符的尺寸，显示形状等。

参考图6所示，图6是一个实施例的占位符的实现系统结构示意图，包括：

字符设计模块101，用于预设一字体的多种不同的单字符，分别设定各个单字符的宽度值，并将所述字体安装到操作系统中；

字符输入模块102，用于通过所述操作系统的文本编辑器接收输入的单字符，并获取与所述字体相应的单字符；

文本显示模块103，用于根据所述获取的单字符对应的宽度值，在设置占位符的文本框中以对应的宽度值显示该单字符。

上述单字符的实现系统，字符设计模块101用于设置多种不同的单字符及其宽度值安装到操作系统中；字符输入模块102用于接收到用户输入单字符；文本显示模块103用于接收到用户输入这些单字符时根据单字符对应的宽度值，在文本框中以对应的宽度值显示；上述占位符的实现方法和系统，首先设置一字体的多种不同的单字符及其宽度值，并将字体安装到操作系统中，在接收到用户输入这些单字符时，根据单字符对应的宽度值，在需要使用占位符的文本框中以对应的宽度值显示这些单字符；从而可以在文本框中实现单字符的占位符，提高了占位符的使用效果，由于是单字符的占位符，可以保持占位符作为一个字符在文本中的所有编辑逻辑。

在一个实施例中，所述字符设计模块101进一步用于利用字体编辑工具设计一个字体，设定所述字体的字符属性，以及在该字符属性下设置多种不同的单字符。

在一个实施例中，所述文本显示模块103还用于预设文本框以及对其进行控制的文本输入控件；通过所述文本输入控件接收对文本框中文本的编辑信息，根据所述编辑信息对所述文本框中文本进行渲染。

进一步的，所述文本显示模块103实现渲染功能时，进一步用于获取文本被编辑后的文档数据，对所述文档数据进行渲染，得到新的渲染数据，根据所述新的渲染数据绘制新的光标和选中效果。

具体的，所述文档数据可以包括：

文档级别：垂直对齐方式；

段落级别：段落高度、项目符号、所经和/或水平对齐方式；

字符级别：字体、字号、前景色、加粗、倾斜、下划线、上下标和/或艺术字。

具体的，对所述文本框中文本进行渲染可以包括：文字的呈现、光标的呈现和选中效果的呈现。

在一个实施例中，所述文本显示模块103还用于通过所述文本输入控件复制鼠标的点击和移动，当鼠标点击时控制文本框中光标的显示位置，当鼠标按下滑动时，控制文本框中选中效果的区域。

在一个实施例中，所述文本显示模块103还用于通过所述文本输入控件获取对文本框中文本的管理操作，根据所述管理操作对文本段落和/或文本属性进行管理。

可选的，通过红黑树的数据结构来管理所述文本段落；其中，所述管理操作包括对文本段落的插入操作、删除操作和/或查找操作。

本发明的占位符的实现系统与本发明的占位符的实现方法一一对应，在上述占位符的实现方法的实施例阐述的技术特征及其有益效果均适用于占位符的实现系统的实施例中，特此声明。

基于如上所述的示例，在一个实施例中还提供一种计算机设备，该计算机设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，处理器执行所述程序时实现如上述各实施例中的任意一种占位符的实现方法。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性的计算机可读取存储介质中，如本发明实施例中，该程序可存储于计算机系统的存储介质中，并被该计算机系统中的至少一个处理器执行，以实现包括如上述各占位符的实现方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random Access Memory，RAM)等。

据此，在一个实施例中还提供一种存储介质，其上存储有计算机程序，其中，该程序被处理器执行时实现如上述各实施例中的任意一种占位符的实现方法。

以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种占位符的实现方法，其特征在于，包括如下步骤：

预设一字体的多种不同的单字符，分别设定各个单字符的宽度值，并将所述字体安装到操作系统中；其中，所述各个单字符为单个阿拉伯数字字符；所述数字字符的数字大小与其对应的宽度值之间为正相关关系；

通过所述操作系统的文本编辑器接收输入的一个单字符，并获取与所述字体相应的一个单字符；

根据所述获取的该个单字符对应的宽度值，在设置占位符的文本框中以对应的宽度值显示该个单字符；其中，在渲染显示时，获取原先设定的该个单字符的宽度值，在需要设置占位符的文本框中添加该个单字符时，则将该个单字符的内容修改为透明色进行渲染，以对应的宽度值显示该个单字符对应的占位符。

2.根据权利要求1所述的占位符的实现方法，其特征在于，所述预设一字体的多种不同的单字符的步骤包括：

利用字体编辑工具设计一个字体，设定所述字体的字符属性，以及在该字符属性下设置多种不同的单字符。

3.根据权利要求1所述的占位符的实现方法，其特征在于，还包括：

预设文本框以及对其进行控制的文本输入控件；

通过所述文本输入控件接收对文本框中文本的编辑信息，根据所述编辑信息对所述文本框中文本进行渲染。

4.根据权利要求3所述的占位符的实现方法，其特征在于，通过所述文本输入控件接收对文本框中文本的编辑信息，根据所述编辑信息对所述文本框中文本进行渲染的步骤包括：

获取文本被编辑后的文档数据，对所述文档数据进行渲染，得到新的渲染数据，根据所述新的渲染数据绘制新的光标和选中效果；其中，文档数据包括以下至少之一：垂直对齐方式、段落高度、项目符号、水平对齐方式、字体、字号、前景色、加粗、倾斜、下划线、上下标、艺术字；

对所述文本框中文本进行渲染包括以下至少之一：文字的呈现、光标的呈现、选中效果的呈现。

5.根据权利要求3所述的占位符的实现方法，其特征在于，还包括：

通过所述文本输入控件复制鼠标的点击和移动，当鼠标点击时控制文本框中光标的显示位置，当鼠标按下滑动时，控制文本框中选中效果的区域。

6.根据权利要求3所述的占位符的实现方法，其特征在于，还包括：

通过所述文本输入控件获取对文本框中文本的管理操作，根据所述管理操作对文本段落和/或文本属性进行管理。

7.根据权利要求6所述的占位符的实现方法，其特征在于，通过红黑树的数据结构来管理所述文本段落；其中，所述管理操作包括以下至少之一：对文本段落的插入操作、删除操作、查找操作。

8.一种占位符的实现系统，其特征在于，包括：

字符设计模块，用于预设一字体的多种不同的单字符，分别设定各个单字符的宽度值，并将所述字体安装到操作系统中；其中，所述各个单字符为单个阿拉伯数字字符；所述数字字符的数字大小与其对应的宽度值之间为正相关关系；

字符输入模块，用于通过所述操作系统的文本编辑器接收输入的一个单字符，并获取与所述字体相应的一个单字符；

文本显示模块，用于根据所述获取的该个单字符对应的宽度值，在设置占位符的文本框中以对应的宽度值显示该个单字符；

所述文本显示模块，还用于在渲染显示时，获取原先设定的该个单字符的宽度值，在需要设置占位符的文本框中添加该个单字符时，则将该个单字符的内容修改为透明色进行渲染，以对应的宽度值显示该个单字符对应的占位符。

9.一种计算机设备，该计算机设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，处理器执行所述计算机程序时实现如权利要求1至7任一项所述占位符的实现方法。

10.一种存储介质，其上存储有计算机程序，其中，该程序被处理器执行时实现如权利要求1至7任一项所述占位符的实现方法。

Images