SwiftUI 简明教程之属性包装器
本文为 Eul 样章,如果您喜欢,请移步 AppStore/Eul 查看更多内容。
Eul 是一款 SwiftUI & Combine 教程 App(iOS、macOS),以文章(文字、图片、代码)配合真机示例(Xcode 12+、iOS 14+,macOS 11+)的形式呈现给读者。笔者意在尽可能使用简洁明了的语言阐述 SwiftUI & Combine 相关的知识,使读者能快速掌握并在 iOS 开发中实践。
常用属性包装器
SwiftUI 提供了许多的属性包装器(Property Wrapper),极大简化了我们的工作。属性包装器,实际上是对声明的属性做了一层封装,在内部实现了一些我们看不见的操作。
下面会在概念和使用上简介 SwiftUI 中常用的属性包装器,不在代码层面做具体演示。更详细的内容可以参见我的两篇文章:
@State
在当前 View 中声明,通常使用 private 修饰,当修饰的属性值改变时,界面会随之更新。
@Binding
接收从外部对象传入的绑定值,同时可以将属性的变化回传给外部对象,即数据是双向绑定的。如 A 的属性 @State private var value: String
传入 B 的属性 @Binding var value: String
,当 B 中的 value 值改变时, A 的 value 也会更新。
@Environment
访问预设的环境变量,如系统的暗黑模式、时区等。
@ObservedObject、@Published
@ObservedObject 可以修饰遵循 ObservableObject 协议的 class 对象,该对象实例中的属性可以使用 @Published 修饰。当使用 @Published 修饰的属性值发生改变时,所有使用 @ObservedObject 修饰的对象实例,都会更新相应的值,通常用于在多个界面之间同步数据和状态。
@StateObject
与 @ObservedObject 一样,@StateObject 修饰的对象同样是遵循 ObservableObject 协议的 class 对象。但是区别在于,@StateObject 修饰的对象只会在所属的 View 中创建一次并在 View 的生命周期内存储相应的状态,而 @ObservedObject 修饰的对象会随着 View 的重绘生成新的对象,不会在 View 的生命周期内存储该对象的状态。
@EnvironmentObject
@EnvironmentObject 修饰的对象同样需要遵循 ObservableObject 协议,与 @ObservedObject 功能类似,但是它有着更强大的功能,子视图可以直接获取父视图注入的环境变量。比如,我们有视图 A、B、C,A 包含 B,B 包含 C,如果我们使用 @ObservedObject 来传递变量,需要从 A 传入 B,再从 B 传入 C,C 才能获取到对应的变量。而 @EnvironmentObject 无需如此繁琐,我们直接通过父视图 A 注入环境变量,视图 C 就可以获取注入的变量,省去中间的传递过程。
@AppStorage
等同于 Userdefaults。
@SceneStorage
用于多窗口模式,相当于为每个场景持久化了一个场景值,每个场景只能读取该场景持久化的值。当场景销毁时,该值也会销毁。建议存储轻量的、不敏感的数据
@UIApplicationDelegateAdaptor
用来调用 AppDelegate 中的生命周期方法。
自定义属性包装器
使用属性包装器可以使我们的代码精简,那么如何根据需求自定义呢?
自定义的属性包装器需要使用 @propertyWrapper 声明,并且必须有一个名为 wrappedValue 的属性。例如下面的代码,通过 CNNumber 这样一个属性包装器,可以将字符串中的阿拉伯数字转化成中文数字:
@propertyWrapper
struct CNNumber {
private let table = [
"0" : "〇",
"1" : "一",
"2" : "二",
"3" : "三",
"4" : "四",
"5" : "五",
"6" : "六",
"7" : "七",
"8" : "八",
"9" : "九",
]
private var value = ""
var wrappedValue: String {
get { value }
set { value = convertToCNNumbers(newValue) }
}
init(wrappedValue: String) {
self.wrappedValue = wrappedValue
}
func convertToCNNumbers(_ string: String) -> String {
var res = ""
for v in string {
res += table[String(v)] ?? ""
}
return res
}
}
然后我们定义一个 Person 结构体,使用 CNNumber 去修饰 birth 属性,调用时正如示例所示,它被转换成了中文数字。
struct Person {
var name: String
@CNNumber var birth: String
}
struct ContentView: View {
private let p = Person(name: "Steve Jobs", birth: "1955年2月24日")
var body: some View {
Text(p.birth)
}
}
本文为 Eul 样章,如果您喜欢,请移步 AppStore/Eul 查看更多内容。
SwiftUI 简明教程之属性包装器的更多相关文章
- SwiftUI 中一些和响应式状态有关的属性包装器的用途
SwiftUI 借鉴了 React 等 UI 框架的概念,通过 state 的变化,对 View 进行响应式的渲染.主要通过 @State, @StateObject, @ObservedObject ...
- SwiftUI 简明教程之指示器
本文为 Eul 样章,如果您喜欢,请移步 AppStore/Eul 查看更多内容. Eul 是一款 SwiftUI & Combine 教程 App(iOS.macOS),以文章(文字.图片. ...
- SwiftUI 简明教程之自定义 Modifier
本文为 Eul 样章,如果您喜欢,请移步 AppStore/Eul 查看更多内容. Eul 是一款 SwiftUI & Combine 教程 App(iOS.macOS),以文章(文字.图片. ...
- SwiftUI 简明教程之文本与图片
本文为 Eul 样章,如果您喜欢,请移步 AppStore/Eul 查看更多内容. Eul 是一款 SwiftUI & Combine 教程类 App(iOS.macOS),以文章(文字.图片 ...
- Python 简明教程 --- 22,Python 闭包与装饰器
微信公众号:码农充电站pro 个人主页:https://codeshellme.github.io 当你选择了一种语言,意味着你还选择了一组技术.一个社区. 目录 本节我们来介绍闭包与装饰器. 闭包与 ...
- ArcGIS Pro 简明教程(4)工具和模型构建器
ArcGIS Pro 简明教程(4)工具和模型构建器 by 李远祥 工具箱中的工具 ArcGIS Pro 在1.3版本基本上已经继承了ArcMap的所有工具,而且会不断加入一些它自身才有的工具,例如适 ...
- Python 简明教程 --- 20,Python 类中的属性与方法
微信公众号:码农充电站pro 个人主页:https://codeshellme.github.io 与客户保持良好的关系可以使生产率加倍. -- Larry Bernstain 目录 类中的变量称为属 ...
- grootjs 简明教程
grootJs简明教程 mvvm框架也是解决的一类问题,在某些时候会提高生产效率: 经过接近一个月的努力,grootJs测试版终于发布了 grootJs是一个mvvm的框架,名字取 grass 和ro ...
- Lisp简明教程
此教程是我花了一点时间和功夫整理出来的,希望能够帮到喜欢Lisp(Common Lisp)的朋友们.本人排版很烂还望多多海涵! <Lisp简明教程>PDF格式下载 <Lisp简明教程 ...
随机推荐
- java例题_36 移动数组中数据位置(用到数组的合并操作)
1 /*36 [程序 36 移动位置] 2 题目:有 n 个整数,使其前面各数顺序向后移 m 个位置,最后 m 个数变成最前面的 m 个数,比如输入数字 3 为 1 2 3 4 5 6 7 8 9 0 ...
- Docker安装完成后启动报错:Failed to start Docker Application Container Engine
报错如下:显示没有启动 先关闭防火墙:防火墙关闭指令请看 <a href="Linux防火墙篇">https://www.cnblogs.com/szx666/p/1 ...
- 常用Linux操作
常用Linux操作 这里我使用的是Git进行的Linux操作,如果你有服务器.或者LInux系统可以直接尝试 首先保证自己电脑上成功安装好了Git,右键鼠标: 随便找一个文件夹(我这里使用的是桌面的G ...
- 案例分析作业——VS和VS Code
项目 内容 这个作业属于哪个课程 2021春季软件工程(罗杰 任健) 这个作业的要求在哪里 案例分析作业 我在这个课程的目标是 认真完成课程要求并提高相应能力 这个作业在哪个具体方面帮助我实现目标 学 ...
- 动态语言 VS 静态语言
静态语言 VS 动态语言 动态语言 是一类在运行时可以改变其结构的语言:例如新的函数.对象.甚至代码可以被引进,已有的函数可以被删除或是其他结构上的变化.通俗点说就是在运行时代码可以根据某些条件改变自 ...
- 翻译:《实用的Python编程》09_02_Third_party
目录 | 上一节 (9.1 包) | 下一节 (9.3 版本分发) 9.2 第三方模块 Python 拥有一个包含各种内置模块的大型库(自带电池(batteries included))(译注:&qu ...
- 【Azure Redis 缓存 Azure Cache For Redis】Redis连接池
问题描述 Redis根据定价层说明,不同级别支持的连接数最多可达4万(同时),但是当短时间又大量连接请求建立的时候,Redis服务的服务压力非常大,到达100%.严重影响了高响应的要求.最严重时,经常 ...
- 浅入Kubernetes(11):了解 Service 和 Endpoint
目录 Srevice Service 的创建及现象 Service 定义 Endpoint slices 创建 Endpoint.Service Service 创建应用 创建 Endpoint 浅入 ...
- Django+Vue+Docker搭建接口测试平台实战
一. 开头说两句 大家好,我叫林宗霖,是一位测试工程师,也是全栈测开训练营中的一名学员. 在跟着训练营学习完Docker容器技术系列的课程后,理所应当需要通过实操来进行熟悉巩固.正好接口自动化测试平台 ...
- OO_UNIT4_SUMMARY
经过一个学期的学习,OO课程终于落下帷幕.本次博客会首先对第四单元作业的架构进行分析,再对OO课程进行总体回顾,最后是个人的建议与体会. 一.第四单元三次作业架构设计 1.第一次作业 第一次作业是对类 ...