在一组按钮上执行Swiftui foreach循环
在一组按钮上执行Swiftui foreach循环
提问于 2020-02-02 09:09:33
当按下循环中的一个按钮时，其背景颜色变为红色，而当按下另一个按钮时，其颜色也变为红色。但是剩余的按钮仍然是红色的，不会再次变为蓝色。我如何才能只将按下的按钮更改为红色，而将其他按钮更改为蓝色？
struct Box: Identifiable {
var id: Int
var title: String
}
struct MainView: View {
let boxes:[Box] = [
Box(id: 0, title: "Home"),
Box(id: 1, title: "Subjects"),
Box(id: 2, title: "attendence"),
Box(id: 3, title: "H.W"),
Box(id: 4, title: "Quizes"),
Box(id: 5, title: "class schedule"),
Box(id: 6, title: "Exam Schedule"),
Box(id: 7, title: "Inbox"),
Box(id: 8, title: "Evalouation"),
]
@Binding var showMenu: Bool
var body: some View{
VStack {
ScrollView(.horizontal,showsIndicators: false){
HStack{
ForEach(boxes, id: \.id) {
box in
BoxView(box: box)
}
}
}
}.padding()
}
}
struct BoxView: View {
@State var selectedBtn: Int = 1
var box: Box
var body: some View{
Button(action: {
self.selectedBtn = self.box.id
}){
Text(box.title)
.foregroundColor(.white)
}
.frame(width: 130, height: 50)
.background(self.selectedBtn == self.box.id ? Color.red : Color.blue)
.cornerRadius(25)
.shadow(radius: 10)
.padding(10)
}
}回答 1
Stack Overflow用户
回答已采纳
发布于 2020-02-02 11:45:44
这是可行的：
1)向MainView添加跟踪所选按钮的@State
2)将此状态作为绑定传递给BoxView
3)在BoxView上将@State改为@Binding (= in-out状态)
struct MainView: View {
[...]
@Binding var showMenu: Bool
@State var selected = 0 // 1
var body: some View{
VStack {
ScrollView(.horizontal,showsIndicators: false){
HStack{
ForEach(boxes, id: \.id) { box in
BoxView(box: box, selectedBtn: self.$selected) // 2
}
}
}
}.padding()
}
}
struct BoxView: View {
var box: Box
@Binding var selectedBtn: Int // 3
var body: some View{
Button(action: {
self.selectedBtn = self.box.id
}){
Text(box.title)
.foregroundColor(.white)
}
.frame(width: 130, height: 50)
.background(self.selectedBtn == self.box.id ? Color.red : Color.blue)
.cornerRadius(25)
.shadow(radius: 10)
.padding(10)
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60022471
复制相关文章
相似问题
腾讯云开发者
