Environment是SwiftUI的独特功能之一,这是我们以前在UIKit中所没有的。今天,我想向您展示在您的应用程序中使用环境的所有好处。
Environment
在SwiftUI中创建并启动您的第一个View时,框架会为其生成Environment。 SwiftUI是自动创建的,我们不需要做任何事情。 SwiftUI使用Environment来传递系统范围的设置,例如ContentSizeCategory,LayoutDirection,ColorScheme等。Environment还包含特定于应用程序的内容,例如UndoManager和NSManagedObjectContext。您可以在EnvironmentValues结构文档中找到传递值的完整列表。让我们看一个访问环境值的示例
import SwiftUI
struct ButtonsView: View {
@Environment(\.sizeCategory) var sizeCategory
var body: some View {
Group {
if sizeCategory == .accessibilityExtraExtraExtraLarge {
VStack {
Button("中国"){}
Button("美国"){}
Button("日本"){}
}
} else {
HStack {
Button("中国"){}
Button("美国"){}
Button("日本"){}
}
}
}
}
}
struct ContentView: View {
var body: some View {
ButtonsView()
}
}
通过使用@Environment属性包装器,我们可以读取/写入和订阅所选值的更改。在这里,我们有一个ButtonsView,它从Environment读取Dynamic Type值,然后根据大小类别值将按钮放在VStack或HStack中。用户可以在系统设置中更改“动态类型”值,一旦发生,SwiftUI将重新创建ButtonsView以遵守更改。
现在,让我们看看如何修改环境值。在SwiftUI中,没有像Controllers或Views这样的分隔符。一切都是视图,因此,通过向根视图添加环境修饰符,我们可以轻松地为应用程序的整个视图层次结构修改Environment。
func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
let contentView = ContentView()
// Use a UIHostingController as window root view controller.
if let windowScene = scene as? UIWindowScene {
let window = UIWindow(windowScene: windowScene)
window.rootViewController = UIHostingController(
rootView: contentView.environment(\.sizeCategory, .accessibilityExtraExtraExtraLarge)
)
self.window = window
window.makeKeyAndVisible()
}
}
在上面的示例中,我们使应用程序中的所有文本居中对齐,行距为8pt,没有任何行数限制。
Environment inheritance
默认情况下,SwiftUI中的每个视图都从其父视图继承Environment。但是请记住,通过附加环境修饰符,可以在创建子视图时覆盖所需的任何值。
struct RootView {
var body: some View {
PlayerView()
.environment(\.layoutDirection, .leftToRight)
}
}
struct PlayerView: View {
var body: some View {
HStack {
Button("previous") {
}
Button("play") {
}
Button("next") {
}
}
}
}
我们不需要更改从右至左语言环境的按钮顺序。这就是RootView在PlayerView上将布局方向设置为leftToRight的原因。请务必了解,此修改仅适用于PlayerView及其所有子视图。
View specific Environment values
我们已经介绍了SwiftUI如何通过环境传递系统范围的设置,但这还不是全部。 SwiftUI使用Environment注入当前视图特定的值,例如isEnabled,editMode,presentationMode,horizontalSizeClass,verticalSizeClass等。
struct ModalView: View {
@Environment(\.presentationMode) var presentation
var body: some View {
Button("dismiss") {
self.presentation.value.dismiss()
}
}
}
在这里,我们使用当前视图的特定环境值来dismiss模态视图。
Dependency Injection via Environment
环境的另一个重要用例是依赖注入。每个视图都有其父级Environment的副本,我们可以使用它来添加与当前视图相关的所有ObservableObject。
struct CalendarView : View {
@EnvironmentObject var store: CalendarStore
var body: some View {
NavigationView {
List {
ForEach(self.store.sleeps) { sleep in
NavigationLink(
destination: SleepDetailsView()
.environmentObject(SleepStore(sleep: sleep))
) {
CalendarRow(sleep: sleep)
}
}
}
}.navigationBarTitle("calendar")
}
}
在上面的示例中,我们使用环境对象修饰符传递 SleepStore 对象的实例。SleepStore 应符合可观察对象协议,SwiftUI 使用该协议在数据更改期间重新创建视图。
使用环境而不是通过视图的 init 方法传递可观察对象的主要好处是内部 SwiftUI 存储。SwiftUI 将环境存储在视图外部的特殊框架内存中。它为所有子视图提供了对特定于视图的环境的隐式访问。
结论
尽管我使用 SwiftUI,但我喜欢环境的概念。正如您所看到的,它允许我们配置应用程序的视图层次结构,并开箱即用进行不错的依赖注入。
网友评论