Swift语言iOS开发：CALayer十则示例(下)资源-CSDN文库

12 浏览量 2021-02-20 22:24:56 上传评论收藏 543KB PDF 举报

资源推荐

资源详情

资源评论

Swift语言语言iOS开发：开发：CALayer十则示例十则示例(下下)

示例 #5：CAGradientLayer

CAGradientLayer简化了混合两种或更多颜色的工作，尤其适用于背景。要配置渐变色，你需要分配一个CGColor数

组，以及标识渐变图层起止点的startPoint和endPoint。

注意：startPoint和endPoint并不是明确的点，而是用单位坐标空间定义，在绘制时映射到图层边界。也就是说x值为1

表示点在图层右边缘，y值为1表示点在图层下边缘。

CAGradientLayer包含type属性，虽说该属性只有kCAGradientLayerAxial一个选择，由数组中的各颜色产生线性过渡

渐变。

具体含义是渐变过渡沿startPoint到endPoint的向量A方向产生，设B与A垂直，则各条B平行线上的所有点颜色相同。

此外，locations属性可以使用一个数组（元素取值范围0到1），指定渐变图层参照colors顺序取用下一个过渡点颜色的

位置。

未设定时默认会平均分配过渡点。一旦设定就必须与colors的数量保持一致，否则会出错。 :[

下面是创建渐变图层的例子：

let gradientLayer = CAGradientLayer()

gradientLayer.frame = someView.bounds

gradientLayer.colors = [cgColorForRed(209.0, green: 0.0, blue: 0.0),

cgColorForRed(255.0, green: 102.0, blue: 34.0),

cgColorForRed(255.0, green: 218.0, blue: 33.0),

cgColorForRed(51.0, green: 221.0, blue: 0.0),

cgColorForRed(17.0, green: 51.0, blue: 204.0),

cgColorForRed(34.0, green: 0.0, blue: 102.0),

cgColorForRed(51.0, green: 0.0, blue: 68.0)]

gradientLayer.startPoint = CGPoint(x: 0, y: 0)

gradientLayer.endPoint = CGPoint(x: 0, y: 1)

someView.layer.addSublayer(gradientLayer)

func cgColorForRed(red: CGFloat, green: CGFloat, blue: CGFloat) -> AnyObject {

return UIColor(red: red/255.0, green: green/255.0, blue: blue/255.0, alpha: 1.0).CGColor as AnyObject

}

上述代码创建一个渐变图层，框架设为someView边界，指定颜色数组，设置起止点，添加图层到视图结构树。效果如

下：

// 1

let replicatorLayer = CAReplicatorLayer()

replicatorLayer.frame = someView.bounds

// 2

replicatorLayer.instanceCount = 30

replicatorLayer.instanceDelay = CFTimeInterval(1 / 30.0)

replicatorLayer.preservesDepth = false

replicatorLayer.instanceColor = UIColor.whiteColor().CGColor

// 3

replicatorLayer.instanceRedOffset = 0.0

replicatorLayer.instanceGreenOffset = -0.5

replicatorLayer.instanceBlueOffset = -0.5

replicatorLayer.instanceAlphaOffset = 0.0

// 4

let angle = Float(M_PI * 2.0) / 30

replicatorLayer.instanceTransform = CATransform3DMakeRotation(CGFloat(angle), 0.0, 0.0, 1.0)

someView.layer.addSublayer(replicatorLayer)

// 5

let instanceLayer = CALayer()

let layerWidth: CGFloat = 10.0

let midX = CGRectGetMidX(someView.bounds) - layerWidth / 2.0

instanceLayer.frame = CGRect(x: midX, y: 0.0, width: layerWidth, height: layerWidth * 3.0)

instanceLayer.backgroundColor = UIColor.whiteColor().CGColor

replicatorLayer.addSublayer(instanceLayer)

// 6

let fadeAnimation = CABasicAnimation(keyPath: "opacity")

fadeAnimation.fromValue = 1.0

fadeAnimation.toValue = 0.0

fadeAnimation.duration = 1

fadeAnimation.repeatCount = Float(Int.max)

// 7

instanceLayer.opacity = 0.0

instanceLayer.addAnimation(fadeAnimation, forKey: "FadeAnimation")

以上代码：

创建一个CAReplicatorLayer实例，设框架为someView边界。

设复制图层数instanceCount和绘制延迟，设图层为2D（preservesDepth = false），实例颜色为白色。

为陆续的实例复件设置RGB颜色偏差值（默认为0，即所有复件保持颜色不变），不过这里实例初始颜色为白色，即

RGB都为1.0，所以偏差值设红色为0，绿色和蓝色为相同负数会使其逐渐现出红色，alpha透明度偏差值的变化也与此

类似，针对陆续的实例复件。

创建旋转变换，使得实例复件按一个圆排列。

创建供复制图层使用的实例图层，设置框架，使第一个实例在someView边界顶端水平中心处绘制，另外设置实例颜

色，把实例图层添加到复制图层。

创建一个透明度由1（不透明）过渡为0（透明）的淡出动画。

设实例图层透明度为0，使得每个实例在绘制和改变颜色与alpha前保持透明。

这段代码会实现这样的东西：

剩余32页未读，继续阅读

内容反馈

weixin_38692631

粉丝: 0
资源: 880

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip