SwiftUI中如何将Material设置为完全透明以实现可聚焦视图背景切换

SwiftUI 内置的Material类型没有提供完全透明的预置枚举值，不需要强制将背景限定为单一Material类型变量，有两种可直接落地的实现方案：

方案1：条件渲染背景（最推荐） #

直接根据聚焦状态动态切换背景内容，不需要额外定义Material类型的状态变量，代码更简洁易维护：

@FocusState private var elementFocused: Bool

// 视图部分
Text("Lorem Ipsum ...")
    .padding()
    .focusable()
    .focused($elementFocused)
    .background {
        RoundedRectangle(cornerRadius: 8)
            .fill(elementFocused ? .ultraThinMaterial : .clear)
    }
    .animation(.easeInOut, value: elementFocused)

该方案默认状态下使用Color.clear实现完全透明背景，聚焦时加载半透明材质，不需要额外通过onChange监听状态变更，SwiftUI 的状态驱动机制会自动触发视图刷新，完全适配所有支持Material的 Apple 平台。

方案2：通过透明度控制材质显隐 #

如果你的业务逻辑需要保留Material类型的状态变量做其他处理，可以只给背景材质添加透明度控制，不会影响文本本身的显示效果：

@State private var plotBackground: Material = .ultraThin
@FocusState private var elementFocused: Bool

// 视图部分
Text("Lorem Ipsum ...")
    .padding()
    .focusable()
    .focused($elementFocused)
    .background(
        RoundedRectangle(cornerRadius: 8)
            .fill(plotBackground)
            .opacity(elementFocused ? 1 : 0)
    )
    .animation(.easeInOut, value: elementFocused)

内容的提问来源于stack exchange，提问作者kernelpanic