网络编程

当前位置:永利402游戏网站-永利402com官方网站 > 网络编程 > iOS:渐变颜色的折线图

iOS:渐变颜色的折线图

来源:http://www.xtcsyb.com 作者:永利402游戏网站-永利402com官方网站 时间:2019-09-17 08:13

图片 1

除此以外,用UIBezierPath的原因是在于UIBezierPath其实是对Core Graphics框架关于path的愈加封装,所以使用起来相比较简单。

startPoint和endPoint:能够安装渐变的自由化是竖直的从上到下,或是从下到上,或是斜着渐变等。

图片 2

重大讲一下折线以及渐变图层的绘图。

坐标轴不细说,demo中会有详细的笺注。

图片 3

内部,path是折线的渠道,newPath是渐变图层的门路,lastPointX和lastPointY是为着看最终贰个点的地方,得出渐变图层的限定。

locations:是CAGradientLayer中颜色渐变区间的数组,假若不设置这些特性,系统会自行帮你设置渐变区间。

然后增加到最后多个点的线。

率先是找原点,作者先将原点距view的左和下的离开设置出来,就很轻易能博得原点的坐标,然后经过原点的坐标绘制X轴跟Y轴.

制图折线只要将每一个数据的坐标点算出来,就很轻便了绘图了。

类型中要接纳有渐变颜色的折线图,所以这段时间探讨了瞬间,写二个简短的课程,首假诺为着能令人知道最重视的功力,首要讲的是促成的思路,所以尽量简化了。

先是,总结X轴以及Y轴的刻度单位。

例如:_gradientLayer.location = @[@,@],那样的样式。

此地只讲一下CAGradientLayer:

说不上是对折线图实行剪切,作者把折线图分为坐标轴X轴和Y轴部分、折线图绘制部分、渐变图层绘制部分,这三有的来成功。

赋值过后,然后将渐变图层的遮罩层设置为CAShapelayer就完了了。

在开立X轴跟Y轴的时候,利用Core Graphics绘制文字相比有利,所以把文字跟线条分开绘制。

开首化形式,以及安装frame跟CAShapelayer没什么分裂,具体说一下别的的性质。

1、X轴和Y轴

首先,小编是用UIBezierPath + CAShapeLayer画线,用CAGradientLayer写渐变图层。

colors:图层内渐变的水彩的数组,是CGColor的等级次序

接下去上代码:

图片 4

demo:渐变颜色的折线图

附带总结数组中每一种点的坐标。

紧接着有了折线的门径,以及渐变图层的门路,就足以将那三个门路赋值给layer。

图片 5

图片 6图片 7

本文由永利402游戏网站-永利402com官方网站发布于网络编程,转载请注明出处:iOS:渐变颜色的折线图

关键词:

上一篇:在Mac上自己搭建直播服务器

下一篇:没有了