Liquid Glass 设计系统 (iOS 26)

实现苹果 Liquid Glass 的模式指南——这是一种动态材质，会模糊其后的内容，反射周围内容的颜色和光线，并对触摸和指针交互做出反应。涵盖 SwiftUI、UIKit 和 WidgetKit 集成。

何时启用

• 为 iOS 26+ 构建或更新采用新设计语言的应用程序时
• 实现玻璃风格的按钮、卡片、工具栏或容器时
• 在玻璃元素之间创建变形过渡时
• 将 Liquid Glass 效果应用于小组件时
• 将现有的模糊/材质效果迁移到新的 Liquid Glass API 时

核心模式 — SwiftUI

基本玻璃效果

为任何视图添加 Liquid Glass 的最简单方法：

Text("Hello, World!")
    .font(.title)
    .padding()
    .glassEffect()  // Default: regular variant, capsule shape

自定义形状和色调

Text("Hello, World!")
    .font(.title)
    .padding()
    .glassEffect(.regular.tint(.orange).interactive(), in: .rect(cornerRadius: 16.0))

关键自定义选项：

• .regular — 标准玻璃效果
• .tint(Color) — 添加颜色色调以增强突出度
• .interactive() — 对触摸和指针交互做出反应
• 形状：.capsule（默认）、.rect(cornerRadius:)、.circle

玻璃按钮样式

Button("Click Me") { /* action */ }
    .buttonStyle(.glass)

Button("Important") { /* action */ }
    .buttonStyle(.glassProminent)

用于多个元素的 GlassEffectContainer

出于性能和变形考虑，始终将多个玻璃视图包装在一个容器中：

GlassEffectContainer(spacing: 40.0) {
    HStack(spacing: 40.0) {
        Image(systemName: "scribble.variable")
            .frame(width: 80.0, height: 80.0)
            .fo…