SwiftUI:属性装饰器的理解@State,@Binding,@ObservedObject,@Published,@Environment,@EnvironmentObject

@State

@State属性允许你修改Struct的属性,这些属性在普通的Struct里面是不允许修改的。通过使用@State修饰器我们可以关联出 View 的状态. SwiftUI 将会把使用过 @State 修饰器的属性存储到一个特殊的内存区域,并且这个区域和 View struct 是隔离的. 当 @State 装饰过的属性发生了变化,SwiftUI 会根据新的属性值重新创建视图。

建议把@State包装的属性都设置成私有

@State private var username = ""

@Binding

有时候我们会把一个视图的属性传至子节点中,但是又不能直接的传递给子节点,因为在 Swift 中值的传递形式是值类型传递方式,也就是传递给子节点的是一个拷贝过的值。但是通过 @Binding 修饰器修饰后,属性变成了一个引用类型,传递变成了引用传递,这样父子视图的状态就能关联起来了。

struct ContentView: View {
    @State private var showingAddUser = false

    var body: some View {
        VStack {
        }
    }
    .sheet(isPresented: $showingAddUser) {
        AddView(isPresented: self.$showingAddUser)
    }
}

struct AddView: View {
    @Binding var isPresented: Bool

    var body: some View {
        Button("Dismiss") {
            self.isPresented = false
        }
    }
}

@ObservedObject

@ObservedObject 的用处和 @State 非常相似,从名字看来它是来修饰一个对象的,这个对象可以给多个独立的 View 使用。如果你用 @ObservedObject 来修饰一个对象,那么那个对象必须要实现 ObservableObject 协议,也就是说必须是class对象,不能是struct。然后用 @Published 修饰对象里属性,表示这个属性是需要被 SwiftUI 监听的

class Order: ObservableObject {
    @Published var items = [String]()
}

struct ContentView: View {
    @EnvironmentObject var order: Order

    var body: some View {
    }
}

@Published

@Published 允许我们创建出能够被自动观察的对象属性,SwiftUI会自动监视这个属性,一旦发生了改变,会自动修改与该属性绑定的界面。首先需要遵循ObservableObject属性,所以必须是 class ,不能是Struct

class Order: ObservableObject {
    @Published var items = [String]()
}

@EnvironmentObject

从名字上可以看出,这个修饰器是针对全局环境的。通过它,我们可以避免在初始 View 时创建 ObservableObject, 而是从环境中获取 ObservableObject

class Order: ObservableObject {
    @Published var items = [String]()
}

struct ContentView: View {
    @EnvironmentObject var order: Order

    var body: some View {
    }
}

@Environment

SwiftUI 本身就有很多系统级别的设定,我们可以通过 @Environment 来获取到它们

    @Environment(\.calendar) var calendar: Calendar
    @Environment(\.locale) var locale: Locale
    @Environment(\.colorScheme) var colorScheme: ColorScheme
	@Environment(\.horizontalSizeClass) var horizontalSizeClass
	@Environment(\.managedObjectContext) var managedObjectContext
SwiftUI中,@State属性包装器用于标记某个属性为状态属性,该属性的变化将自动触发视图的刷新。然而,在初始化器中,我们无法直接更改@State属性的值。 这是因为初始化器是在视图初始化之前被调用的,此时视图的生命周期还未开始,@State属性还没有被实例化。因此,在初始化器中对@State属性进行更改是没有意义的,也无法触发视图的刷新。 如果需要在初始化器中对属性进行更改,可以使用@Binding或@ObservedObject属性包装器来替代@State。@Binding用于传递一个属性的引用,使其可以在视图之间进行更改和通信。@ObservedObject用于引用外部的可观察对象,通过该对象的绑定属性来进行状态的更改和通知。 以@Binding为例,可以在初始化器中接受一个@Binding参数并将其赋值给一个属性。然后,在视图中,通过修改这个@Binding属性的值来实现对状态的更改。 例如,假设有一个视图需根据某个开关的状态来显示或隐藏某个元素。我们可以在初始化器中接受一个@Binding<Bool>类型的参数,并将其赋值给一个名为isOn的属性。 ```swift struct ContentView: View { @Binding var isOn: Bool init(isOn: Binding<Bool>) { _isOn = isOn } var body: some View { if isOn { Text("Hello, SwiftUI!") } else { EmptyView() } } } ``` 然后,在父视图中,通过传入一个@State属性的引用来创建ContentView,并在需要时更改@Binding属性的值,即可实现对状态的更改和视图的刷新。 ```swift struct ParentView: View { @State private var isToggleOn = true var body: some View { VStack { Toggle("Toggle", isOn: $isToggleOn) ContentView(isOn: $isToggleOn) } } } ``` 这样,在切换Toggle开关时,ContentView的显示或隐藏将实时更新,从而实现了状态的更改和视图的刷新。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wuwuFQ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值