SuperAPI AI 工具集

liquid-glass

设计与创作

查看项目

更新于 10-15 22:11

技能介绍

用途:在 Apple 平台(iOS 26+、macOS 26 Tahoe+ 等)用 SwiftUI 构建或迁移采用 Liquid Glass 设计语言的应用。Liquid Glass 是仅用于导航层(工具栏、标签栏、按钮、控件)的半透明动态材质,会实时折射光线、响应设备运动并适配背景,不应施加于列表、表格、媒体、文本等内容本身。

主要能力:glassEffect(_:in:) 为自定义视图添加玻璃效果,支持 .regular、.clear、.identity 样式及 tint、interactive(仅 iOS);GlassEffectContainer 让相邻玻璃元素共享容器以保持一致与形变;配合 @Namespace 与 glassEffectID 实现形变过渡;backgroundExtensionEffect() 扩展并模糊导航元素后的内容;.buttonStyle(.glass) 与 .glassProminent 提供玻璃按钮;工具栏与标签栏在 Xcode 26 编译时自动采用玻璃样式,可用 ToolbarSpacer、ToolbarItemGroup 布局,tabBarMinimizeBehavior 控制滚动收起;部分高度 sheet 自动获得玻璃背景。

使用方式:用 Xcode 26 SDK 编译,系统组件自动采用玻璃;移除自定义工具栏背景,将导航元素上的自定义材质替换为玻璃修饰符;把成组玻璃元素包进 GlassEffectContainer;为英雄图添加 backgroundExtensionEffect();更新 SF Symbol 变体;测试辅助功能(降低透明度、增强对比度、减弱动态效果)。实现时建议查阅最新 Apple 开发者文档,API 可能在测试版间变化。

适用场景:新建或迁移 SwiftUI 应用、构建玻璃导航与控件、实现玻璃形变与过渡、适配多平台布局。

限制:玻璃不能采样其他玻璃,元素须置于容器内;rotationEffect 会导致形状形变,需桥接 UIKit 的 UIGlassEffect;带玻璃的菜单标签可能产生动画异常;命中测试仅作用于内容,需用 contentShape() 修复;多个玻璃效果会创建多个 CABackdropLayer 实例,应使用容器分组。平台差异(如 macOS 需 .tint(.clear)、iPadOS 网格更大)与迁移细节见技能内参考文档。具体收费、价格与平台支持范围资料未提供。