CN107608671A - 一种实现文字颜色渐变的方法和装置 - Google Patents

Abstract

本发明公开了一种实现文字颜色渐变的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：确定待渐变处理的文字区域的位置；计算所述文字区域的面积；根据所述文字区域的面积和需求的渐变效果创建视图单位；将所述视图单位添加到所述文字区域的位置，以及设置所述视图单位的透明度。该实施方式能够快速实现局部或全部文本的颜色渐变，克服了现有技术中不能对单行文字或多行文字进行颜色渐变处理的技术问题。

Description

一种实现文字颜色渐变的方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种实现文字颜色渐变的方法和装置。

背景技术

在软件开发过程中，无论是PC端还是移动端，都经常会使用到文字颜色渐变的技术效果。现在文字的渐变处理技术都是全文本处理技术，即在对文字颜色进行渐变处理的过程中，只能针对全文本进行处理，比较难实现多行文字中对局部文字的处理。例如在iOS(苹果公司的移动操作系统)移动平台上，是通过startPoint和endpoint来决定渐变的方向的，如果此时是多行文本，而又需要实现最后一行右下角的局部文字渐变就很困难了。虽然可以通过获取需要渲染区域的文本，然后创建多个文本视图然后一一进行全局渲染，但是这样的操作非常复杂，也不便操作。

发明内容

有鉴于此，本发明实施例提供一种实现文字颜色渐变的方法，能够快速实现局部或全部文本的颜色渐变，克服了文本引擎文本局部渲染方面功能不足的问题。

为实现上述目的，根据本发明实施例的一个方面，提供了一种实现文字颜色渐变的方法。

本发明实施例的一种实现文字颜色渐变的方法包括：确定待渐变处理的文字区域的位置；计算所述文字区域的面积；根据所述文字区域的面积和需求的渐变效果创建视图单位；将所述视图单位添加到所述文字区域的位置，以及设置所述视图单位的透明度。

可选地，所述计算所述文字区域的面积包括：计算待渐变处理的文字的行高和字数，以及每个文字的宽度；根据所述行高、字数和宽度计算出待渐变处理的文字区域的面积。

可选地，所述确定待渐变处理的文字区域的位置包括：将当前绘制的字符串与待渐变处理的文字的字符串依次进行比较，并进行标记；如果完全匹配，则将标记的位置确定为待渐变处理的文字区域的位置。

可选地，本发明实施例的一种实现文字颜色渐变的方法还包括：确定待渐变处理的文字区域的位置之前，将文本绘制在文本视图上。

可选地，所述视图单位的宽度为2pt。

可选地，所述设置所述视图单位的透明度包括：按照待渐变处理的文字的顺序，连续递增或递减地设置所述视图单位的透明度。

为实现上述目的，根据本发明实施例的另一个方面，提供了一种实现文字颜色渐变的装置。

本发明实施例的一种实现文字颜色渐变的装置包括：位置确定模块，用于确定待渐变处理的文字区域的位置；计算模块，用于计算所述文字区域的面积；创建模块，用于根据所述文字区域的面积和需求的渐变效果创建视图单位；设置模块，用于将所述视图单位添加到所述文字区域的位置，以及设置所述视图单位的透明度。

可选地，所述计算模块包括：第一计算单元，用于计算待渐变处理的文字的行高和字数，以及每个文字的宽度；第二计算单元，用于根据所述第一计算单元计算出的行高、字数和宽度计算出待渐变处理的文字区域的面积。

可选地，所述位置确定模块确定待渐变处理的文字区域的位置时，将当前绘制的字符串与待渐变处理的文字的字符串依次进行比较，并进行标记；如果完全匹配，则将标记的位置确定为待渐变处理的文字区域的位置。

可选地，所述位置确定模块还用于将文本绘制在文本视图上。

可选地，所述创建模块创建的视图单位的宽度为2pt。

可选地，所述设置模块设置所述视图单位的透明度时，按照待渐变处理的文字的顺序，连续递增或递减地设置所述视图单位的透明度。

为实现上述目的，根据本发明实施例的再一个方面，提供了一种实现文字颜色渐变的终端。

本发明实施例的一种实现文字颜色渐变的终端包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现上述任一项的实现文字颜色渐变的方法。

为实现上述目的，根据本发明实施例的再一个方面，提供了一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现上述任一项的实现文字颜色渐变的方法。

上述发明中的一个实施例具有如下优点或有益效果：因为采用确定待渐变处理的文字区域的位置，以及对该文字区域的面积进行计算，进而将创建的视图单位添加至待渐变处理的文字区域的位置，并对视图单位的透明度进行设置的技术手段，所以克服了现有技术中只能对全文本进行文字颜色渐变处理的技术问题，进而达到快速实现局部文本或全文本的文字颜色渐变的技术效果。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的实现文字颜色渐变的方法的主要流程的示意图；

图2是根据本发明实施例的实现文字颜色渐变的方法的效果示意图；

图3是根据本发明实施例的实现文字颜色渐变的方法的效果示意图；

图4是根据本发明实施例的实现文字颜色渐变的装置的主要模块的示意图；

图5是本发明实施例可以应用于其中的示例性系统架构图；

图6是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本发明实施例的实现文字颜色渐变的方法的主要流程的示意图，如图1所示，本发明实施例的实现文字颜色渐变的方法主要包括：

步骤S101：确定待渐变处理的文字区域的位置。确定待渐变处理的文字区域的位置之前，将包含待渐变处理的文字的全文本绘制在文本视图上，该绘制过程是将文本显示在屏幕上的过程，该过程不限定在由具体的软件完成。确定待渐变处理的文字区域的位置包括：将当前绘制的字符串与待渐变处理的文字的字符串依次进行比较，并进行标记；如果完全匹配，则将标记的位置确定为待渐变处理的文字区域的位置。

本发明实施例的实现文字颜色渐变的方法是利用相关文本引擎自己来控制文本的绘制的，例如采用coreText完成文本的绘制，并且将全文本顺序绘制在文本视图中，不然文本错乱则无法实现后续的文字渐变处理。在顺序绘制的过程中，是先计算全文本的整体需要占用的位置，以及计算出全文本的行数CTFrameGetLines，每一行的高度，每一行的字数CFArrayGetCount，以及每一个字的宽度CTRunGetTypographicBounds，进而就可以一个字一个字的依次进行绘制。并且，在该过程中，必须要保证绘制的区域至少要大于全文本需要占用的区域。其中，CTFrameGetLines、CFArrayGetCount和CTRunGetTypographicBounds是系统平台上的API接口。

以及，在绘制的过程中，同时进行字符串比较，当前绘制的字符与待渐变处理(需要渐变)的字符串的第一个字符相同的时候，开始记录当前绘制字符的位置(当前行数、字符位置以及字符宽度已知)。在下一个字符绘制的时候，再将字符与需要渐变的第二个字符进行比较，并且记录位置。这样依次进行，如果完全匹配，则将记录的这些位置确定为需要渐变的文字区域的位置。该文本绘制的过程和确定待渐变处理的文字区域的位置的过程，可以高效、精准的确定出待渐变处理的区域，进而后续可根据确定出的区域对该区域的文字进行颜色渐变处理。

步骤S102：计算待渐变处理的文字区域的面积。其中，计算待渐变处理的文字的行高和字数，以及每个文字的宽度；进而根据计算出的行高、字数和宽度计算出待渐变处理的文字区域的面积。

步骤S103：根据待渐变处理的文字区域的面积和需求的渐变效果创建视图单位，该创建的过程包括确定视图单位的宽度和确定视图单位的数量。其中，视图单位为根据待渐变处理的文字区域面积以及需求的渐变效果确定出的等宽的长方形(正方形)视图。不同的视图单位的宽度，其效果的区别是很大的。视图单位的宽度越小，那么渐变的效果就会越明显，视图单位的宽度越大，那么渐变效果会更平滑。视图单位的宽度为2pt(point，是一个标准的长度单位，在移动设备上可以表示数据在屏幕上所占据的长度大小)，该宽度的设置可根据渐变效果需求进行设置，一般为2pt即可。视图单位的个数由区域的面积的大小确定。例如，如果需要覆盖80pt的待渐变处理的文字宽度，那么按照视图单位的宽度为2pt，只需要创建40个视图单位就可以了。

步骤S104：将视图单位添加到待渐变处理的文字区域的位置，以及设置视图单位的透明度。将创建的视图单位添加到待渐变处理的文字区域的位置上，并且完全覆盖待渐变处理的文字区域。然后，按照待渐变处理的文字的顺序，连续递增或递减地设置各个视图单位的透明度。其中，连续递增或递减地设置最终决定的是文字的渐变方向。一般是连续的从0—1或者从1—0进行设置，一般是递增数列或者递减数列。其中，如果透明度为0，那么文字就会表现为渐变色最淡，如果透明度为1，那么文本会表现为渐变色最强。将创建的多个视图单位添加之后，视图透明度的平稳变化就会表现为文本的颜色的变化，这样就实现了渐变色的功能。并且，本发明实施例的实现文字颜色渐变的方法可以根据效果的需求设置视图单位和透明度的值，进而快速实现文本渐变色的效果。

在现有技术中，若要对文本进行渐变处理(渲染)，可通过自左向右或自上而下或者斜方向设置起始位置来决定渐变的方向。但是，如果自左向右设置渐变的方向，其只能指定列区域，即在渐变处理时，会对选择的列的所有行进行渐变处理。同样，如果自上而下进行设置，即渲染指定行区域，但是在处理过程中，会渲染所有列。如果斜方向设置，可渲染区域内的行和列，但是如果具体到某一行，但此时渲染是斜方向的，还是可能会不符合需求。而且，现有技术大还未发现能处理局部颜色渐变的技术，大都是利用系统引擎，进行全局进行渐变。

图2和图3是根据本发明实施例的实现文字颜色渐变的方法的效果示意图。如图2所示，如果要对图2所示文本中的最后一行中的“太液芙蓉未央柳”进行渐变处理，首先将图2所示文本绘制在一个文本视图上，并且计算出文本中需要渐变处理的文字的位置。进一步，计算出待渐变处理的文字区域的面积。在本实施例中，需要渐变处理的文字为图2所示文中的最后一行中的部分文字，所以只需要计算出该部分文字的文本长度即可。根据对渐变效果的需求，创建视图单位，该视图单位也就是添加到待渐变处理文字区域中的视图的宽度决定，一般可设置为2pt。在本发明实施例中，视图宽度为2pt的视图为视图单位，视图单位的纵向长度与文字的行高相适应，以保证连续的视图单位可以覆盖住待渐变处理的文字。并且，要根据待渐变处理的文字区域的面积决定视图单位的多少。在本发明实施例中，将创建的视图单位添加到最后一行中“太液芙蓉未央柳”文字部分，然后根据需求的渐变方向设置视图单位的透明度。如图3所示，虚线分割的每一个视图代表放大后的视图单位。视图的透明度之所以能实现这样的效果是因为，屏幕的显示效果最终是根据bitmap(GPU最终绘制在屏幕上的像素点集合)由rgba(代表Red红色、Green绿色、Blue蓝色和Alpha的色彩空间)四要素来决定的，如果alpha通道透明的话，那么底层的文本就可以透过alpha通道绘制的视图而显示出来，这就是实现渐变色的基本原理。本发明实施例的实现文字颜色渐变的方法通过视图透明度来控制文本颜色的变化，支持单行多行文本的渐变处理，其中只需要利用多个连续透明视图来控制即可实现全文或局部文字的颜色渐变。

图4是根据本发明实施例的实现文字颜色渐变的装置的主要模块的示意图。如图4所示，本发明实施例的实现文字颜色渐变的装置400的主要包括位置确定模块401、计算模块402、创建模块403和设置模块404。

位置确定模块401用于将文本绘制在文本视图上，并且确定待渐变处理的文字区域的位置；

计算模块402用于计算文字区域的面积；

创建模块403用于根据文字区域的面积和需求的渐变效果创建视图单位；

设置模块404用于将视图单位添加到文字区域的位置，以及设置视图单位的透明度。

其中，计算模块402包括第一计算单元和第二计算单元，第一计算单元用于计算待渐变处理的文字的行高和字数，以及每个文字的宽度；第二计算单元用于根据第一计算单元计算出的行高、字数和宽度计算出待渐变处理的文字区域的面积。

位置确定模块还用于确定待渐变处理的文字区域的位置之前，将文本绘制在文本视图上。位置确定模块确定待渐变处理的文字区域的位置时，将当前绘制的字符串与待渐变处理的文字的字符串依次进行比较，并进行标记；如果完全匹配，则将标记的位置确定为待渐变处理的文字区域的位置。创建模块创建的视图单位的宽度为2pt。设置模块设置所述视图单位的透明度时，按照待渐变处理的文字的顺序，连续递增或递减地设置所述视图单位的透明度。

本发明实施例的实现文字颜色渐变的装置利用系统文本引擎自己来控制绘制过程，并计算需要渐变处理的文字(连续的待渐变处理的文字构成待渐变处理的文字区域)的位置。计算出待渐变处理的文字区域的面积，并根据该大小以及需求的渐变效果创建视图单位。然后，在需要渐变的文字上添加视图单位，并依次设置视图单元的透明度，实现文字的颜色渐变。本发明实施例的实现文字颜色渐变的装置支持单行多行文本的渐变处理，能够快速实现局部或全部文本的颜色渐变，克服了现有技术中只能对全文本进行文字颜色渐变处理的技术问题。

图5示出了可以应用本发明实施例的实现文字颜色渐变的方法或实现文字颜色渐变的装置的示例性系统架构500。

如图5所示，系统架构500可以包括终端设备501、502、503，网络504和服务器506。网络504用以在终端设备501、502、503和服务器506之间提供通信链路的介质。网络504可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备501、502、503通过网络504与服务器506交互，以接收或发送消息等。终端设备501、502、503上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。

终端设备501、502、503可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器506可以是提供各种服务的服务器，例如对用户利用终端设备501、502、503所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息--仅为示例)反馈给终端设备。

需要说明的是，本发明实施例所提供的实现文字颜色渐变的方法一般由服务器506执行，相应地，实现文字颜色渐变的装置一般设置于服务器506中。

应该理解，图5中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图6，其示出了适于用来实现本发明实施例的终端设备的计算机系统600的结构示意图。图6示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图6所示，计算机系统600包括中央处理单元(CPU)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有系统600操作所需的各种程序和数据。CPU 601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口606也连接至总线604。

以下部件连接至I/O接口606：包括键盘、鼠标等的输入部分606；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607；包括硬盘等的存储部分608；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口606。可拆卸介质611，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器610上，以便于从其上读出的计算机程序根据需要被安装入存储部分608。

特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分609从网络上被下载和安装，和/或从可拆卸介质611被安装。在该计算机程序被中央处理单元(CPU)601执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括位置确定模块、计算模块、创建模块和设置模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，位置确定模块还可以被描述为“确定待渐变处理的文字区域的位置的模块”。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：将文本绘制在文本视图上，并且确定待渐变处理的文字区域的位置；计算文字区域的面积；根据文字区域的面积和需求的渐变效果创建视图单位；将视图单位添加到文字区域的位置，以及设置视图单位的透明度。

根据本发明实施例的技术方案，因为采用确定待渐变处理的文字区域的位置，以及对该文字区域的面积进行计算，进而将创建的视图单位添加至待渐变处理的文字区域的位置，并对视图单位的透明度进行设置的技术手段。其中，视图单位的透明度的设置可对渐变效果的需求进行设置。进而，本发明实施例的技术方案实现对了局部文字进行渐变处理，达到了各个需求的渐变效果。所以克服了现有技术中只能对全文本进行文字颜色渐变处理的技术问题，进而达到快速实现局部文本或全文本的文字颜色渐变的技术效果。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (14)

1.一种实现文字颜色渐变的方法，其特征在于，包括：

确定待渐变处理的文字区域的位置；

计算所述文字区域的面积；

根据所述文字区域的面积和需求的渐变效果创建视图单位；

将所述视图单位添加到所述文字区域的位置，以及设置所述视图单位的透明度。

2.根据权利要求1所述的方法，其特征在于，所述计算所述文字区域的面积包括：

计算待渐变处理的文字的行高和字数，以及每个文字的宽度；

根据所述行高、字数和宽度计算出待渐变处理的文字区域的面积。

3.根据权利要求1所述的方法，其特征在于，所述确定待渐变处理的文字区域的位置包括：

将当前绘制的字符串与待渐变处理的文字的字符串依次进行比较，并进行标记；

如果完全匹配，则将标记的位置确定为待渐变处理的文字区域的位置。

4.根据权利要求1所述的方法，其特征在于，还包括：

确定待渐变处理的文字区域的位置之前，将文本绘制在文本视图上。

5.根据权利要求1所述的方法，其特征在于，所述视图单位的宽度为2pt。

6.根据权利要求1所述的方法，其特征在于，所述设置所述视图单位的透明度包括：

按照待渐变处理的文字的顺序，连续递增或递减地设置所述视图单位的透明度。

7.一种实现文字颜色渐变的装置，其特征在于，包括：

位置确定模块，用于确定待渐变处理的文字区域的位置；

计算模块，用于计算所述文字区域的面积；

创建模块，用于根据所述文字区域的面积和需求的渐变效果创建视图单位；

设置模块，用于将所述视图单位添加到所述文字区域的位置，以及设置所述视图单位的透明度。

8.根据权利要求7所述的装置，其特征在于，所述计算模块包括：

第一计算单元，用于计算待渐变处理的文字的行高和字数，以及每个文字的宽度；

第二计算单元，用于根据所述第一计算单元计算出的行高、字数和宽度计算出待渐变处理的文字区域的面积。

9.根据权利要求7所述的装置，其特征在于，所述位置确定模块确定待渐变处理的文字区域的位置时，将当前绘制的字符串与待渐变处理的文字的字符串依次进行比较，并进行标记；如果完全匹配，则将标记的位置确定为待渐变处理的文字区域的位置。

10.根据权利要求7所述的装置，其特征在于，所述位置确定模块还用于将文本绘制在文本视图上。

11.根据权利要求7所述的装置，其特征在于，所述创建模块创建的视图单位的宽度为2pt。

12.根据权利要求7所述的装置，其特征在于，所述设置模块设置所述视图单位的透明度时，按照待渐变处理的文字的顺序，连续递增或递减地设置所述视图单位的透明度。

13.一种实现文字颜色渐变的终端，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6中任一所述的方法。

14.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-6中任一所述的方法。