主页 / coding / 问题 / 79135653
Accepted
Manngo
Asked: 2024-10-29 10:15:10 +0800 CST

动态更新 ButtonStyle

  • 772

我正在尝试创建一个ButtonStyle响应状态变化的自定义。我无法让它在状态改变时更新。

以下是简化版本：

struct TestButton: ButtonStyle {
    @State var selected: Bool = true
    func makeBody(configuration: ButtonStyleConfiguration) -> some View {
        configuration.label
            .frame(width: 48)
            .padding(EdgeInsets(top: 3, leading: 4, bottom: 3, trailing: 4))
            .background(selected ? .green : .red)
            .cornerRadius(14)
    }
}

struct TestView: View {
    @AppStorage("test") var test = 1
    var body: some View {
        HStack {
            Button(test == 1 ? "Yes" : "No") { test = 1 }
                .buttonStyle(TestButton(selected: test == 1))
            Button(test == 2 ? "Yes" : "No") { test = 2 }
                .buttonStyle(TestButton(selected: test == 2))
            Button(test == 3 ? "Yes" : "No") { test = 3 }
                .buttonStyle(TestButton(selected: test == 3))
        }
//      .id(UUID())     //  trying to avoid this
        .padding()
    }
}

该变量test由按钮设置，我希望它改变按钮的外观。test == …当文本在Yes和之间切换时，测试正常运行No。但是，当我将它与selected参数一起使用时，它不会改变任何东西。它在视图首次加载时设置值，但不会更新。

视图中的变量使用@AppStorage，但我尝试过@State并得到相同的结果。

我知道我可以通过添加来伪造它.id(UUID())，但我不确定这是否是最好的方法。

我怎样才能更新ButtonStyle？

swiftui

1 个回答

  1. Best Answer

    只需将其定义selected为普通属性即可。这是一个例子，我只是将其更改@AppStorage为@State更容易测试：

    struct TestButton: ButtonStyle {
    let selected: Bool
    func makeBody(configuration: ButtonStyleConfiguration) -> some View {
        configuration.label
            .frame(width: 48)
            .padding(EdgeInsets(top: 3, leading: 4, bottom: 3, trailing: 4))
            .background(selected ? .green : .red)
            .cornerRadius(14)
    }
}
    
struct TestView: View {
    @State var test = 1
    var body: some View {
        HStack {
            Button(test == 1 ? "Yes" : "No") { test = 1 }
                .buttonStyle(TestButton(selected: test == 1))
            Button(test == 2 ? "Yes" : "No") { test = 2 }
                .buttonStyle(TestButton(selected: test == 2))
            Button(test == 3 ? "Yes" : "No") { test = 3 }
                .buttonStyle(TestButton(selected: test == 3))
        }
        .padding()
    }
}

    @State var selected在中使用时ButtonStyle，它只会在身份创建时接收值，这会增加.id(UUID())工作量，因为它会导致当前 ButtonStyle 被销毁，并Identity创建一个新的 ButtonStyle，因此ButtonStyle会接收selected更改。我建议您观看“揭秘 SwiftUI”以加深理解。

    在此处输入图片描述

    • 1

相关问题