CALayer 基础
处理图层、图层属性及层级结构。
CALayer 基础 是 CoddyKit 上的免费 Swift Academy 课时。 这是第 1 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Swift Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Swift Academy 课程共包含 4 节课。
什么是 CALayer
CALayer 是 UIKit 中所有可见内容的底层承载。每个 UIView 都由一个图层绘制,该图层会在 GPU 上以纹理形式保存视觉内容。
直接操作图层即可使用硬件加速的图形和动画。
import UIKit
let layer = CALayer()视图背后的图层
每个视图都有一个 layer 属性。设置图层属性通常比自定义绘制更简单、成本也更低。
view.layer.cornerRadius = 12
view.layer.masksToBounds = true几何结构:框架、边界和位置
图层具有 bounds(自身的坐标空间)、position(其锚点在父图层中的位置)以及派生的 frame。编辑其中任意一个,其他值也会随之更新。
let layer = CALayer()
layer.bounds = CGRect(x: 0, y: 0, width: 100, height: 100)
layer.position = CGPoint(x: 150, y: 150)锚点
anchorPoint(默认值为 0.5、0.5,即中心)定义了图层用于定位和变换的原点。旋转和缩放都会围绕它进行。
layer.anchorPoint = CGPoint(x: 0, y: 0) // top-left pivot视觉属性
图层直接提供视觉样式设置:backgroundColor(CGColor)、cornerRadius、borderWidth、borderColor 和 opacity。
layer.backgroundColor = UIColor.systemBlue.cgColor
layer.cornerRadius = 8
layer.borderWidth = 2
layer.borderColor = UIColor.white.cgColor阴影
图层使用 shadowColor、shadowOpacity、shadowOffset 和 shadowRadius 绘制阴影。设置 shadowPath 可以提升性能。
layer.shadowColor = UIColor.black.cgColor
layer.shadowOpacity = 0.3
layer.shadowOffset = CGSize(width: 0, height: 4)
layer.shadowRadius = 6子图层
图层构成一棵树。使用 addSublayer 添加子图层;子图层会在父图层的坐标空间中定位。
let parent = CALayer()
let child = CALayer()
child.frame = CGRect(x: 10, y: 10, width: 40, height: 40)
parent.addSublayer(child)专用图层类型
UIKit 提供了多种图层子类:CAShapeLayer(矢量路径)、CAGradientLayer(渐变)、CATextLayer(文本)和 CAReplicatorLayer(复制的子图层)。
let shape = CAShapeLayer()
shape.path = UIBezierPath(ovalIn: CGRect(x: 0, y: 0, width: 50, height: 50)).cgPath
shape.fillColor = UIColor.systemRed.cgColor渐变图层
CAGradientLayer 会根据 colors、locations、startPoint 和 endPoint 渲染平滑的颜色过渡。
let gradient = CAGradientLayer()
gradient.colors = [UIColor.systemBlue.cgColor, UIColor.systemPurple.cgColor]
gradient.startPoint = CGPoint(x: 0, y: 0)
gradient.endPoint = CGPoint(x: 1, y: 1)contentsScale 与清晰度
将 contentsScale 设置为屏幕缩放比例,使图层绘制的内容在 Retina 显示屏上保持清晰。忘记设置它会导致文本和形状模糊。
layer.contentsScale = UIScreen.main.scale图层轻量高效
图层不处理触摸事件或自动布局;它们是纯粹的视觉对象。因此,对于装饰性或动画内容,使用图层比使用视图成本更低。
快速检查:CALayer
测试您对 CALayer 基础知识的理解。
回顾:CALayer 基础知识
CALayer 为每个 UIKit 视图提供底层支持,并提供 GPU 加速的视觉效果:bounds/position/anchorPoint 几何结构、样式设置(圆角半径、边框、阴影)以及由子图层组成的树。
专用子类负责处理形状、渐变、文本和复制。设置 contentsScale 以确保清晰度,并记住图层是轻量的视觉对象,不具备触摸处理或自动布局功能。接下来的动画都建立在这些基础之上。
常见问题解答
「CALayer 基础」课时是免费的吗?
是的 — 「CALayer 基础」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Swift Academy 课程的其余内容,请升级到 CoddyKit PRO。 Swift Academy 课程共包含 4 节课。
「CALayer 基础」这节课中我会学到什么?
处理图层、图层属性及层级结构。 你通过在浏览器中直接运行的动手代码来练习 Swift Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Swift Academy 需要有经验吗?
无需任何先前经验。CoddyKit 上的 Swift Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 1 节课,共 4 节。
「CALayer 基础」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 Swift Academy 课中编写并运行代码吗?
能。每节 Swift Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。
此课程中的所有课时
- CALayer 基础
- 隐式与显式动画
- 变换与三维效果
- 使用 Core Graphics 自定义绘图