CN102521212B - 一种文本显示变化的方法和系统 - Google Patents

Abstract

本发明公开一种文本显示变化的方法和系统，所述方法包括：步骤1，设置显示变化的属性和属性的目标值，以及变化的总额定时长和间隔时长；步骤2，在显示变化被触发后，获取文本的属性的当前值，以此当前值为属性的初始值，根据总额定时长、间隔时长、目标值和初始值确定梯度值，开始以间隔时长为变化周期进行文本显示变化；步骤3，在变化周期到达时，将属性的当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本，直到当前值为目标值为止。本发明能够解决文本瞬间变换文本属性，造成视觉的硬冲突的问题。

Description

一种文本显示变化的方法和系统

技术领域

本发明涉及计算机图像处理领域，特别涉及一种文本显示变化的方法和系统。

背景技术

随着计算机硬件性能的不断提高，带动了各种UI(UserInterface，用户界面)技术的发展。特别在用户交互UI方面，UI的各种功能被不断添加。该些功能实现的效果影响到产品的质量。

现有技术中，UI中超链接文本只能瞬间变换文本属性，例如文字的状态及颜色变化。该技术方案造成一种视觉的硬冲突。

如图1所示，为超链接文本选中状态时，对超链接文本的显示变化。该种变化，虽然能够表达一定含义，但产生的显示效果较差。

发明内容

本发明提供的一种用于文本显示变化的方法和系统，以解决计算机显示中瞬间变换文本属性时，造成视觉上的硬冲突的问题。

本发明公开了一种文本显示变化的方法，所述方法包括：

步骤1，设置显示变化的属性和属性的目标值，以及变化的总额定时长和间隔时长；

步骤2，在显示变化被触发后，获取文本的所述属性的当前值，以所述当前值为属性的初始值，根据总额定时长、间隔时长、目标值和初始值确定梯度值，开始以间隔时长为变化周期进行文本显示变化；

步骤3，在变化周期到达时，将属性的当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本，直到当前值为目标值为止。

其中，所述根据总额定时长、间隔时长、目标值和初始值确定梯度值进一步包括：

步骤21，按如下公式确定梯度值，

$\mathrm{Grads}=\frac{(\mathrm{Dest}-\mathrm{SRC})\×\mathrm{Interval}}{n}$

其中，Grads为梯度值，Dest为目标值，SRC为初始值，n为总额定时长，Interval为间隔时长。

其中，所述步骤3进一步包括：

步骤31，在变化周期到达时，获得属性的当前值，判断当前值是否为目标值，如果是，则文本显示变化结束，否则，执行步骤32；

步骤32，将当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本。

其中，所述开始以间隔时长为变化周期进行文本显示变化进一步包括：

步骤41，从当前时间开始，在总额定时长内，以间隔时长为周期，定期发送定时消息。

其中，所述步骤3进一步包括：

步骤51，在接收到定时消息后，获得属性的当前值，将当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本；

步骤52，判断新属性值是否为目标值，如果是，则文本显示变化结束，否则，执行步骤51。

其中，所述显示变化的属性包括颜色属性，和/或字体属性。

其中，所述文本为用户界面的超链接文本；

所述显示变化被触发进一步包括：

步骤71，鼠标移动到超链接文本时，对于所述超链接文本的显示变化被触发。

其中，所述步骤3后还包括：

步骤81，在鼠标移开超链接文本后，按所述初始值绘制超链接文本，并显示绘制的超链接文本。

本发明还公开了一种文本显示变化的系统，所述系统包括：

设置模块，用于设置显示变化的属性和属性的目标值，以及变化的总额定时长和间隔时长；

初始模块，用于在显示变化被触发后，获取文本的所述属性的当前值，以所述当前值为属性的初始值，根据总额定时长、间隔时长、目标值和初始值确定梯度值，开始以间隔时长为变化周期调用变化模块进行文本显示变化；

变化模块，用于在变化周期到达时，在属性的当前值的基础上加梯度值得新属性值，按新属性值绘制文本，并显示绘制的文本，直到当前值为目标值为止。

其中，

所述变化模块进一步包括：

第一判断单元，用于在变化周期到达时，获得属性的当前值，判断当前值是否为目标值，如果是，则文本显示变化结束，否则，调用第一绘制单元进行文本显示变化；

第一绘制单元，用于将当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本；

或者，

初始模块在开始以间隔时长为变化周期调用变化模块进行文本显示变化时进一步用于从当前时间开始，在总额定时长内，以间隔时长为周期，定期发送定时消息；

所述变化模块进一步包括：

第二绘制单元，用于在接收到定时消息后，获得属性的当前值，将当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本；

第二判断单元，用于判断新属性值是否为目标值，如果是，则文本显示变化结束，否则，调用第二绘制单元进行文本显示变化。

本发明实施例的有益效果是：通过渐变文本的显示，能够避免视觉的硬冲突；通过使用所述公式计算梯度值，能够使得变化效果更佳。

附图说明

图1为现有技术中超链接文本变化的效果图；

图2为本发明文本显示变化的方法的流程图；

图3为本发明文本显示变化的方法的实施例一的流程图；

图4为本发明文本显示变化的方法的实施例二的流程图；

图5为本发明文本显示变化的系统的结构图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

参见图2，为本发明文本显示变化的方法的流程图。

步骤S100，设置显示变化的属性和属性的目标值，以及变化的总额定时长和间隔时长。

步骤S200，在显示变化被触发后，获取文本的属性的当前值，以该当前值为属性的初始值，根据总额定时长、间隔时长、目标值和初始值确定梯度值，开始以间隔时长为变化周期进行文本显示变化。

步骤S300，在变化周期到达时，将属性的当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本，直到当前值为目标值为止。

在一较佳的实施方式中，所述根据总额定时长、间隔时长、目标值和初始值确定梯度值进一步包括：

按如下公式确定梯度值，

$\mathrm{Grads}=\frac{(\mathrm{Dest}-\mathrm{SRC})\×\mathrm{Interval}}{n}$

其中，Grads为梯度值，Dest为目标值，SRC为初始值，n为总额定时长，Interval为间隔时长。

其中，梯度值取整数值，可为上取整，或下取整。

在一较佳的实施方式中，所述步骤S300进一步包括：

步骤S310A，在变化周期到达时，获得属性的当前值，判断当前值是否为目标值，如果是，则文本显示变化结束，否则，执行步骤S320A。

步骤S320A，将当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本。

在一较佳的实施方式中，所述开始以间隔时长为变化周期进行文本显示变化进一步包括：从当前时间开始，在总额定时长内，以间隔时长为周期，定期发送定时消息。

其中，所述步骤S300进一步包括：

步骤S310B，在接收到定时消息后，获得属性的当前值，将当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本。

步骤S320B，判断新属性值是否为目标值，如果是，则文本显示变化结束，否则，执行步骤S310B。

在一较佳的实施方式中，所述显示变化的属性包括颜色属性，和/或字体属性。

在一较佳的实施方式中，所述文本为用户界面的超链接文本；

所述显示变化被触发进一步包括：鼠标移动到超链接文本时，对于所述超链接文本的显示变化被触发。

其中，所述步骤S300后还包括：在鼠标移开超链接文本后，按所述初始值绘制超链接文本，并显示绘制的超链接文本。

参见图3，为本发明文本显示变化的方法的实施例一的流程图。

颜色变化以总额定时长，按梯度渐变绘制。

例如，颜色变化100个色差，间隔时长为100-200毫秒，总额定时长为1秒钟，在该总额定时长内绘制完成，该梯度值设置为颜色变化值的1/10至1/5，也即10至20个色差值。

设置总额定时长为1秒，间隔时长为100毫秒，目标值为当前色差值之上变化100个色差。步骤S301，在显示变化被触发后，按如下公式确定梯度值，

$\mathrm{Grads}=\frac{(\mathrm{Dest}-\mathrm{SRC})\×\mathrm{Interval}}{n}$

其中，Grads为梯度值，Dest为目标值，SRC为初始值，n为总额定时长，Interval为间隔时长。

截获鼠标移动到超链接文本的消息，该超链接文本的显示变化被触发。

步骤S302，从当前时间开始，在总额定时长内，以间隔时长为周期，定期发送定时消息。

通过调用Windows系统提供的定时器SetTimer，设置总额定时长和间隔时长，在总额定时长内以间隔时长为周期，发送定时消息WM_TIMER。

步骤S303，接收到定时消息WM_TIMER。

步骤S304，获得颜色的当前值，将当前值与梯度值相加得新颜色值。

步骤S305，按新颜色值绘制超链接文本，并显示绘制的超链接文本。

步骤S306，判断新颜色值是否为目标值，如果是，则执行步骤S307，否则，执行步骤S303。

步骤S307，超链接文本显示变化结束，关闭定时器。

通过Windows系统的时钟关闭器KillTimer关闭定时器。

步骤S308，在鼠标移开超链接文本后，按初始值绘制超链接文本，并显示绘制的超链接文本。

参见图4，为本发明文本显示变化的方法的实施例二的流程图。

字体变化以总额定时长，按梯度渐变绘制。

例如，变化10个像素的字体，变化的间隔时长为100-200毫秒，在总额定时长1秒钟内绘制完成，梯度值设置为字体变化值的1/10至1/5，也即1到2个像素。

本实施例中，设置总额定时长为1秒，间隔时长为100毫秒，目标值为当前字体像素值之上变化10个像素。

步骤S401，在显示变化被触发后，按如下公式确定梯度值，

$\mathrm{Grads}=\frac{(\mathrm{Dest}-\mathrm{SRC})\×\mathrm{Interval}}{n}$

其中，Grads为梯度值，Dest为目标值，SRC为初始值，n为总额定时长，Interval为间隔时长。

截获鼠标移动到超链接文本的消息，该超链接文本的显示变化被触发。

步骤S402，从当前时间开始，在总额定时长内，以间隔时长为周期，定期发送定时消息。

通过调用Windows系统提供的定时器SetTimer，设置总额定时长和间隔时长，在总额定时长内以间隔时长为周期，发送定时消息WM_TIMER。

步骤S403，接收到定时消息WM_TIMER。

步骤S404，获得字体像素的当前值，将当前值与梯度值相加得新字体像素值。

步骤S405，按新字体像素值绘制超链接文本，并显示绘制的超链接文本。

步骤S406，判断新字体像素值是否为目标值，如果是，则执行步骤S407，否则，执行步骤S403。

步骤S407，超链接文本显示变化结束，关闭定时器。

通过Windows系统的时钟关闭器KillTimer关闭定时器。

步骤S408，在鼠标移开超链接文本后，按初始值绘制超链接文本，并显示绘制的超链接文本。

一种文本显示变化的系统如图5所示。

设置模块100，用于设置显示变化的属性和属性的目标值，以及变化的总额定时长和间隔时长。

初始模块200，用于在显示变化被触发后，获取文本的所述属性的当前值，以所述当前值为属性的初始值，根据总额定时长、间隔时长、目标值、和初始值确定梯度值，开始以间隔时长为变化周期调用变化模块300进行文本显示变化。

变化模块300，用于在变化周期到达时，属性的当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本，直到当前值为目标值为止。

进一步地，所述初始模块在根据总额定时长、间隔时长、目标值、和初始值确定梯度值时进一步用于按如下公式确定梯度值，

$\mathrm{Grads}=\frac{(\mathrm{Dest}-\mathrm{SRC})\×\mathrm{Interval}}{n}$

其中，Grads为梯度值，Dest为目标值，SRC为初始值，n为总额定时长，Interval为间隔时长。

进一步地，所述变化模块进一步包括：

第一判断单元，用于在变化周期到达时，获得属性的当前值，判断当前值是否为目标值，如果是，则文本显示变化结束，否则，调用第一绘制单元进行文本显示变化；

第一绘制单元，用于将当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本。

进一步地，初始模块在开始以间隔时长为变化周期调用变化模块进行文本显示变化时进一步用于从当前时间开始，在总额定时长内，以间隔时长为周期，定期发送定时消息。

进一步地，所述变化模块进一步包括：

第二绘制单元，用于在接收到定时消息后，获得属性的当前值，将当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本；

第二判断单元，用于判断新属性值是否为目标值，如果是，则文本显示变化结束，否则，调用第二绘制单元进行文本显示变化。

进一步地，所述显示变化的属性包括颜色属性，和/或字体属性。

进一步地，所述文本为用户界面的超链接文本；

所述显示变化被触发进一步包括鼠标移动到超链接文本时，对于所述超链接文本的显示变化被触发。

其中，系统还包括回复模块，所示回复模块用于在鼠标移开超链接文本后，按所述初始值绘制超链接文本，并显示绘制的超链接文本。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (4)

1.一种文本显示变化的方法，其特征在于，文本为用户界面的超链接文本；所述方法包括：

步骤1，设置显示变化的属性和属性的目标值，以及，通过调用系统提供的定时器设置显示变化的总额定时长和间隔时长；

步骤2，在显示变化被触发后，获取文本的所述属性的当前值，以所述当前值为属性的初始值，根据总额定时长、间隔时长、目标值和初始值确定梯度值，开始以间隔时长为变化周期进行文本显示变化；

步骤3，在变化周期到达时，将属性的当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本，直到当前值为目标值为止；

其中，按如下公式确定梯度值，

$\mathrm{Grads}=\frac{(\mathrm{Dest}-\mathrm{SRC})\×\mathrm{Interval}}{n}$

其中，Grads为梯度值，Dest为目标值，SRC为初始值，n为总额定时长，Interval为间隔时长；其中，梯度值取整数值，可为上取整，或下取整；

所述开始以间隔时长为变化周期进行文本显示变化进一步包括：

步骤41，从当前时间开始，在总额定时长内，以间隔时长为周期，定期发送定时消息；

所述步骤3进一步包括：

步骤51，在接收到定时消息后，获得属性的当前值，将当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本；

步骤52，判断新属性值是否为目标值，如果是，则文本显示变化结束，否则，执行步骤51；其中，文本显示变化结束，关闭定时器；

所述显示变化被触发进一步包括：

步骤71，鼠标移动到文本时，对于所述文本的显示变化被触发。

2.根据权利要求1所述的文本显示变化的方法，其特征在于，

所述显示变化的属性包括颜色属性，和/或字体属性。

3.根据权利要求1所述的文本显示变化的方法，其特征在于，

所述步骤3后还包括：

步骤81，在鼠标移开文本后，按所述初始值绘制文本，并显示绘制的文本。

4.一种文本显示变化的系统，其特征在于，所述系统包括：

设置模块，用于设置显示变化的属性和属性的目标值，以及变化的总额定时长和间隔时长；

初始模块，用于在显示变化被触发后，获取文本的所述属性的当前值，以所述当前值为属性的初始值，根据总额定时长、间隔时长、目标值和初始值确定梯度值，开始以间隔时长为变化周期调用变化模块进行文本显示变化；

变化模块，用于在变化周期到达时，将属性的当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本，直到当前值为目标值为止；

其中，初始模块根据如下公式计算梯度值：

$\mathrm{Grads}=\frac{(\mathrm{Dest}-\mathrm{SRC})\×\mathrm{Interval}}{n}$

其中，Grads为梯度值，Dest为目标值，SRC为初始值，n为总额定时长，Interval为间隔时长；

其中，初始模块在开始以间隔时长为变化周期调用变化模块进行文本显示变化时进一步用于从当前时间开始，在总额定时长内，以间隔时长为周期，定期发送定时消息；

所述变化模块进一步包括：

第二绘制单元，用于在接收到定时消息后，获得属性的当前值，将当前值与梯度值相加得新属性值，按新属性值绘制文本，并显示绘制的文本；

第二判断单元，用于判断新属性值是否为目标值，如果是，则文本显示变化结束，否则，调用第二绘制单元进行文本显示变化；

所述文本为用户界面的超链接文本；

所述显示变化被触发进一步包括：鼠标移动到超链接文本时，对于所述超链接文本的显示变化被触发。