SwiftUI 可以精细控制动画的运动方式，完全自定义贝塞尔路径，匹配我们想要的加速度或者减速度。 比如，我们创建一条时序曲线，在动画中心部分非常缓慢，但在边缘部分剧烈跳动。 extension Anim...

视图修饰符总是把已经存在的视图包装到另⼀层中去：修饰符会变为它所作⽤的视图的⽗视图。Padding.padding 修饰符使⽤它收到的内边距值来修改建议尺⼨，它会从建议尺⼨的对应边上减去这个边距值...

默认情况下，⼏乎所有的视图都会把⼦视图居中对⻬。Text('Hello') .frame(width: 100, height: 100) frame 修饰器拥有⼀个默认值为 .center 的 alignment 参数。这 100⨉100 的区域中，⽂本将被...

环境键的自定义需要两个必要步骤和一个可选步骤: 实现⼀个⾃定义的 EnvironmentKey。 在 EnvironmentValues 上添加扩展，并提供⼀个属性，让我们能在环境中获取和设置该值。 (可选) 在 View 上...

使用初始化器传递数据 struct ContentView: View { var body: some View { NavigationView { NavigationLink(destination: DetailView(text: '来自 ContentView 的您好')) { Text('转到详细视图...

SwiftUI 属性动画系统的核⼼是 Animatable 协议。这个协议可以被视图和视图修饰符所实现，它们通过该协议把可以进⾏动画的属性暴露给SwiftUI。 这个协议唯⼀的要求是⼀个 animatableData 属性，...

Layout 协议，可以创建⾃定义的容器视图，让它们根据所编写的算法来布局⼦视图。这个协议的使用分为两步:⾸先，使⽤ sizeThatFits ⽅法确定容器的尺⼨。在该⽅法内部，我们通过⼦视图的代理，来...

在 SwiftUI 中，修改状态是唯⼀能触发视图更新的⼿段。默认情况下，旧视图树与新视图树之间的更改不会进⾏动画处理。 对那些在视图树中已经存在，且在状态变化前后属性也相应改变的视图，属性动...

如果你在视图层次结构的两个不同部分中有相同的视图，并且希望在这两者之间进行动画过渡——例如，从列表视图切换到放大的详细视图——那么你应该使用 SwiftUI 的 matchedGeometryEffect() 修饰...

要获得视图的大小，即使不是不可能，也是很困难的。这正是 GeometryReader 可以提供帮助的地方。 GeometryReader 与推出式容器视图类似，可以添加子视图。它允许检查和使用有助于定位其中其他视...