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
相关产品推荐
相关产品推荐

