动态绘制带渐变阴影曲线到手机屏幕的绘制方法技术

一种动态绘制带渐变阴影曲线到手机屏幕的绘制方法，步骤包括：所述步骤1）参数配置包括缓存参数配置、颜色配置和定时器配置、坐标参数配置；其中，各个配置过程中，系统初始化之后一次性配置缓存参数、颜色配置、定时器配置，减少图层绘制的运算量，坐标配置在图层绘制过程中配置；所述步骤2）数据缓存包括缓存数据和更新参考点；将实时数据缓存到动态分配到内存中，并标记当前的位置，若超出动态分配数据缓存长度的范围，则从起始位置覆盖，继续缓存，并刷新屏幕，更新参考点；所述步骤3）动态刷新，设置定时刷新屏幕,设置的刷新率与操作系统的屏幕刷新保持一致；所述步骤4）图层绘制包括数据边界处理、坐标计算、绘制参数配置和绘制曲线以及渐变。

Drawing method of dynamic drawing tapered shadow curve to mobile phone screen

A dynamic drawing method with gradient shadow curve to the mobile phone screen comprises the following steps: the step 1) configuration parameters including cache configuration parameters, color configuration and configuration, coordinate the various parameters of timer configuration; configuration process, system initialization after a configuration cache parameters, color configuration, timer configuration, reduce the computation layer rendering, coordinate configuration in the process of drawing layer configuration; the step 2) data cache includes cache data and update the reference point; the real-time data to cache dynamic allocation into memory, and mark the current position, if beyond the scope of dynamic allocation of data buffer length, from the initial position to continue coverage. Cache, and refresh the screen, updating the reference point; step 3) dynamic refresh, refresh the screen refresh rate settings, and operating settings The screen refresh of the system keeps the same. The step 4) drawing includes data boundary processing, coordinate calculation, drawing parameter configuration, drawing curve and gradual change.

【技术实现步骤摘要】
动态绘制带渐变阴影曲线到手机屏幕的绘制方法
本技术方案涉及一种动态绘制曲线的方案，尤其是一种带有动态渐变背景的实时曲线的绘制方法，属于软件领域。
技术介绍
现有技术中，绘制像素到手机屏幕的方法有很多，IOS实现图形编程使用的API包括：UIKIT、CoreGraphics、OpenGLES、GLKit等，这些API包含的绘制操作都在一个图形环境中进行绘制。举例来说，UIKIT是一组Objective－cAPI，为基本的线条图形、颜色操作、2D绘制、图像处理以及用户接口级的动画。OpenGLES是一套功能开放的标准的用于潜入系统的C－based的图形库，用于2D和3D数据的可视化，可以实现GPU的硬件加速，GPU执行图形命令，可以实现复杂图形的绘制。OpenGLES框架规范复杂，不容易集成，实现难度较大，故未使用该框架。渐变阴影曲线如图1所示，背景斜条纹为背景图片，高亮的为实时数据曲线，曲线以下为渐变的阴影。传统的方法，无法绘制数据曲线下面的渐变背景，该技术方案，主要解决这个问题。
技术实现思路
为了解决现有技术中存在的上述问题，本技术方案提出一种动态绘制带渐变阴影曲线到手机屏幕的绘制方法，步骤包括：1）参数配置；2）数据缓存；3）动态刷新；4）图层绘制；所述步骤1）参数配置包括缓存参数配置、颜色配置和定时器配置、坐标参数配置；其中，各个配置过程中，系统初始化之后一次性配置缓存参数、颜色配置、定时器配置，减少图层绘制的运算量，坐标配置在图层绘制过程中配置；所述步骤2）数据缓存包括缓存数据和更新参考点；将实时数据缓存到动态分配到内存中，并标记当前的位置，若超出动态分配数据缓存长度的范围，则从起始位置覆盖，继续缓存，并刷新屏幕，更新参考点；所述步骤3）动态刷新，设置定时刷新屏幕,设置的刷新率与操作系统的屏幕刷新保持一致；所述步骤4）图层绘制包括数据边界处理、坐标计算、绘制参数配置和绘制曲线以及渐变，具体包括如下步骤：曲线绘制完整的渐变背景：4.1）遍历缓存数据，找出最大值MAX和最小值MIN，计算差值DIF＝MAX－MIN，以及单位数值对应的坐标P，4.2）通过创建的线条颜色和和缓存数据计算所得的坐标点绘制曲线；4.3）通过CGContextSetShouldAntialias(UIGraphicsGetCurrentContext(),YES)函数消除曲线的锯齿现象；4.4）通过CGContextSetBlendMode函数实现图像的蒙板，且蒙板范围为绘制得到曲线的下半部分。与现有技术相比，本技术方案中参数配置，将部分参数一次性配置，防止绘制时多次配置降低效率；数据缓存与刷新分离以及采用CADisplayLink，防止界面卡顿，使曲线与屏幕同时刷新，提高绘制的效率；数据边界处理，使所有的数据可以比较完整的显示在整个绘制区域内，使其达到最大化。附图说明图1为本方法的原理示意图。图2为手机截屏的“渐变阴影曲线”的示意图。具体实施方式下面结合附图与具体实施方式对本技术方案进一步说明：如图1，一种动态绘制带渐变阴影曲线到手机屏幕的绘制方法，步骤包括：1）参数配置；2）数据缓存；3）动态刷新；4）图层绘制；所述步骤1）参数配置包括缓存参数配置、颜色配置和定时器配置、坐标参数配置；其中，各个配置过程中，系统初始化之后一次性配置缓存参数、颜色配置、定时器配置，减少图层绘制的运算量，坐标配置在图层绘制过程中配置；所述步骤2）数据缓存包括缓存数据和更新参考点；将实时数据缓存到动态分配到内存中，并标记当前的位置，若超出动态分配数据缓存长度的范围，则从起始位置覆盖，继续缓存，并刷新屏幕，更新参考点；所述步骤3）动态刷新，设置定时刷新屏幕,设置的刷新率与操作系统的屏幕刷新保持一致；所述步骤4）图层绘制包括数据边界处理、坐标计算、绘制参数配置和绘制曲线以及渐变，具体包括如下步骤：曲线绘制完整的渐变背景：4.1）遍历缓存数据，找出最大值MAX和最小值MIN，计算差值DIF＝MAX－MIN，以及单位数值对应的坐标P，4.2）通过创建的线条颜色和和缓存数据计算所得的坐标点绘制曲线；4.3）通过CGContextSetShouldAntialias(UIGraphicsGetCurrentContext(),YES)函数消除曲线的锯齿现象；4.4）通过CGContextSetBlendMode函数实现图像的蒙板，且蒙板范围为绘制得到曲线的下半部分。如图2，本例采用Quartz引擎绘制的带渐变阴影的曲线。CoreGraphic是一套C－baseAPI，支持向量图像、线、形状、图案、路径等内容的绘制，Quartz2D是CoreGraphics的2D绘制呈现引擎。Quartz提供路径绘制、梯度填充图案，图像，透明层绘制、阴影、遮盖、颜色管理、坐标转换等。Quartz能够与所有的图形和动画技术一起使用。参数配置实现：通过调用calloc函数动态分配内存，用于缓存曲线数据；通过调用CGColorCreate函数，创建线条颜色，通过CGGradientCreateWithColors函数创建背景渐变颜色，创建定时器CADisplayLink同屏绘制曲线，提高了绘制曲线的效率。数据缓存：将实时数据缓存到动态分配到内存中，并标记当前的位置，若超出范围，则从开始位置覆盖，继续缓存，并刷新屏幕。动态刷新将CADisplayLink的刷新频率与屏幕刷新保持一致，充分利用屏幕刷新，减少了曲线卡顿的现象。图层绘制：曲线绘制曲线绘制完整的渐变背景，查找缓存数据的边界，缩小数据展示的范围，使曲线可以最大利用屏幕，通过创建的线条颜色绘制曲线，通过CGContextSetShouldAntialias函数消除曲线的锯齿现象，通过CGContextSetBlendMode函数实现蒙板，且蒙板范围为绘制的曲线的下半部分，使渐变阴影具有动态的效果，且数据曲线能够比较清晰的展示。采用本专利技术方法，采用现有的绘制引擎实现快速方便，且满足绘制的带渐变阴影曲线的要求。本文档来自技高网...

【技术保护点】
一种动态绘制带渐变阴影曲线到手机屏幕的绘制方法，其特征是步骤包括：1）参数配置；2）数据缓存；3）动态刷新；4）图层绘制；所述步骤1）参数配置包括缓存参数配置、颜色配置和定时器配置、坐标参数配置；其中，各个配置过程中，系统初始化之后一次性配置缓存参数、颜色配置、定时器配置，减少图层绘制的运算量，坐标配置在图层绘制过程中配置；所述步骤2）数据缓存包括缓存数据和更新参考点；将实时数据缓存到动态分配到内存中，并标记当前的位置，若超出动态分配数据缓存长度的范围，则从起始位置覆盖，继续缓存，并刷新屏幕，更新参考点；所述步骤3）动态刷新，设置定时刷新屏幕,设置的刷新率与操作系统的屏幕刷新保持一致；所述步骤4）图层绘制包括数据边界处理、坐标计算、绘制参数配置和绘制曲线以及渐变；具体包括如下步骤：4.1）遍历缓存数据，找出最大值MAX和最小值MIN，计算差值DIF＝MAX－MIN，以及单位数值对应的坐标P；4.2）通过创建的线条颜色和和缓存数据计算所得的坐标点绘制曲线；4.3）通过CGContextSetShouldAntialias(UIGraphicsGetCurrentContext(), YES)函数消除曲线的锯齿现象；4.4）通过CGContextSetBlendMode函数实现图像的蒙板，且蒙板范围为绘制得到曲线的下半部分。...

【技术特征摘要】
1.一种动态绘制带渐变阴影曲线到手机屏幕的绘制方法，其特征是步骤包括：1）参数配置；2）数据缓存；3）动态刷新；4）图层绘制；所述步骤1）参数配置包括缓存参数配置、颜色配置和定时器配置、坐标参数配置；其中，各个配置过程中，系统初始化之后一次性配置缓存参数、颜色配置、定时器配置，减少图层绘制的运算量，坐标配置在图层绘制过程中配置；所述步骤2）数据缓存包括缓存数据和更新参考点；将实时数据缓存到动态分配到内存中，并标记当前的位置，若超出动态分配数据缓存长度的范围，则从起始位置覆盖，继续缓存，并刷新屏幕，更新参考点；所述步骤3）动态刷新，设置定时刷新屏幕,设置的刷新率与操...

【专利技术属性】
技术研发人员：朱启文，周亚凤，刘豫东，
申请(专利权)人：南京信息职业技术学院，
类型：发明
国别省市：江苏,32