如何解决在快速用户界面中点击按钮时如何更改背景颜色和图像?
我想更改背景颜色,并在选择点上添加一个好的按钮图像。我怎样才能做到这一点 ?我确实知道如何更改背景颜色,但是我不确定如何添加确认图像。我应该为此使用ZStack还是有其他方法?
HStack {
Button(action: {
self.tap1.toggle()
}) {
Text("")
.padding(.horizontal,10)
.padding(.vertical,5)
.background((self.tap1) ? Color(.gray) : Color(.blue)
.cornerRadius(4)
.padding(.leading,40)
}
Spacer()
Text("Diyabet")
.font(.system(size: 20,weight: .regular,design: .rounded))
.padding(.trailing,200)
Spacer()
}.padding(.bottom,20)
HStack {
Button(action: {
self.tap2.toggle()
}) {
Text("")
.padding(.horizontal,5)
.background(self.tap2 ? Color(.gray) : Color(.blue)
.cornerRadius(4)
.padding(.leading,40)
}
Spacer()
Text("Yüksek Tansiyon")
.font(.system(size: 20,130)
Spacer()
}.padding(.bottom,20)
HStack {
Button(action: {
self.tap3.toggle()
}) {
Text("")
.padding(.horizontal,5)
.background(self.tap3 ? Color(.gray) : Color(.blue)
.cornerRadius(4)
.padding(.leading,40)
}
Spacer()
Text("Kalp ve Damar Hastalıkları")
.font(.system(size: 20,45)
Spacer()
}.padding(.bottom,20)
解决方法
@State private var pressed = false
var body: some View {
ZStack {
Button(action: {
self.pressed.toggle()
}) {
ZStack {
Rectangle().fill(self.pressed ? Color.blue : Color.gray)
if self.pressed {
Image(systemName: "checkmark")
}
}
}
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。