You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

iOS 26中如何为SwiftUI液态玻璃按钮添加背景色

实现目标按钮背景效果的解决方案

目标效果:带有蓝色圆形背景、玻璃质感的白色对勾按钮
当前问题:按钮背景与玻璃效果未正确融合,达不到预期样式

问题出在修饰符的顺序和写法上,调整后即可实现需求:

.toolbar {
    ToolbarItem(placement: .topBarTrailing) {
        Button {
            dismiss()
        } label: {
            Image(systemName: "checkmark")
                .foregroundStyle(.white)
                .padding(8)
        }
        .background(.blue, in: .circle)
        .glassEffect(.regular.interactive())
    }
}

核心调整点:

  • 直接在background修饰符中指定圆形形状,让蓝色背景以圆形呈现,替代原写法中分开设置背景和玻璃效果形状的方式
  • 调整修饰符顺序:先配置按钮内部元素的样式,再为按钮添加背景和玻璃效果,确保样式叠加逻辑正确
  • 可根据需求调整padding值控制按钮大小,或替换glassEffect的参数(如.thin)调整玻璃质感强度

内容的提问来源于stack exchange,提问作者Vaibhav Kulkarni

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.12 04:42:08