CN107643933A - Dynamic draws the method for drafting with gradual change shade curve to mobile phone screen - Google Patents

Abstract

A kind of dynamic draws the method for drafting with gradual change shade curve to mobile phone screen, and step includes：The step 1）Parameter configuration includes cached parameters configuration, color configuration and timer configuration, coordinate parameters configuration；Wherein, in each configuration process, disposable allocating cache parameter, color configuration, timer configuration after system initialization, the operand that figure layer is drawn is reduced, coordinate configuration configures in figure layer drawing process；The step 2）Data buffer storage includes data cached and renewal reference point；Real time data is cached to and is dynamically assigning in internal memory, and marks current position, if beyond the scope of dynamically distributes data buffer storage length, is covered from original position, continues to cache, and refreshes screen, updates reference point；The step 3）Dynamic refresh, periodic refreshing screen is set, and the refresh rate of setting and the screen-refresh of operating system are consistent；The step 4）Figure layer, which is drawn, includes data boundary processing, coordinate calculates, rendering parameter configures and draws curve and gradual change.

Description

Dynamic draws the method for drafting with gradual change shade curve to mobile phone screen

Technical field

The technical program is related to the scheme that a kind of dynamic draws curve, especially a kind of real-time with dynamic fade background The method for drafting of curve, belongs to software field.

Background technology

In the prior art, draw pixel has much to the method for mobile phone screen, and IOS realizes the API bags that graphical programming uses Include：UIKIT, Core Graphics, OpenGL ES, GLKit etc., the drafting that these API are included are operated all in a figure ring Drawn in border.For example, UIKIT is one group of Objective-c API, be basic bargraphs, color operations, The animation of 2D draftings, image procossing and user interface level.OpenGL ES be the standard that a set of function opens be used to slip into be The C-based of system shape library, the visualization for 2D and 3D data, it is possible to achieve GPU's is hardware-accelerated, and GPU performs figure Order, it is possible to achieve the drafting of complex figure.OpenGL ES framework specifications are complicated, it is not easy to and it is integrated, realize that difficulty is larger, therefore The framework is not used.

Gradual change shade curve is highlighted for real-time data curve, curve as shown in figure 1, background inclined stripe is background picture It is the shade of gradual change below.Traditional method, gradual change background that can not be below drawing data curve, the technical scheme, main solution Certainly this problem.

The content of the invention

In order to solve the above-mentioned problems in the prior art, the technical program proposes that a kind of dynamic draws band gradual change shade To the method for drafting of mobile phone screen, step includes curve：1）Parameter configuration；2）Data buffer storage；3）Dynamic refresh；4）Figure layer is painted System；

The step 1）Parameter configuration includes cached parameters configuration, color configuration and timer configuration, coordinate parameters configuration；

Wherein, in each configuration process, disposable allocating cache parameter, color configuration, timer configuration after system initialization, The operand that figure layer is drawn is reduced, coordinate configuration configures in figure layer drawing process；

The step 2）Data buffer storage includes data cached and renewal reference point；

Real time data is cached to and is dynamically assigning in internal memory, and marks current position, if exceeding dynamically distributes data buffer storage The scope of length, then covered from original position, continue to cache, and refresh screen, update reference point；

The step 3）Dynamic refresh, sets periodic refreshing screen, and the refresh rate of setting and the screen-refresh of operating system are kept Unanimously；

The step 4）Figure layer, which is drawn, includes data boundary processing, coordinate calculates, rendering parameter configuration and drafting curve and gradually Become, specifically comprise the following steps：

The complete gradual change background of Drawing of Curve：

4.1）Travel through data cached, find out maximum MAX and minimum value MIN, calculating difference DIF=MAX-MIN, and unit Coordinate P corresponding to numerical value,

4.2）Coordinate point-rendering curve obtained by as the line color of establishment and with data cached calculating；

4.3）Pass through CGContextSetShouldAntialias (UIGraphicsGetCurrentContext (), YES) Function eliminates the crenellated phenomena of curve；

4.4）The mask of image is realized by CGContextSetBlendMode functions, and mask scope is that drafting obtains curve The latter half.

Compared with prior art, parameter configuration in the technical program, partial parameters are disposably configured, it is more when preventing from drawing Secondary configuration reduces efficiency；Data buffer storage separates with refreshing and using CADisplayLink, prevents interface interim card, make curve with Screen refreshes simultaneously, improves the efficiency of drafting；Data boundary processing, allow all data more whole than being more completely shown in In drawing area, maximization is reached.

Brief description of the drawings

Fig. 1 is the principle schematic of this method.

Fig. 2 is the schematic diagram of " the gradual change shade curve " of mobile phone screenshotss.

Embodiment

The technical program is further illustrated with embodiment below in conjunction with the accompanying drawings：

Such as Fig. 1, a kind of dynamic draws the method for drafting with gradual change shade curve to mobile phone screen, and step includes：1）Parameter configuration； 2）Data buffer storage；3）Dynamic refresh；4）Figure layer is drawn；

The step 1）Parameter configuration includes cached parameters configuration, color configuration and timer configuration, coordinate parameters configuration；

Wherein, in each configuration process, disposable allocating cache parameter, color configuration, timer configuration after system initialization, The operand that figure layer is drawn is reduced, coordinate configuration configures in figure layer drawing process；

The step 2）Data buffer storage includes data cached and renewal reference point；

Real time data is cached to and is dynamically assigning in internal memory, and marks current position, if exceeding dynamically distributes data buffer storage The scope of length, then covered from original position, continue to cache, and refresh screen, update reference point；

The step 3）Dynamic refresh, sets periodic refreshing screen, and the refresh rate of setting and the screen-refresh of operating system are kept Unanimously；

The step 4）Figure layer, which is drawn, includes data boundary processing, coordinate calculates, rendering parameter configuration and drafting curve and gradually Become, specifically comprise the following steps：

The complete gradual change background of Drawing of Curve：

4.1）Travel through data cached, find out maximum MAX and minimum value MIN, calculating difference DIF=MAX-MIN, and unit Coordinate P corresponding to numerical value,

4.2）Coordinate point-rendering curve obtained by as the line color of establishment and with data cached calculating；

4.3）Pass through CGContextSetShouldAntialias (UIGraphicsGetCurrentContext (), YES) Function eliminates the crenellated phenomena of curve；

4.4）The mask of image is realized by CGContextSetBlendMode functions, and mask scope is that drafting obtains curve The latter half.

Such as Fig. 2, this example uses the curve with gradual change shade of Quartz Engine draws.Core Graphic are a set of C- The drafting of the content such as base API, supporting vector image, line, shape, pattern, path, Quartz 2D are Core Graphics 2D draw present engine.Quartz provides path drawing, gradient filling pattern, image, hyaline layer drafting, shade, covering, face Colour tube reason, Coordinate Conversion etc..Quartz can be used together with all figures with cartoon technique.

Parameter configuration is realized：

By calling calloc function dynamic assigning memory, for caching curve data；By calling CGColorCreate letters Number, line color is created, by CGGradientCreateWithColors function creation background graduated colors, create timer CADisplayLink draws curve with screen, improves the efficiency for drawing curve.

Data buffer storage：

Real time data is cached to and is dynamically assigning in internal memory, and marks current position, if going beyond the scope, from starting position Covering, continues to cache, and refresh screen.

Dynamic refresh

CADisplayLink refreshing frequency is consistent with screen-refresh, screen-refresh is made full use of, reduces curve card The phenomenon paused.

Figure layer is drawn：

The complete gradual change background of Drawing of Curve Drawing of Curve, searches data cached border, reduces the scope of data display, make song Line maximum can utilize screen, draw curve by the line color of establishment, pass through CGContextSetShouldAntialias Function eliminates the crenellated phenomena of curve, realizes mask by CGContextSetBlendMode functions, and mask scope is drafting Curve the latter half, make gradual change shade that there is dynamic effect, and data and curves can more clearly be shown.

Using the inventive method, band gradual change shade that is quick and convenient, and meeting drafting is realized using existing drawing engine The requirement of curve.

Claims (1)

1. a kind of dynamic draws the method for drafting with gradual change shade curve to mobile phone screen, it is characterized in that step includes：1）Parameter Configuration；2）Data buffer storage；3）Dynamic refresh；4）Figure layer is drawn；

The step 1）Parameter configuration includes cached parameters configuration, color configuration and timer configuration, coordinate parameters configuration；

Wherein, in each configuration process, disposable allocating cache parameter, color configuration, timer configuration after system initialization, The operand that figure layer is drawn is reduced, coordinate configuration configures in figure layer drawing process；

The step 2）Data buffer storage includes data cached and renewal reference point；

Real time data is cached to and is dynamically assigning in internal memory, and marks current position, if exceeding dynamically distributes data buffer storage The scope of length, then covered from original position, continue to cache, and refresh screen, update reference point；

The step 3）Dynamic refresh, sets periodic refreshing screen, and the refresh rate of setting and the screen-refresh of operating system are kept Unanimously；

The step 4）Figure layer, which is drawn, includes data boundary processing, coordinate calculates, rendering parameter configuration and drafting curve and gradually Become；Specifically comprise the following steps：

4.1）Travel through data cached, find out maximum MAX and minimum value MIN, calculating difference DIF=MAX-MIN, and unit Coordinate P corresponding to numerical value；

4.2）Coordinate point-rendering curve obtained by as the line color of establishment and with data cached calculating；

4.3）Pass through CGContextSetShouldAntialias (UIGraphicsGetCurrentContext (), YES) letter Number eliminates the crenellated phenomena of curve；

4.4）The mask of image is realized by CGContextSetBlendMode functions, and mask scope is that drafting obtains curve The latter half.