肘子的Swift记事本
·
Grow on iOS 26：UIKit + SwiftUI 混合架构下的 Liquid Glass 适配实战
内容提要
Grow是一款在173个国家推荐的健康管理应用，适配iOS 26时面临多项挑战。开发团队分享了在UIKit与SwiftUI混合架构下的经验，包括对Sheet、Navigation和Popover的改造，探讨了UI元素的动态尺寸和效果控制。通过优化设计与技术实现，Grow旨在提升用户体验，并展示了“玻璃文字”效果及相关Demo工程。
关键要点
-
Grow是一款在173个国家推荐的健康管理应用，适配iOS 26时面临多项挑战。
-
开发团队分享了在UIKit与SwiftUI混合架构下的经验，包括对Sheet、Navigation和Popover的改造。
-
Grow旨在通过优化设计与技术实现提升用户体验，并展示了“玻璃文字”效果及相关Demo工程。
-
适配过程中的基本原则是保持旧版本用户体验不变，并为新用户提供熟悉的交互和新视觉体验。
-
在Sheet改造中，需移除自定义背景以展现Liquid Glass效果，并控制Scroll Edge Effect。
-
Navigation改造中，Grow使用UINavigationController并恢复原生UINavigationBar以提高开发效率。
-
使用popoverPresentationController实现Morph Menu效果，增强Liquid Glass元素的融入。
-
在UIBarButtonItem的尺寸计算中，需处理动态宽度和内容变化的问题。
-
Liquid Glass效果的控制需要调整内容的抗压缩优先级和内容环抱优先级。
-
通过Core Text实现可自定义内容的“玻璃文字”效果，提升视觉表现。
-
提供了一个demo工程Insights，便于理解和实践上述内容。
延伸解读
适配原则的重要性
Grow在适配iOS 26时，明确了两个基本原则：保持旧版本用户体验不变，以及为新用户提供熟悉的交互和新视觉体验。这一策略不仅有助于维护用户忠诚度，也能有效降低用户在升级过程中的学习成本。
Liquid Glass效果的实现细节
在实现Liquid Glass效果时，Grow团队需要移除自定义背景以展现玻璃质感，并控制Scroll Edge Effect。这样的细节处理确保了视觉效果的统一性和流畅性，开发者在实现类似效果时应特别关注这些底层细节。
UIKit与SwiftUI的混合架构
Grow的开发过程中采用了UIKit与SwiftUI的混合架构，这种方式在实现复杂UI时提供了灵活性。然而，开发者需注意，混合架构可能带来数据协调和视图定位的复杂性，因此在设计时应提前规划好各部分的交互和布局。
延伸问答
Grow应用在适配iOS 26时遇到了哪些挑战？
Grow应用在适配iOS 26时面临了如何实现原生的morph效果、精确控制Scroll Edge Effect和处理自定义导航栏元素的动态尺寸等挑战。
Grow是如何改造Sheet以展现Liquid Glass效果的？
在Sheet改造中，Grow移除了自定义背景以展现Liquid Glass效果，并通过ToolbarItem激活Scroll Edge Effect。
Grow在Navigation改造中采取了哪些措施？
Grow使用UINavigationController并恢复了原生UINavigationBar，以提高开发效率和统一设计语言。
如何在Grow中实现Morph Menu效果？
Grow通过使用popoverPresentationController将日期选择组件调整为自定义的popover menu形式来实现Morph Menu效果。
Grow是如何处理UIBarButtonItem的动态尺寸计算的？
Grow在UIBarButtonItem的尺寸计算中，通过设置sizingOptions为.intrinsicContentSize来确保内容尺寸的正确计算。
Grow的“玻璃文字”效果是如何实现的？
Grow通过Core Text实现可自定义内容的“玻璃文字”效果，利用CTFontCreatePathForGlyph将字形转换为CGPath进行渲染。
