肘子的Swift记事本
·
精通 SwiftUI 的 containerRelativeFrame 修饰器
💡
原文中文，约17000字，阅读约需41分钟。
📝
内容提要
苹果公司在WWDC 2023上为SwiftUI引入了containerRelativeFrame视图修饰器，简化了布局操作。修饰器根据容器大小指定视图尺寸，提供了三种构造方法。使用containerRelativeFrame可以实现复杂的布局设计，包括创建等分的画廊、按比例设置大小和获取容器尺寸等。修饰器可以自定义变换规则，并验证了对官方文档未提及细节的猜测。
🎯
关键要点
- 苹果公司在WWDC 2023上为SwiftUI引入了containerRelativeFrame视图修饰器，简化了布局操作。
- containerRelativeFrame根据容器大小指定视图尺寸，提供三种构造方法。
- 使用containerRelativeFrame可以实现复杂的布局设计，包括创建等分的画廊和按比例设置大小。
- containerRelativeFrame修饰器可以自定义变换规则，并验证了对官方文档未提及细节的猜测。
- containerRelativeFrame修饰器从视图开始，向上寻找最近的符合容器列表中的容器。
- 构造方法包括基础版、预置参数版和完全自定义版，适用于不同的布局需求。
- 在使用containerRelativeFrame时，需注意容器提供的尺寸和安全区域的影响。
- containerRelativeFrame允许开发者根据容器尺寸自定义计算逻辑，提供最大灵活性。
- 通过containerRelativeFrame，开发者可以实现以前难以完成的布局操作。
- 在构建复刻版本时，选择自主向上查找最近的容器以获取尺寸，避免增加系统负担。
➡️
