【SwiftUI系列】3.@State,@StateObject,@EnvriomentObject等包装器说明

news/2024/10/18 8:22:39/

上一篇介绍@State属性包装器的内部实现原理,今天介绍下属性包装器的使用规则。

前言

我们知道SwiftUI是用于在Apple所有平台上构建UI的现代框架,SwiftUI中一个比较重要的概念就是它能够在应用程序的不同部分之间管理和共享数据。那SwiftUI又是如何实现管理和共享数据呢?答案就是属性包装器。本篇将介绍包括@State,@StateObject,@Environment,@EnvironmentObject,ObservableObject, @Binding 在内的所有包装器。

包装器说明

SwiftUI 为我们的应用程序提供了 17 个属性包装器,每个属性包装器都提供不同的功能,下面分别进行介绍。

首先来个包装器整体的图示

上图能整体地说明包装器的分类。

包装器详细说明

下面罗列17个包装器的说明。

  • @AppStorage 从 UserDefaults 读取和写入值。

  • @Binding 引用另一个视图拥有的值类型数据。在本地更改绑定也会更改远程数据。

  • @Environment 允许我们从系统读取数据,例如配色方案,可访问性选项和特征集,但是如果需要,您可以在此处添加自己的密钥。

  • @EnvironmentObject 读取我们放入环境中的共享对象。

  • @FetchRequest 为特定实体启动核心数据获取请求。

  • @FocusedBinding 旨在监视键窗口中的值,例如当前选定的文本字段。

  • @FocusedValue 是 @FocusedBinding 的简单版本,不会为您解开绑定值。

  • @GestureState 存储与当前正在进行的手势关联的值,例如您滑动了多远,除非在手势停止时它将重置为其默认值。

  • @Namespace 创建一个动画名称空间,以允许匹配的几何效果,该效果可以由其他视图共享。

  • @NSApplicationDelegateAdaptor 用于创建类并将其注册为 macOS 应用程序的应用程序委托。

  • @ObservedObject 引用符合 ObservableObject 协议的外部类的实例。

  • @Published 附加到 ObservableObject 内的属性,并告诉 SwiftUI 它应该在更改此属性时刷新使用此属性的所有视图。

  • @ScaledMetric 会读取用户的动态类型设置,并根据您提供的原始值向上或向下缩放数字。

  • @SceneStorage 使我们可以保存和还原少量数据以进行状态还原。

  • @State 允许我们在视图本地操作少量的值类型数据。

  • @StateObject 用于存储符合 ObservableObject 协议的引用类型数据的新实例。

  • @UIApplicationDelegateAdaptor 用于创建一个类并将其注册为iOS应用程序的应用程序委托。

下面针对我们常用的几个包装器进行详细说明

@State

作用是:当前已经存在的视图内,创建了属性并监听属性状态变化。当状态发生变化时,系统会自动重新加载并更新最新变化的视图。 

代码实例

struct MyView:View {@State private var text = "hello"var body: some View {Text(text)}
}

上述代码是通过标记为@State属性的text,来监听状态变化,从而实现刷新视图的作用。

这里有几个注意点:

1.只能在当前视图使用,不能跨视图;

2.创建的属性对象必需为值类型,即基本数据类型(Int,String等)和结构体(Struct)。不能是引用类型(Class);

3.如果要在视图之间共享值,那就使用 @ObservedObject 或 @EnvironmentObject(他们是垮视图更新的)

4.使用@State,一般要标记为私用以增强其本地性。如下所示:

@State private var username = ""

@StateObject

作用是:在其中一个视图中创建引用类型(Class)并确保该类型在该视图以及与之共享的其他视图中仍然有效时使用。

简单来说,就是数据类型为Class之类的引用类型,且需要在多个视图间共享数据。那么就可以使用@StateObject

//当前视图创建:
class User: ObservableObject {var username = "@Bob"
}
//其他视图(包括当前视图)要使用User类。
struct ContentView: View {@StateObject var user = User()var body: some View {Text("Username: \(user.username)")}
}

这里有几个注意点:

1.@StateObject和@ObservedObject的作用一样(适用于引用类型且视图间共享)。但是他们有区别:@ObservedObject不持有该数据,有可能意外释放对象,从而导致程序崩溃;@StateObject是持有该数据的,所以安全性要好一些。

2.每个对象只能使用@StateObject一次(因为它是持有对象的),无论在哪个视图中创建对象都应使用 @StateObject;若要对象在所有其他视图共享,应该使用@ObservedObject。

@Environment

作用:@Environment 非常适合读取来自系统的固定属性。诸如Core Data对象上下文之类的信息;设备是处于暗模式还是亮模式,当前屏幕尺寸类渲染视图等等。

在代码实例中如下样子:

@Environment(\.horizontalSizeClass) var horizontalSizeClass

@Environment(\.managedObjectContext) var managedObjectContext

简单来说,读取系统默认数据。而非开发者自定义的数据。

@EnvironmentObject

作用是:创建的数据或对象,在整个应用程序内有效,可以随时随地的访问。相当于全局变量。

//当前视图创建:
class User: ObservableObject {var username = "@Bob"
}
//其他视图(包括当前视图)要使用User类。
struct ContentView: View {@StateObject var user = User()var body: some View {Text("Username: \(user.username)")}
}

@EnvironmentObject 与 @ObservedObject的异同:​​​​​​​

相同点:

必须是引用类型的。即为Class类型。

不同点:

@ObservableObject 的类,都可以在许多视图之间共享,并且都可以在发生重大更改时更新正在监视的所有视图。

@EnvironmentObject 不能当前视图创建并使用。明确表示“此对象将由某个外部实体提供,而不是由当前视图创建或专门传递。所以一般在AppDelegate启动的时候创建,在其他子界面使用。

@ObservedObject在以下两场景使用比较好:

1.拥有视图A,并且视图A拥有视图E所需的一些数据。简单来说,拥有父视图,然后其所有的子视图都可以使用@ObservedObject。

2.视图A需要将对象传递给视图B,然后将其传递给视图C,然后传递给视图D,最后传递给视图E – 所有中间视图都需要发送给对象,即使它们实际上并没有需要它。

注意点:

使用 @EnvironmentObject 的视图时,SwiftUI 将立即在环境中搜索正确类型的对象。如果找不到此类对象(即忘记创建对象或者忘记将其放置在环境中),则应用程序将立即崩溃。

@Binding 属性包装器

作用是:将一个值绑定到视图状态中,适用于不同视图间共享数据。特别是适合于从父视图传数据到子视图的场景。

//以下是代码所示:
struct ContentView: View {@State private var isShow = falsevar body: some View {VStack {// your code here}}.sheet(isPresented: $isShow) {// show the add user view}
}
struct AddView: View {@Binding var isPresented: Boolvar body: some View {Button("Dismiss") {isPresented = false}}
}

以上就是几个常用的包装器的作用和使用规则。​​​​​​​


http://www.ppmy.cn/news/1185641.html

相关文章

JVM虚拟机:从结构到指令让你对栈有足够的认识

本文重点 在前面的课程中,我们学习了运行时数据区的大概情况,从本文开始,我们将对一些组件进行详细的介绍,本文我们将学习栈。栈内存主管java的运行,是在线程创建时创建的,它是线程私有的,它的生命周期是跟随线程的生命期,也就是说线程结束栈内存就释放了,对于栈来说…

应用开发平台集成工作流系列之17——流程建模功能前端设计与改造回顾

背景 对于流程设置不友好的问题,国内钉钉另行设计与实现了一套流程建模模式,跟bpmn规范无关,有人仿照实现了下,并做了开源(https://github.com/StavinLi/Workflow-Vue3),效果图如下&#xff1a…

Python爬虫-经典案例详解

爬虫一般指从网络资源的抓取,通过Python语言的脚本特性,配置字符的处理非常灵活,Python有丰富的网络抓取模块,因而两者经常联系在一起Python就被叫作爬虫。爬虫可以抓取某个网站或者某个应用的内容提取有用的价值信息。有时还可以…

【软件安装环境配置】VsCode安装和配置各种环境(保姆级)

一、VsCode 下载 1.官网下载 网站:Visual Studio Code - Code Editing. Redefined 打开网站 点击Download 根据操作系统(macOS、Windows、Linux)和版本下载 下载到本地 注意: 若下载很慢,或者下着下着就暂停了 可…

【项目实训】书店管理系统(完整代码)

文章目录 1. 实验目标2. 实验设计3. 完整程序4. 程序分析5. 运行结果附:系列文章1. 实验目标 本实验旨在通过设计和实现一个简单的图书店管理系统,学习并应用Java编程语言的基本语法和面向对象编程的概念。 2. 实验设计 2.1 类设计 在本实验中,我们设计了以下几个类: …

kubernetes源码阅读与实战(3)

kubernetes源码二次开发系列 1、k8s二次开发之kubernetes开发概念 2、k8s二次开发之自定义的example展示 3、k8s二次开发之如何扩展kubernetes系统 4、k8s二次开发之kubernetes控制器的控制循环 5、k8s二次开发之kubernetes控制器的watch事件及event对象 6、k8s二次开发之…

3分钟搞定腾讯云轻量应用服务器和云服务器的区别

腾讯云轻量服务器和云服务器有什么区别?为什么轻量应用服务器价格便宜?是因为轻量服务器CPU内存性能比云服务器CVM性能差吗?轻量应用服务器适合中小企业或个人开发者搭建企业官网、博客论坛、微信小程序或开发测试环境,云服务器CV…

基于AliO Things和阿里云的智能环境监控系统。

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、实习内容二、实习方法2.1搭建开发环境并完成编译2.1.1 正常完成编译的标志2.1.2 编写实例烧录程序,并完成烧录 2.2按键实现流水灯2.2.1 HaaS ED…