SwiftUI之状态管理全解析

文章目录

    • 引言
    • 一、`@State`
      • 1.1 基本概念
      • 1.2 初始化与默认值
      • 1.3 注意事项
    • 二、`@Binding`
      • 2.1 基本概念
      • 2.2 初始化与使用
      • 2.3 注意事项
    • 三、`@ObservedObject`
      • 3.1 基本概念
      • 3.2 初始化与使用
      • 3.3 注意事项
    • 四、`@EnvironmentObject`
      • 4.1 基本概念
      • 4.2 初始化与使用
      • 4.3 注意事项
    • 五、`@StateObject`
      • 5.1 基本概念
      • 5.2 初始化与使用
      • 5.3 注意事项
    • 六、@ObservedObject、@StateObject、@EnvironmentObject区别及使用场景
      • 6.1 区别
        • 6.1.1 对象创建和所有权
        • 6.1.2 生命周期管理
        • 6.1.3 数据传递方式
      • 6.2 使用场景
        • 6.2.1 `@ObservedObject`
        • 6.2.2 `@StateObject`
        • 6.2.3 `@EnvironmentObject`
    • 七、综合案例
      • 7.1 电商购物案例
      • 7.2 代码解释
        • 7.2.1 数据模型
        • 7.2.2 购物车视图模型(`ShoppingCartViewModel`)
        • 7.2.3 商品单元格视图(`ProductCell`)
        • 7.2.4 商品列表视图(`ProductListView`)
        • 7.2.5 购物车视图(`CartView`)
        • 7.2.6 主视图(`MainView`)
    • 八、小结

引言

在 SwiftUI 中,状态管理是构建交互式和动态用户界面的核心。状态代表着应用程序的数据,当这些数据发生变化时,SwiftUI 会自动更新与之关联的视图,以反映最新的状态。本文将详细介绍 SwiftUI 中几种常见的状态管理方式,包括 @State@Binding@ObservedObject@EnvironmentObject@StateObject,并探讨它们的使用场景、初始化、默认值设置以及注意事项。

一、@State

1.1 基本概念

@State 是 SwiftUI 中用于管理视图私有状态的属性包装器。它通常用于存储简单的值,如布尔值、整数、字符串等,并且只能在结构体视图中使用。当 @State 变量的值发生变化时,SwiftUI 会重新计算并更新依赖于该变量的视图部分。

1.2 初始化与默认值

@State 变量必须在声明时进行初始化,因为它代表着视图的初始状态。可以为其提供一个默认值,这个默认值将作为视图首次显示时的状态。

import SwiftUI

struct StateExampleView: View {
   
    // 初始化 @State 变量并设置默认值
    @State private var isFavorite = false

    var body: some View {
   
        Button(action: {
   
            self.isFavorite.toggle()
        }) {
   
            Text(isFavorite ? "已收藏" : "收藏")
        }
    }
}

在上述代码中,isFavorite 是一个 @State 变量,初始值为 false。当按钮被点击时,isFavorite 的值会取反,视图会相应地更新显示内容。
在这里插入图片描述

1.3 注意事项

  • 私有性@State 变量应该是私有的,因为它是视图的内部状态,不应该被外部视图直接访问或修改。
  • 值类型@State 通常用于存储值类型(如结构体、枚举),因为值类型的赋值会创建一个新的副本,这有助于 SwiftUI 检测状态的变化。
  • 视图重建:当 @State 变量的值发生变化时,SwiftUI 会重新计算整个视图的 body 属性,因此应避免在 body 中执行昂贵的操作。

二、@Binding

2.1 基本概念

@Binding 用于在不同视图之间共享状态,实现双向数据绑定。它允许一个视图修改另一个视图的状态,通常用于将父视图的 @State 变量传递给子视图。

2.2 初始化与使用

@Binding 变量不能直接初始化,它必须通过外部传递的 Binding 实例进行赋值。通常在父视图中使用 $ 符号将 @State 变量转换为 Binding 实例,并传递给子视图。

import SwiftUI

// 子视图
struct TextFieldView: View {
   
    @Binding var text: String

    var body: some View {
   
        TextField("输入文本", text: $text)
    }
}

// 父视图
struct BindingExampleView: View {
   
    @State private var inputText = ""

    var body: some View {
   
        VStack {
   
            // 将 @State 变量转换为 Binding 并传递给子视图
            TextFieldView(text: $inputText)
            Text("你输入的文本是: \(inputText)")
        }
    }
}

在上述代码中,TextFieldView 接收一个 @Binding 变量 text,并将其绑定到 TextField 上。父视图 BindingExampleView 将自己的 @State 变量 inputText 通过 $ 符号转换为 Binding 实例传递给子视图。当用户在 TextField 中输入文本时,父视图中的 inputText 会相应更新。
在这里插入图片描述

2.3 注意事项

  • 依赖外部状态@Binding 变量依赖于外部传递的 Binding 实例,因此必须确保在使用之前已经正确初始化。
  • 数据一致性:由于 @Binding 实现了双向数据绑定,任何对 @Binding 变量的修改都会反映到原始的 @State 变量上,需要注意数据的一致性和正确性。

三、@ObservedObject

3.1 基本概念

@ObservedObject 用于观察符合 ObservableObject 协议的对象。当被观察对象的 @Published 属性发生变化时,SwiftUI 会自动更新关联的视图。@ObservedObject 通常用于管理复杂的状态逻辑,将状态和业务逻辑封装在一个独立的对象中。

3.2 初始化与使用

@ObservedObject 变量可以在视图中直接初始化,也可以通过外部传递。被观察的对象必须符合 ObservableObject 协议,并且需要使用 @Published 标记需要观察的属性。

import SwiftUI
import Combine

// 定义一个符合 ObservableObject 协议的类
class CounterViewModel: ObservableObject {
   
    // 使用 @Published 标记需要观察的属性
    @Published var count = 0

    func increment() {
   
        count += 1
    }
}

struct ObservedObjectExampleView: View {
   
    // 初始化 @ObservedObject 变量
    @ObservedObject private var viewModel = CounterViewModel()

    var body: some View {
   
        VStack {
   
            Text("计数: \(viewModel.count)")
            Button(action: {
   
                self.viewModel.increment()
            }) {
   
                Text("增加计数")
            }
        }
    }
}

在上述代码中,CounterViewModel 是一个符合 ObservableObject 协议的类,包含一个 @Published 属性 countObservedObjectExampleView 使用 @ObservedObject 观察 CounterViewModel 的实例。当点击按钮调用 viewModel.increment() 方法时,count 属性的值会改变,SwiftUI 会自动更新 Text 视图以显示新的计数。
在这里插入图片描述

3.3 注意事项

  • 对象生命周期@ObservedObject 不会管理被观察对象的生命周期,因此需要确保对象在视图使用期间不会被销毁。通常在父视图中创建对象并传递给子视图,或者使用 @StateObject 来管理对象的生命周期。
  • 线程安全@Published 属性的修改应该在主线程上进行,因为 SwiftUI 的视图更新是在主线程上执行的。如果在后台线程中修改 @Published 属性,可能会导致视图更新不一致或崩溃。

四、@EnvironmentObject

4.1 基本概念

@EnvironmentObject 用于在整个视图层次结构中共享一个 ObservableObject 实例。与 @ObservedObject 不同的是,@EnvironmentObject 可以在多个视图中轻松访问同一个状态对象,而不需要通过层层传递参数。

4.2 初始化与使用

@EnvironmentObject 变量不需要在视图中初始化,它会从视图环境中获取共享的 ObservableObject 实例。在父视图中,需要使用 environmentObject 修饰符将 ObservableObject 实例注入到视图环境中。

import SwiftUI
import Combine

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/980370.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

win32汇编环境,窗口程序使用树形视图示例一

;运行效果 ;win32汇编环境,窗口程序使用树形视图示例一 ;树形视图控件Treeview,就是那种点击后,会展开的控件,类似于文件夹列表。这里展示了最基本的应用,纯文本模式的展开树形视图,同时获得选中项的内容 ;字体丑了点,这里主要解释原理了,懒得设置了。直接抄进RadAsm可编…

金融支付行业技术侧重点

1. 合规问题 第三方支付系统的平稳运营,严格遵循《非银行支付机构监督管理条例》的各项条款是基础与前提,其中第十八条的规定堪称重中之重,是支付机构必须牢牢把握的关键准则。 第十八条明确指出,非银行支付机构需构建起必要且独…

FPGA开发,使用Deepseek V3还是R1(8):FPGA的全流程(简略版)

以下都是Deepseek生成的答案 FPGA开发,使用Deepseek V3还是R1(1):应用场景 FPGA开发,使用Deepseek V3还是R1(2):V3和R1的区别 FPGA开发,使用Deepseek V3还是R1&#x…

车载以太网-基于linux的ICMP协议

对于车载以太网-ICMP的技术要求: /** ICMP报文格式解析* -----------------* ICMP协议用于网络诊断和错误报告,常见应用包括Ping测试。* ICMP报文结构包括:IP头部、ICMP头部和ICMP数据部分。* 下面详细介绍每个部分的结构、字段的作用以及如何解析它们。* * ICMP头部结构:*…

七星棋牌 6 端 200 子游戏全开源修复版源码(乐豆 + 防沉迷 + 比赛场 + 控制)

七星棋牌源码 是一款运营级的棋牌产品,覆盖 湖南、湖北、山西、江苏、贵州 等 6 大省区,支持 安卓、iOS 双端,并且 全开源。这个版本是 修复优化后的二开版本,新增了 乐豆系统、比赛场模式、防沉迷机制、AI 智能控制 等功能&#…

避坑!用Docker搞定PHP开发环境搭建(Mac、Docker、Nginx、PHP-FPM、XDebug、PHPStorm、VSCode)

本次更新主要是对环境版本进行了更新,例如php 7.3.7升级到了7.3.8,另外之前的版本有同学踩了坑,主要是官方docker镜像php:7.3.7-fpm和php:7.3.8-fpm使用了不同版本的debian,后面会提到,请各位同学留意。 因为最近换电脑…

【卫星语音通信】神经网络语音编解码算法:AudioDec

引言:低码率时代的语音革命 在偏远山区的蜂窝基站与卫星电话之间,在远洋货轮的应急通信频道里,清晰流畅的语音传输往往关乎生命财产安全。传统蜂窝通信(如4G VoLTE)和卫星通信系统(如海事卫星电话&#xf…

大数据学习(53)-Hive与Impala

&&大数据学习&& 🔥系列专栏: 👑哲学语录: 承认自己的无知,乃是开启智慧的大门 💖如果觉得博主的文章还不错的话,请点赞👍收藏⭐️留言📝支持一下博主哦&#x1f91…

【基于Raft的KV共识算法】-序:Raft概述

本文目录 1.为什么会有Raft?CAP理论 2.Raft基本原理流程为什么要以日志作为中间载体? 3.实现思路任期领导选举日志同步 1.为什么会有Raft? 简单来说就是数据会随着业务和时间的增长,单机不能存的下,这个时候需要以某种…

Redis---LRU原理与算法实现

文章目录 LRU概念理解LRU原理基于HashMap和双向链表实现LRURedis中的LRU的实现LRU时钟淘汰策略近似LRU的实现LRU算法的优化 Redis LRU的核心代码逻辑Redis LRU的核心代码逻辑Redis LRU的配置参数Redis LRU的优缺点Redis LRU的优缺点 LRU概念理解 LRU(Least Recentl…

【Java-黑马程序员】2024IDEA下载安装[ IntelliJ IDEA]

IDEA概述 IntelliJ IDEA – 用于 Pro Java 和 Kotlin 开发的 IDEhttps://www.jetbrains.com/idea/安装:傻瓜式安装,建议修改安装路径。 选择版本 Ultimate:功能全面,适合企业开发,需付费。 Community:免费,适合个人和小型项目。 选择适合你操作系统的版本 Windows版…

centos 下dockers部署surveyking-docker开源考试系统

下载初始化脚本,并自动部署至当前文件夹 https://raw.githubusercontent.com/xianyu-one/surveyking-docker/main/setup.sh -O setup.sh chmod x setup.sh bash setup.sh 手工部署 1:先卸载这些旧版本,以及关联的依赖项sudo yum remove docker docker-…

[3/11]C#性能优化-实现 IDisposable 接口-每个细节都有示例代码

[3]C#性能优化-实现 IDisposable 接口-每个细节都有示例代码 前言 在C#开发中,性能优化是提升系统响应速度和资源利用率的关键环节。 当然,同样是所有程序的关键环节。 通过遵循下述建议,可以有效地减少不必要的对象创建,从而减…

【deepseek第二课】docker部署dify,配置私有化知识库,解决网络超时,成功安装

【deepseek第二课】docker部署dify,配置私有化知识库,解决网络超时,成功安装 1. dify安装1.1 官网安装文档介绍1.2 安装报错,网络连接问题使用镜像加速器处理1.3 dify后台启动很多docker进程 2. 页面探索2.1 设置管理账号2.2 添加…

2025.3.2机器学习笔记:PINN文献阅读

2025.3.2周报 一、文献阅读题目信息摘要Abstract创新点网络架构实验结论不足以及展望 一、文献阅读 题目信息 题目: Physics-Informed Neural Networks of the Saint-Venant Equations for Downscaling a Large-Scale River Model期刊: Water Resource…

在C++中如何实现线程安全的队列

个人主页 : 个人主页 个人专栏 : 《数据结构》 《C语言》《C》《Linux》《网络》 《redis学习笔记》 文章目录 前言如何实现一个线程安全的队列思路应用场景代码实现总结 前言 在一次和豆包的模拟面试中,豆包问我:“在C中&#xf…

【网络安全 | 漏洞挖掘】利用文件上传功能的 IDOR 和 XSS 劫持会话

未经许可,不得转载。 本文涉及漏洞均已修复。 文章目录 前言正文前言 想象这样一个场景:一个专门处理敏感文档的平台,如保险理赔或身份验证系统,却因一个设计疏漏而成为攻击者的“金矿”。在对某个保险门户的文件上传功能进行测试时,我意外发现了一个可导致大规模账户接管…

[操作系统] 文件的软链接和硬链接

文章目录 引言硬链接(Hard Link)什么是硬链接?硬链接的特性硬链接的用途 软链接(Symbolic Link)什么是软链接?软链接的特性软链接的用途 软硬链接对比文件的时间戳实际应用示例使用硬链接节省备份空间用软链…

c# winform程序 vs2022 打包生成安装包

最近,利用c# winform程序该客户开发一套进销存管理系统,项目在部署前,需要生成安装包,以便部署在客户电脑上面。总结步骤如下: 1、在打包之前 (VS中需要包括Microsoft visual studio installer projects扩展项目)&…

现今大语言模型性能(准确率)比较

现今大语言模型性能(准确率)比较 表头信息:表的标题为“大语言模型性能比较结果”(英文:Table 1: Large Language Model Performance Comparison Results),表明该表是用于对比不同大语言模型的性能。列信息: 模型:列出参与比较的不同大语言模型名称,包括LLAMA3(70B)…