SwiftUI液态玻璃开发

技能简介

本技能用于在iOS 26及以上系统中实现、审查或改进基于Liquid Glass API的SwiftUI界面特性，涵盖玻璃效果的正确应用、性能考量与设计一致性检查。

能做什么

• 为新功能设计并实施Liquid Glass视觉风格
• 将现有界面重构为玻璃效果组件
• 审查代码中玻璃API的使用正确性与性能表现
• 处理多层级玻璃元素的容器组合与间距调整
• 配置交互式玻璃响应与形态变换动画

使用说明

1. 环境准备：确保Xcode支持iOS 26 SDK，项目部署目标需兼容旧版本以提供降级方案
2. 安装配置：无需额外依赖，直接使用系统原生API。在视图中引入可用性检查：#available(iOS 26, *)
3. 基础用法：对目标视图链式调用.glassEffect()修饰符，置于布局修饰符之后
4. 容器封装：多个相邻玻璃元素应嵌入GlassEffectContainer统一管理间距与渲染
5. 交互配置：对可点击元素添加.interactive()启用触控反馈
6. 按钮样式：操作按钮采用.buttonStyle(.glass)或.glassProminent
7. 降级处理：为iOS 25及以下版本提供.ultraThinMaterial等替代材质

输入与输出

见下方输入与输出表格。

风险提示

• 未做版本可用性检查将导致旧系统崩溃
• 过度使用玻璃效果可能引发渲染性能下降
• 修饰符顺序错误会造成视觉效果异常
• 缺少降级方案影响旧版本用户体验
• 非交互元素误加interactive()产生多余开销

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/steipete/swiftui-liquid-glass/SKILL.md
来源类型：GitHub技能仓库