SuperAPI AI 工具集

liquid-glass-design

设计与创作

查看项目

更新于 10-16 07:22

技能介绍

用途:实现 Apple 在 iOS 26 引入的灵动玻璃设计语言,为应用构建玻璃风格的按钮、卡片、工具栏、容器及小组件,并在 UI 状态间创建变形过渡。

主要能力:SwiftUI 提供 .glassEffect() 基础玻璃效果,支持 .regular 变体、.tint(Color) 色调、.interactive() 交互响应,以及 .capsule、.rect(cornerRadius:)、.circle 形状;按钮可用 .buttonStyle(.glass) 与 .glassProminent;GlassEffectContainer 用于多元素性能优化与变形,glassEffectUnion 合并形状,@Namespace 配合 glassEffectID 实现动画变形。UIKit 对应 UIGlassEffect(含 tintColor、isInteractive)、UIGlassContainerEffect(spacing)、滚动边缘效果与工具栏玻璃集成。WidgetKit 涉及 widgetRenderingMode 检测、widgetAccentable 强调组、widgetAccentedRenderingMode 与 containerBackground。

使用方式:在视图外观修饰符(frame、font、padding)之后应用 .glassEffect();多兄弟玻璃视图用 GlassEffectContainer 包裹,spacing 控制合并距离;视图层级变化时配合 withAnimation 实现变形。

限制与注意:应避免无容器的多个独立玻璃视图、过度嵌套玻璃、为每个视图都加玻璃效果;UIKit 圆角需设置 clipsToBounds;玻璃背后不宜使用不透明背景;需在不同外观及无障碍对比度下测试。资料未提供具体版本要求、价格或平台限制等更多信息。