在我的代码下面,我有一个设置,其中有4个按钮,每当我按下一个按钮时,它就相当于一个切换按钮(如单选按钮)。我想要实现的是在按下其中一个按钮时将所有其他按钮变成灰色。一次只能一个按钮为绿色或活动状态。
struct hzButton: View {
var text: String
@State var didTap: Bool
var body: some View {
Button(action: {
if self.didTap == true{
self.didTap = false
}else{
self.didTap = true
}
selectFreq(frequency: self.text)
}) {
Text(text)
.font(.body)
.fontWeight(.semibold)
.foregroundColor(Color.white)
.multilineTextAlignment(.center)
.padding(.all)
.background(didTap ? Color.green : Color.gray)
.cornerRadius(6.0)
}
.frame(width: nil)
}
}
struct Row: Identifiable {
let id = UUID()
let headline: String
let numbers: [String]
}
struct ContentView: View {
var rows = [
Row(headline: "", numbers: ["250","500","750","1000"]),
]
var body: some View {
HStack {
ForEach(rows) { row in
HStack {
ForEach(row.numbers, id: \.self) { text in
hzButton(text: text, didTap: false)
}
}
}
}
}
}
答案 0 :(得分:2)
在SwiftUI中,一切都是由状态更改触发的。要实现单选按钮样式更改,您需要执行以下操作:
struct MyRadioButton: View {
let id: Int
@Binding var currentlySelectedId: Int
var body: some View {
Button(action: { self.currentlySelectedId = self.id }, label: { Text("Tap Me!") })
.foregroundColor(id == currentlySelectedId ? .green : .red)
}
}
struct MyRadioButtons: View {
@State var currentlySelectedId: Int = 0
var body: some View {
VStack {
MyRadioButton(id: 1, currentlySelectedId: $currentlySelectedId)
MyRadioButton(id: 2, currentlySelectedId: $currentlySelectedId)
MyRadioButton(id: 3, currentlySelectedId: $currentlySelectedId)
MyRadioButton(id: 4, currentlySelectedId: $currentlySelectedId)
}
}
}
当共享的currentlySelectedId更改时,所有依赖于该状态的按钮都会相应更新。
答案 1 :(得分:1)
与其将其视为4个单独的按钮(每个按钮具有各自的开/关状态),不如将其视为一个整体,以及它们如何表示单个当前值状态。然后,当每个按钮确定其背景颜色时,它可以考虑“我的值是否与当前选择的值匹配?”。因此,不要在点击按钮时切换布尔值,而是让按钮使用自己的值更新当前选择的值(在组中的所有按钮之间共享)。