1.创建 渐变色 /// 渐变色:默认从上到下 private var gradientLayer: CAGradientLayer = { let g = CAGradientLayer() g.colors = [UIColor.init(hexColor: "DBB479").cgColor, UIColor.init(hexColor: "F7E1B3").cgColor] //改为从左到右 的渐变 g.startPoint = CGPoint(x: 0,…

OCiOS开发:CAGradientLayer 渐变色 CAGradientLayer 简介 CAGradientLayer是CALayer图层类的子类,用于处理渐变色的层结构. CAGradientLayer的渐变色可以做隐式动画. CAGradientLayer和CAShapeLayer配合使用可实现复杂效果. CAGradientLayer可以用作PNG的遮罩效果. CAGradientLayer 坐标系统 CAGradientLayer的坐标系统是从坐标(0,0)到(1,1)绘制的矩形.…

LineChart,就使用Core Graphics和QuartzCore框架中的CAShapeLayer绘制.这样执行效率明显比堆砌UIView的方法效率高--占用资源少,执行快. 看看CALayer的定义: class CALayer : NSObject, NSCoding, CAMediaTiming 再看看UIView的定义: class UIView : UIResponder, NSCoding, UIAppearance, NSObjectProtocol, UIAppearan…

看到苹果Health里的折线图了吗.我们就是要打造一个这样的折线图.没看过的请看下图. 我们的主题在于折线图本身.其他的包括步数.日平均值等描述类的内容这里就不涉及了. 首先观察,这个图种包含些什么组成部分.线?这个太明显都看见了.还有每个节点的小圆圈,还有折线图里从上到下的渐变.这里是白色的从上到下逐渐透明的效果.还有一条虚线.这个暂时先不考虑了.你能绘制出来最下面的x轴标尺,绘制个虚线还不是小菜? 为什么说是绘制呢,因为显然我们不想用一个UIView把像素设置为1,背景色设置为UIColor…

Mask属性介绍 Mask平时用的最多的是masksToBounds 吧. 其实除此以外Mask使用场景很多,看完之后你会发现好真是好用的不要不要的... 先来了解下Mask属性到底是什么? Mask 英文解释是蒙板/面罩,平时我们称为蒙层. 在苹果官方文档里如下图,意思是Mask是一个可选的Layer,它可以是根据透明度来掩盖Layer的内容. 这么一说好像...还是不晓得有什么卵用... 那再看下面这个说明,意思是Layer的透明度决定了Layer内容是否可以显示,非透明的内容和背景可以显示…

有几篇博客写到了怎么实现环形进度条,大多是使用Core Graph来实现,实现比较麻烦且效率略低,只是一个小小的进度条而已,我们当然是用最简单而且效率高的方式来实现. 先看一下这篇博客,博客地址:http://www.brighttj.com/ios/ios-implement-loop-progress.html这篇博客写的不错,不过看上去还是略微复杂了,我自己根据自己的思路整理了一下,当然目的是为了更加简洁易懂. 一:先制作一个不带颜色渐变的进度条 自定义一个cycleView,在.m 中实…

有几篇博客写到了怎么实现环形进度条,大多是使用Core Graph来实现,实现比较麻烦且效率略低,只是一个小小的进度条而已,我们当然是用最简单而且效率高的方式来实现.先看一下这篇博客,博客地址:http://www.brighttj.com/ios/ios-implement-loop-progress.html这篇博客写的不错,不过看上去还是略微复杂了,我自己根据自己的思路整理了一下,当然目的是为了更加简洁易懂. 一:先制作一个不带颜色渐变的进度条 自定义一个cycleView,在.m 中实现…

由于项目需要一个环形渐变进度条显示课程,这方便网上的确有很多相关资料但是,都是比较零散的而且,大多数只是放一堆代码就算完了.这里我想详细写一篇我自己实现这个进度条的过程. 实现一个圆弧进度条主要分为三步 一.画圆弧这里用的贝赛尔曲线,就是这个东西:UIBezierPath 二.根据贝塞尔曲线路径画两个圆弧一个底色一个上面的填充色,用到的是这个类CAShapeLayer.h 三.画两个渐变色块,把上面的进度条路径映射到渐变色块上,渐变色块用的是这个东西CAGradientLayer.h 目标效果如…

本教程将演示如何在 Swift 4 中创建一个多功能的.@IBDesignable 样式的渐变视图类.你可以将 CAGradientView 放到 storyboard 中,并在设计时预览,或者以编程方式添加它.你可以为两个渐变终止点(起点和终点)设置颜色,并轻松设置渐变方向(以度为单位),因此你可以轻松地拥有水平渐变.垂直渐变或任何你喜欢的角度的渐变.这些属性完全可以在 IB 检视器中控制. 为什么我们需要这个 设计师就是喜欢渐变.诚然,就像阴影一样,它们会趋从于潮流的变化,而且现在的渐变也更…

1.h #import <UIKit/UIKit.h> @interface UIView (Gradient) /* The array of CGColorRef objects defining the color of each gradient * stop. Defaults to nil. Animatable. */ @property(nullable, copy) NSArray *colors; /* An optional array of NSNumber objec…