美文网首页iOSSwiftUI教程与源码
SwiftUI内功之Environment深入研究与使用

SwiftUI内功之Environment深入研究与使用

作者: iCloudEnd | 来源:发表于2020-02-27 19:53 被阅读0次

    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,horizo​​ntalSizeClass,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,但我喜欢环境的概念。正如您所看到的,它允许我们配置应用程序的视图层次结构,并开箱即用进行不错的依赖注入。

    相关文章

      网友评论

        本文标题:SwiftUI内功之Environment深入研究与使用

        本文链接:https://www.haomeiwen.com/subject/igwxhhtx.html