SuperAPI AI 工具集

liquid-glass-design

前端与建站

查看项目

更新于 10-16 05:05

技能介绍

用途:为 iOS 26+ 应用实现 Apple 的 Liquid Glass 动态材质,覆盖 SwiftUI、UIKit、WidgetKit。主要能力:SwiftUI 用 .glassEffect() 为任意视图添加玻璃效果,可选 .regular、.tint(Color)、.interactive(),形状支持 .capsule(默认)、.rect(cornerRadius:)、.circle;按钮用 .buttonStyle(.glass) 与 .glassProminent;多个玻璃视图需用 GlassEffectContainer(spacing:) 包裹以提升性能并支持合并变形,spacing 控制合并距离;glassEffectUnion 可将多视图合并为单一玻璃形状,配合 @Namespace 与 glassEffectID 实现出现/消失的平滑变形,需用 withAnimation 触发。UIKit 用 UIGlassEffect(可设 tintColor、isInteractive)配合 UIVisualEffectView,多元素用 UIGlassContainerEffect(spacing),滚动边缘用 topEdgeEffect/bottomEdgeEffect,工具栏按钮可用 hidesSharedBackground 退出共享玻璃背景。WidgetKit 通过 @Environment(.widgetRenderingMode) 区分 accented 模式,用 widgetAccentable() 划分强调组,图片用 widgetAccentedRenderingMode,容器背景用 containerBackground(for: .widget)。使用限制与建议:多同级视图务必使用容器;.glassEffect() 放在 frame、font、padding 等外观修饰符之后;仅对可交互元素用 .interactive();避免嵌套过多玻璃、避免给所有视图加玻璃、避免玻璃后面用不透明背景;UIKit 设圆角时记得 clipsToBounds = true;需在浅色、深色、强调/着色模式及无障碍对比度下测试。资料未提供安装命令、价格或平台支持范围。