CN106569684A - 颜色渐变的图形显示方法及装置 - Google Patents

Abstract

本发明公开了一种颜色渐变的图形显示方法及装置，涉及信息技术领域，可以实现对图形沿着弧度方向进行颜色渐变显示，可以提高图形的颜色渐变显示效果。所述方法包括：首先获取需要进行颜色渐变显示的图形；再将所述图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点；然后按照预置颜色渐变规则，为每个区域配置不同的颜色；最后对所述图形进行颜色渐变显示。本发明适用于图形的颜色渐变显示。

Description

颜色渐变的图形显示方法及装置

技术领域

本发明涉及信息技术领域，尤其涉及一种颜色渐变的图形显示方法及装置。

背景技术

近些年来，随着信息技术的飞速发展，用户对软件界面美观的要求越来越高，有时用户需要利用软件界面显示信息数据。为了很直观的显示信息数据的变化规律，通常会利用柱状图、条形图、饼状图等一些基本图形进行显示，为了美观会为这些图形填充渐变颜色，进而显示这些带有渐变颜色的图形。

目前在实现图形的颜色渐变显示时，通常是通过线性渐变的方式进行图形的颜色渐变显示。然而，通过上述线性渐变的方式，颜色渐变的方向必须是沿着直线进行，这样无法根据用户的实际需求，实现对一些特定图形沿着弧度方向进行颜色渐变显示，例如，特定图形可以为圆形、扇形等，进而影响了图形的颜色渐变显示效果。

发明内容

有鉴于此，本发明实施例提供了一种颜色渐变的图形显示方法及装置，主要目的是可以实现对图形沿着弧度方向进行颜色渐变显示，可以提高图形的颜色渐变显示效果。

为达到上述目的，本发明主要提供如下技术方案：

一方面，本发明实施例提供了一种颜色渐变的图形显示方法，该方法包括：

获取需要进行颜色渐变显示的图形；

将所述图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点；

按照预置颜色渐变规则，为每个区域配置不同的颜色；

对所述图形进行颜色渐变显示。

另一方面，本发明实施例还提供了一种颜色渐变的图形显示装置，该装置包括：

获取单元，用于获取需要进行颜色渐变显示的图形；

划分单元，用于将所述获取单元获取的图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点；

配置单元，用于按照预置颜色渐变规则，为每个区域配置不同的颜色；

显示单元，用于对所述图形进行颜色渐变显示。

借由上述技术方案，本发明实施例提供的技术方案至少具有下列优点：

本发明实施例提供的一种颜色渐变的图形显示方法及装置，首先获取需要进行颜色渐变显示的图形；再将所述图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点；然后按照预置颜色渐变规则，为每个区域配置不同的颜色；最后对所述图形进行颜色渐变显示。与目前通过线性渐变的方式进行图形的颜色渐变显示相比，本发明通过上述实现方式可以根据用户的实际需求，实现对图形沿着弧度方向进行颜色渐变显示，可以提高图形的颜色渐变显示效果。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1为本发明实施例提供的一种颜色渐变的图形显示方法流程示意图；

图2为本发明实施例提供的另一种颜色渐变的图形显示方法流程示意图；

图3为本发明实施例提供的一种颜色渐变的图形显示装置结构示意图；

图4为本发明实施例提供的另一种颜色渐变的图形显示装置结构示意图；

图5为本发明实施例提供的一种划分图形区域的示意图；

图6为本发明实施例提供的另一种划分图形区域的示意图；

图7为本发明实施例提供的又一种划分图形区域的示意图；

图8为本发明实施例提供的又一种划分图形区域的示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

本发明实施例提供了一种颜色渐变的图形显示方法，如图1所示，所述方法包括：

101、获取需要进行颜色渐变显示的图形。

其中，所述图形可以为平面几何图形，例如，圆形、扇形、圆环、椭圆形、多边形等。

对于本发明实施例，可以根据实际需求，获取得到需要沿着弧度方向进行颜色渐变显示的图形，例如，当机器侧接收到显示颜色渐变图形的指令时，其中，该指令用于显示图形A的颜色渐变效果，并且是沿着弧度方向进行颜色渐变显示的，机器侧获取得到与该指令对应的图形A。

102、将所述图形划分为多个区域。

其中，所述多个区域分别对应的分割线的延长线交汇于一预置点。所述分割线可以为用于划分图形区域的直线。所述预置点可以为根据实际需求进行配置，例如，当图形为扇形时，预置点可以配置为扇形对应的圆心点；当图形为矩形时，预置点可以配置为矩形的几何图形中心点，即矩形中两条对角线的交点。所述预置点也可以根据用户需求进行定义，可以为图形内一点，也可以是图形外一点。

例如，当获取得到的图形为圆形，并且该图形需要沿着弧度方向进行颜色渐变显示时，可以将该图形划分为多个区域，其中，该多个区域分别对应的分割线的延长线交汇于该圆形对应的圆心点。如图5所示，图中每条分割线都穿过圆心点，进而实现将圆形划分为多个区域，其中，每一个区域为一个扇形区域。

需要说明的是，对于划分区域数量可以根据用户需求进行配置，也可以由系统默认进行配置，本发明实施例不做限定。对于本发明实施例，可以根据预先配置的颜色渐变范围，确定划分区域的数量，具体地，可以从预置数据库中，读取到需要划分的区域数量，其中，预置数据库中保存有不同颜色之间的渐变颜色。例如，预先配置的颜色渐变范围是从白色到黑色，从预置数据库中，读取到需要100种颜色来实现从白色到黑色的颜色渐变过程，进而需要将图形划分为100个区域。

103、按照预置颜色渐变规则，为每个区域配置不同的颜色。

其中，所述预置颜色渐变规则可以按照用户的实际需求进行配置，也可以由系统默认进行配置，本发明实施例不做限定。具体地，所述预置颜色渐变规则可以为两种或两种以上颜色的渐变规则。

需要说明的是，可以根据预先设定的颜色渐变范围，从预置数据库中获取得到每个区域对应的颜色值，然后根据得到的每个区域对应的颜色值，为每个区域配置不同的颜色，进而完成图形的颜色渐变过程，实现本发明的目的。例如，预先设定的颜色渐变范围为从红色到蓝色，从预置数据库中，读取到需要50种颜色来实现从红色到蓝色的颜色渐变过程，将图形划分为了50个区域，并且从预置数据库中，读取到该50个区域分别对应的颜色值，如黑色的颜色值可以用十六进制表示为#000000、白色的颜色值可以用十六进制表示为#FFFFFF等，最后根据得到的每个区域对应的颜色值，为每个区域依次填充对应的颜色。

104、对所述图形进行颜色渐变显示。

本发明实施例提供的一种颜色渐变的图形显示方法，首先获取需要进行颜色渐变显示的图形；再将所述图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点；然后按照预置颜色渐变规则，为每个区域配置不同的颜色；最后对所述图形进行颜色渐变显示。与目前通过线性渐变的方式进行图形的颜色渐变显示相比，本发明通过上述实现方式可以根据用户的实际需求，实现对图形沿着弧度方向进行颜色渐变显示，可以提高图形的颜色渐变显示效果。

本发明实施例提供了另一种颜色渐变的图形显示方法，如图2所示，所述方法包括：

201、获取需要进行颜色渐变显示的图形。

其中，所述图形可以为平面几何图形，例如，扇形、椭圆形、圆形、圆环、多边形等。

对于本发明实施例，可以根据实际需求，获取得到需要沿着弧度方向进行颜色渐变显示的图形，例如，当机器侧接收到显示颜色渐变图形的指令时，其中，该指令用于显示平行四边形B的颜色渐变效果，并且是沿着弧度方向进行颜色渐变显示的；机器侧获取得到与该指令对应的平行四边形B。

202、将所述图形划分为多个区域。

其中，所述多个区域分别对应的分割线的延长线交汇于一预置点。所述预置点为所述图形对应的几何图形中心。例如，当图形为圆形时，预置点可以配置为圆形对应的圆心点；当图形为平行四边形时，预置点可以配置为平行四边形中两条对角线的交点。具体地，可以根据实际需求配置预置点，例如，为一扇形配置预置点时，可以为扇形所在圆形对应的几何图形中心，即扇形对应的圆心点；也可以为扇形对应的几何图形中心，即过扇形弧的起点向对边(扇形弧的终点所在半径)作一条直线，使能够平分扇形面积，此直线与扇形圆心角的平分线的交点。

例如，当获取得到的图形为正方形，并且该图形需要沿着弧度方向进行颜色渐变显示时，可以将该正方形划分为多个区域，其中，该多个区域分别对应的分割线的延长线交汇于该正方形中两条对角线的交点。如图6所示，图中每条分割线都穿过该正方形中两条对角线的交点，进而实现将该正方形划分为多个区域，其中，每一个区域为一个三角形区域。

需要说明的是，步骤202具体可以包括：将所述图形划分为多个等分区域。上述划分为多个等分区域可以是划分为多个面积等分区域，也可以是划分为多个弧度等分区域。对于规则图形来说，每个等分区域的面积相等，渐变颜色可以均匀分布，可以进一步提高颜色渐变显示的效果。而对于不规则的图形来说，弧度等分可以使颜色随弧度均匀渐变。

对于本发明实施例，所述步骤202之前还包括：获取所述图形对应的显示分辨率信息。所述步骤202具体包括：将所述图形划分为与所述显示分辨率信息对应划分区域数量的区域，不同显示分辨率信息对应不同划分区域数量。其中，所述显示分辨率信息中包含有显示分辨率的大小。具体地，可以通过预置存储位置存储不同显示分辨率信息与不同划分区域数量之间的对应关系。所述预置存储位置可以根据实际需求进行配置。

需要说明的是，可以根据实际需求配置不同显示分辨率信息与不同划分区域数量之间的对应关系，具体地，当图形对应的显示分辨率较高时，可以将图形划分为较多数量的区域；当图形对应的显示分辨率较低时，可以将图形划分为较少数量的区域。例如，当图形为圆环，且圆环对应的显示分辨率较低时，可以如图7所示进行划分，其中，每条分割线的延长线都相交于圆环对应的圆心点；当圆环对应的显示分辨率较高时，可以如图8所示进行划分，同样的，每条分割线的延长线都相交于圆环对应的圆心点，由此可见，相比较图7所示的划分方法，增加了划分区域数量，进而可以更好的提高图形沿着弧度方向进行颜色渐变显示的效果。

对于本发明实施例，当图形对应的显示分辨率较高时，可以将图形划分为较多数量的区域，进而可以实现图形的渐变显示效果更加均匀，效果更佳，可以增强用户的体验；当图形对应的显示分辨率较低时，可以将图形划分为较少数量的区域，进而可以在保证图形颜色渐变显示效果的前提下，提高了图形的颜色渐变显示效率。

203、获取所述图形对应的颜色渐变范围。

其中，所述颜色渐变范围可以为两种颜色之间的渐变范围，例如，从白色渐变到黑色，从绿色渐变到黄色等；也可以为两种以上颜色之间的渐变范围，例如，从红色渐变到紫色，再从紫色渐变到蓝色；或者是从黄色渐变到红色，再从红色渐变到蓝色，最后从蓝色渐变到黄色等。所述颜色渐变范围具体可以根据用户的实际需求进行配置，本发明实施例不做限定。

204、根据所述颜色渐变范围，按照预置颜色渐变规则获取每个区域对应的颜色值。

其中，所述预置颜色渐变规则可以按用户需求进行配置，也可以由系统默认进行配置，本发明实施例不做限定。所述预置颜色渐变规则可以为实现颜色渐变的方法。所述颜色值可以根据RGB色彩模式的颜色标准生成，例如，RGB(0，0，0)代表黑色，对应的颜色值可以用十六进制表示为#000000。所述RGB色彩模式是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及三者相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，该标准几乎包含了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。

具体地，可以配置实现颜色渐变所需要的多个颜色值，将所述多个颜色值存储在上述预置存储位置当中，当需要进行图形的颜色渐变显示时，根据颜色渐变范围，从该预置存储位置当中获取得到实现颜色渐变所需要的多个颜色值，按照颜色值的数量，将图形划分为与该数量对应的多个区域，每个区域对应一个颜色值。

进一步地，还可以在预置存储位置中保存不同划分区域数量、不同颜色渐变范围以及不同颜色值三者之间的对应关系，例如，当划分区域数量为50个，且颜色渐变范围为从黑色到白色时，对应50个不同颜色值，以实现从黑色到白色的颜色渐变过程；当划分区域数量为100个，并且颜色渐变范围同样是从黑色到白色时，对应100个不同颜色值，其中，这100个不同颜色值中除了包含有上述50个不同颜色值以外，还包含有另外50个不同颜色值，进而使颜色渐变的过渡更加均匀。

205、根据所述每个区域对应的颜色值，为每个区域依次填充对应的颜色。

具体地，沿着弧度方向，为每个区域依次填充对应的颜色，例如，图形划分为了100个区域，包含了区域1至区域100，区域1对应的颜色值为黄色，为区域1填充黄色；区域10对应的颜色值为淡黄色，为区域10填充淡黄色；区域20对应的颜色值为深黄色，为区域20填充深黄色。

206、对所述图形进行颜色渐变显示。

对于本发明实施例的具体应用场景可以如下所示，但不限于此，包括：

当扇形A需要沿着弧度方向进行颜色渐变显示时，其中，弧度方向是从扇形A的一条边到另一条边的弧度方向，并且这两条边为直线边，渐变颜色范围是从白色到黄色。获取得到扇形A，预置点可以配置为扇形A对应的圆心点，获取得到该渐变颜色范围，从预置存储位置中获取到需要50种颜色来实现从白色到黄色之间的颜色渐变过程，将扇形划分为50个区域，其中，这50个区域分别对应的分割线的延长线交汇于扇形A对应的圆心点，并且从预置存储位置中获取到该50种颜色分别对应的50个颜色值，沿着扇形A的弧度方向，为每个区域依次填充对应的颜色，最后显示扇形A，进而实现扇形A沿着弧度方向进行颜色渐变显示的目的。

本发明实施例提供的另一种颜色渐变的图形显示方法，首先获取需要进行颜色渐变显示的图形；再将所述图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点；然后按照预置颜色渐变规则，为每个区域配置不同的颜色；最后对所述图形进行颜色渐变显示。与目前通过线性渐变的方式进行图形的颜色渐变显示相比，本发明通过上述实现方式可以根据用户的实际需求，实现对图形沿着弧度方向进行颜色渐变显示，可以提高图形的颜色渐变显示效果。

进一步地，作为图1所示方法的具体实现，本发明实施例提供了一种颜色渐变的图形显示装置，如图3所示，所述装置包括：获取单元31、划分单元32、配置单元33、显示单元34。

所述获取单元31，可以用于获取需要进行颜色渐变显示的图形。

所述划分单元32，可以用于将所述获取单元31获取的图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点。

所述配置单元33，可以用于按照预置颜色渐变规则，为每个区域配置不同的颜色。

所述显示单元34，可以用于对所述图形进行颜色渐变显示。

需要说明的是，本发明实施例提供的一种颜色渐变的图形显示装置所涉及各功能单元的其他相应描述，可以参考图1的对应描述，在此不再赘述。

本发明实施例提供的一种颜色渐变的图形显示装置，首先获取需要进行颜色渐变显示的图形；再将所述图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点；然后按照预置颜色渐变规则，为每个区域配置不同的颜色；最后对所述图形进行颜色渐变显示。与目前通过线性渐变的方式进行图形的颜色渐变显示相比，本发明通过上述实现方式可以根据用户的实际需求，实现对图形沿着弧度方向进行颜色渐变显示，可以提高图形的颜色渐变显示效果。

进一步地，作为图2所示方法的具体实现，本发明实施例提供了另一种颜色渐变的图形显示装置，如图4所示，所述装置包括：获取单元41、划分单元42、配置单元43、显示单元44。

所述获取单元41，可以用于获取需要进行颜色渐变显示的图形。

所述划分单元42，可以用于将所述获取单元41获取的图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点。

所述配置单元43，可以用于按照预置颜色渐变规则，为每个区域配置不同的颜色。

所述显示单元44，可以用于对所述图形进行颜色渐变显示。

可选地，所述预置点为所述图形对应的几何图形中心。

所述划分单元42，具体可以用于将所述图形划分为多个等分区域。

所述获取单元41，还可以用于获取所述图形对应的显示分辨率信息。

所述划分单元42，具体可以用于将所述图形划分为与所述显示分辨率信息对应划分区域数量的区域，不同显示分辨率信息对应不同划分区域数量。

所述获取单元41，还可以用于获取所述图形对应的颜色渐变范围。

进一步地，所述配置单元43包括：获取模块431、填充模块432。

所述获取模块431，可以用于根据所述颜色渐变范围，按照所述预置颜色渐变规则获取每个区域对应的颜色值。

所述填充模块432，可以根据所述获取模块431获取的每个区域对应的颜色值，为每个区域依次填充对应的颜色。

需要说明的是，本发明实施例提供的另一种颜色渐变的图形显示装置所涉及各功能单元的其他相应描述，可以参考图2的对应描述，在此不再赘述。

本发明实施例提供的另一种颜色渐变的图形显示装置，首先获取需要进行颜色渐变显示的图形；再将所述图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点；然后按照预置颜色渐变规则，为每个区域配置不同的颜色；最后对所述图形进行颜色渐变显示。与目前通过线性渐变的方式进行图形的颜色渐变显示相比，本发明通过上述实现方式可以根据用户的实际需求，实现对图形沿着弧度方向进行颜色渐变显示，可以提高图形的颜色渐变显示效果。

通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在可读取的存储介质中，如计算机的软盘，硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (10)

1.一种颜色渐变的图形显示方法，其特征在于，包括：

获取需要进行颜色渐变显示的图形；

将所述图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点；

按照预置颜色渐变规则，为每个区域配置不同的颜色；

对所述图形进行颜色渐变显示。

2.根据权利要求1所述的颜色渐变的图形显示方法，其特征在于，所述预置点为所述图形对应的几何图形中心。

3.根据权利要求1-2任一项所述的颜色渐变的图形显示方法，其特征在于，所述将所述图形划分为多个区域包括：

将所述图形划分为多个等分区域。

4.根据权利要求1所述的颜色渐变的图形显示方法，其特征在于，所述将所述图形划分为多个区域之前，还包括：

获取所述图形对应的显示分辨率信息；

所述将所述图形划分为多个区域包括：

将所述图形划分为与所述显示分辨率信息对应划分区域数量的区域，不同显示分辨率信息对应不同划分区域数量。

5.根据权利要求1所述的颜色渐变的图形显示方法，其特征在于，所述按照预置颜色渐变规则，为每个区域配置不同的颜色之前，还包括：

获取所述图形对应的颜色渐变范围；

所述按照预置颜色渐变规则，为每个区域配置不同的颜色包括：

根据所述颜色渐变范围，按照所述预置颜色渐变规则获取每个区域对应的颜色值；

根据所述每个区域对应的颜色值，为每个区域依次填充对应的颜色。

6.一种颜色渐变的图形显示装置，其特征在于，包括：

获取单元，用于获取需要进行颜色渐变显示的图形；

划分单元，用于将所述获取单元获取的图形划分为多个区域，其中，所述多个区域分别对应的分割线的延长线交汇于一预置点；

配置单元，用于按照预置颜色渐变规则，为每个区域配置不同的颜色；

显示单元，用于对所述图形进行颜色渐变显示。

7.根据权利要求6所述的颜色渐变的图形显示装置，其特征在于，所述预置点为所述图形对应的几何图形中心。

8.根据权利要求6-7任一项所述的颜色渐变的图形显示装置，其特征在于，

所述划分单元，具体用于将所述图形划分为多个等分区域。

9.根据权利要求6所述的颜色渐变的图形显示装置，其特征在于，

所述获取单元，还用于获取所述图形对应的显示分辨率信息；

所述划分单元，具体用于将所述图形划分为与所述显示分辨率信息对应划分区域数量的区域，不同显示分辨率信息对应不同划分区域数量。

10.根据权利要求6所述的颜色渐变的图形显示装置，其特征在于，

所述获取单元，还用于获取所述图形对应的颜色渐变范围；

所述配置单元包括：获取模块和填充模块；

所述获取模块，用于根据所述颜色渐变范围，按照所述预置颜色渐变规则获取每个区域对应的颜色值；

所述填充模块，用于根据所述获取模块获取的每个区域对应的颜色值，为每个区域依次填充对应的颜色。