Liquid Glass|使用 glassEffect() 修饰器

了解如何通过使用 glassEffect() 修饰器,为界面添加流动、半透明的材质效果,让应用呈现更具层次感和未来感的设计风格。

在 iOS 26 上,大多数 Toolbar、Tabview 以及 SwiftUI 原生控件,都已经默认支持了液态玻璃效果。对于自定义视图,苹果新增了 glassEffect 修饰器,用于为自定义视图添加液态玻璃效果。

自定义形状

glassEffect 提供了两个可选参数:_ glassin shape,分别用于控制液态玻璃的形状和效果。

glassEffect 默认会使用圆形或胶囊形状,你可以通过 in 参数来自定义形状。

在 Text 组件上使用

在 Label 组件上使用

自定义效果

glassEffect 默认会使用 .regular 效果,你可以自定义不同的预设样式与变体。以下是不同样式在深色模式下的效果。

.regular

.regular.interactive()

增加点击时的光影与放大效果,其他和 .regular 保持一致。

.clear

效果比 regular 更浅一些。

.clear.interactive()

同样的,添加了交互的光影和放大效果。

.clear.tint()

无论是 clear 还是 regular,都可以通过 tint 来设置强调色。但苹果提示谨慎使用改变体,应该仅在表示特定含义时使用它们,而不是作为常规的样式。

.identity.interactive()

默认不显示背景和边框,仅当用户点击时才显示。