研究了一下 iOS 27 的顶部渐进模糊实现。

简注

关于此条目。

研究了一下 iOS 27 的顶部渐进模糊实现。 基本分为这几种： 1. 原生的 .topEdgeEffect(.hard)：iOS 27 进行了视觉调整，有一个明显的分割效果。 2. 原生的 .topEdgeEffect(.soft)：个人觉得显示效果最舒服的一个，iMessage 目前还在用。 3. 原生的任务栏自动模糊：范围比较小，只能模糊任务栏附近的内容。 4. 给 Material 加了渐变遮罩：这个应该是显示效果最糟糕的一种，整体看来雾蒙蒙的。假模糊。 5. 自定义路线：Linear 有一篇文章写它们怎么实现渐进模糊的 -> 「这是 Apple 内部依赖但并未通过公开 API 暴露的细节，因此我们不得不另辟蹊径。我们在其上叠加了一层微妙的颜色遮罩，以匹配 Apple 在全系统范围内使用的柔和边缘。」 另外想吐槽一点，每次更新 ChatGPT iOS，顶部的渐进模糊都会改，有些时候没有了，有些时候变成 .soft，有些时候又变成了任务栏模糊，这个产品决策有这么难琢磨吗。 #SwiftUI