📚AI 编程官方教程中文版
官方教程中文版实战场景

适配 Apple Liquid Glass 视觉体系

把现有 SwiftUI app 迁移到 Liquid Glass,不应该从“整体重设计”开始。更稳的方式是把它当成 iOS 26 + Xcode 26 migr

把现有 SwiftUI app 迁移到 Liquid Glass,不应该从“整体重设计”开始。更稳的方式是把它当成 iOS 26 + Xcode 26 migration:先审计一个高流量 flow,再用 native Liquid Glass APIs 替换 custom blur/material stacks,并为早于 iOS 26 的设备保留 fallback。

官方页面:https://developers.openai.com/codex/use-cases/ios-liquid-glass

适合什么任务

场景Codex 应该做什么
现有 SwiftUI app 需要实际 iOS 26 Liquid Glass 迁移计划审计现有 UI,先迁移一个 flow
app 里有 custom cards、sheets、tab bars、toolbars、action buttons判断哪些应变成 native Liquid Glass,哪些应保持 plain content
app 仍支持旧 iOS 版本使用 #available(iOS 26, *) gate 新 API,并保留非 glass fallback

使用的能力

能力用法链接
build-ios-apps使用 SwiftUI Liquid Glass、SwiftUI UI patterns 和 simulator debugging skills,现代化 iOS screens,并在 iOS 26 simulators 上验证https://github.com/openai/plugins/tree/main/plugins/build-ios-apps

相关官方说明:

起始提示词

请使用 Build iOS Apps plugin 和其中的 SwiftUI Liquid Glass skill,把这个 app 中一个高流量 flow 迁移到 Liquid Glass。

约束:
- 把它当作 iOS 26 + Xcode 26 migration 处理,但要用 `#available(iOS 26, *)` 为更早 deployment targets 保留 non-glass fallback。
- 先 audit 这个 flow。指出哪些 custom backgrounds、blur stacks、chips、buttons、sheets 和 toolbars 应该变成 native Liquid Glass,也指出哪些 surfaces 应该保持 plain content。
- 优先使用 system controls 和 native APIs,例如 `glassEffect`、`GlassEffectContainer`、`glassEffectID`、`.buttonStyle(.glass)` 和 `.buttonStyle(.glassProminent)`,不要用 custom blurs 重造。只有当真实 morphing transition 能改善 flow 时,才结合 `@Namespace` 使用 `glassEffectID`。
- 在 layout 和 visual modifiers 之后应用 `glassEffect`,保持 shapes 一致,只在真正响应 touch 的 controls 上使用 `.interactive()`。
- 使用 XcodeBuildMCP 在 iOS 26 simulator 上 build 和 run,为迁移后的 flow 捕获 screenshots,并明确说明使用了哪个 scheme、simulator 和 checks。

交付:
- 这个 flow 的简洁 migration plan
- 已实现的 Liquid Glass slice
- pre-iOS 26 devices 上的 fallback behavior
- 使用过的 simulator validation steps 和 screenshots

这个 prompt 先要求 audit,再要求实现一个 self-contained slice,并强制写清楚 simulator validation。

推荐技术面

需要推荐默认值原因
Liquid Glass UI APIsSwiftUI + glassEffectGlassEffectContainer、glass button styles优先使用 native APIs,移除 custom blur layers
Platform baselineiOS 26 and Xcode 26Liquid Glass 随 iOS 26 SDK 提供,Codex 应使用 Xcode 26 编译并显式添加旧系统 fallback
Simulator validationXcodeBuildMCPvisual migration 需要 build、launch、screenshot 和 log inspection

从 iOS 26 Baseline 开始

先用 iOS 26 SDK 重新 build app,看看 standard SwiftUI controls 自动获得了什么效果。只有 custom parts 仍然过平、过重或脱离 system chrome 时,再让 Codex 迁移。

如果 app deployment target 低于 iOS 26,prompt 里必须提前写明。SwiftUI Liquid Glass skill 应该用 #available(iOS 26, *) 保护 glass-only APIs,并保留在旧设备上仍可读的 fallback path。

使用 iOS Plugin

Liquid Glass 任务里,Build iOS Apps plugin 的实用模式是:

  1. 审计一个 flow。
  2. 迁移一小组 surfaces。
  3. 在 iOS 26 simulator 上 launch。
  4. 截图后再扩大 scope。

默认规则可以直接写进 prompt:

  • 优先使用 native glassEffectGlassEffectContainer、glass button styles 和 glassEffectID transitions,不用 custom blur views 重造材质系统。
  • .glassEffect(...) 放在 layout 和 visual modifiers 后面,让 material 包住最终 shape。
  • 多个相关 glass surfaces 一起出现时,用 GlassEffectContainer 包起来。
  • .interactive() 只用于真的响应 touch 的 buttons、chips、controls。
  • corner shapes、tinting、spacing 在 feature 内保持一致。
  • pre-iOS 26 targets 保留 non-glass fallback。

WWDC 参考

开始迁移真实 production flow 前,先看这些 WWDC25 session:

实用建议

不要把所有东西都玻璃化

Liquid Glass 应该在内容上方形成清楚的 control layer,而不是把每张 card 都变成发光面板。阅读优先的 content 应保持 plain;tinting 留给 semantic emphasis 或 primary actions。

先做一个高流量 Flow

tab root、detail screen、sheet、search surface 或 onboarding flow 通常比全 app sweep 更适合第一轮迁移。这样 review 更容易,也更容易沉淀 reusable component patterns。

有意 review fallback

如果 deployment target 低于 iOS 26,让 Codex 同时展示 Liquid Glass version 和 fallback implementation。这样能提前发现 API availability regression。

On this page