SwiftUI redraw 机制全景解读：从 @State 到 Diffing

为什么 UIKit 程序员总问“我的状态去哪了？”

SwiftUI 提供了一堆 Property Wrapper 来“假装”状态还在视图里，核心就是 @State。

@State 到底做了什么？（4 步流水线）

SwiftUI 把一次刷新拆成 4 个微观阶段：

Attribute 系统：给“视图模板”注水

struct DemoView: View {
// 1️⃣ 在视图首次出现时，SwiftUI 为其创建一个持久化的存储槽位
@State private var threshold: CGFloat = 50.0   // ← 生成一个 attribute

var body: some View {
VStack {                                // ← 生成一个 attribute
Button("改变") {

                threshold = 41.24               // 2️⃣ 写入新值 -> 生成 Transaction

            }
Text("当前阈值 \(threshold)")         // 3️⃣ 读取值 -> 建立依赖

        }

    }

}

• Transaction：同一“事件循环”里所有 State 变化打包成一次事务。
• Cascade Flag：只要 threshold 被打脏，所有读过它的 attribute 都会被连锁打脏。
• Rule：body 里没读到 = 不 recomputed。官方 Instrument 里会显示body(skipped)。

身份稳定：为什么“同一个”视图才能保持 State

// ❌ 错误示范：切换分支时 struct 类型相同，但身份不同 -> State 丢失
struct MyMusic: View {
@State private var rockNRoll = false
var body: some View {
VStack {
if rockNRoll {
MusicBand(name: "The Rolling Stones") // 新身份

            } else {
MusicBand(name: "The Beatles")       // 另一个身份

            }

        }

    }

}

// ✅ 正确姿势：保证身份稳定（使用相同视图，只改参数）
struct MyMusic: View {
@State private var rockNRoll = false
var body: some View {
MusicBand(name: rockNRoll ? "The Rolling Stones" : "The Beatles")

    }

}

口诀：

“同一视图，不同入参” 用参数传值；

“不同视图” 用 if/else 就会换身份，State 清零。

Body 重算粒度实验

只写不读 → 跳过

struct MovieDetail: View {
let movie: Movie
@State private var favoriteMovies: [String] = []

var body: some View {
VStack {
Button("加收藏") {

                favoriteMovies.append(movie.name) // 只写

            }

        }

    }

}

Instrument 显示：MovieDetail.body [skipped]

读写 → 重算，但子视图可跳过

var body: some View {
VStack {
HStack {                       // 👈 重算，因为读 favoriteMovies
Text(movie.name)
Image(systemName: favoriteMovies.contains(movie.name) ? "star.fill" : "star")

        }
Artwork()                     // 👈 没传参，不 recomputed
Synopsis()
Reviews()

    }

}

经验：把“纯展示”拆成无参子视图就能躲过重算。

Equatable：手动告诉 SwiftUI“别算我”

struct FlightDetail: View, Equatable {
let flightNumber: Int
let isDelayed: Bool

// 自定义相等：只看航班号
static func == (lhs: Self, rhs: Self) -> Bool {

        lhs.flightNumber == rhs.flightNumber

    }

var body: some View {
VStack {
Text("航班 \(flightNumber)")
Text(isDelayed ? "延误" : "准点")

        }

    }

}

• 若 struct 全是 POD 类型（Int/Bool…），SwiftUI 会跳过你的 ==，直接按位比较。
• 想让自定义相等生效：
  1. 包一层 EquatableView(content: FlightDetail(...))
  2. 或者 .equatable() 修饰符。

@Observable vs ObservableObject：从“对象级”到“属性级”

@Observable
final class Phone {
var number = "13800138000"
var battery = 100

}

struct Detail: View {
let phone: Phone          // 无需 ObservedObject

var body: some View {
Text("电池 \(phone.battery)") // 只当 battery 变才重算

    }

}

扩展场景：把知识用到“极端”界面

• Model 用 @Observable 把 price 单独标记；
• 行视图实现 Equatable 仅对比 symbol + price；
• 收到 WebSocket 推送时只改 price，其余字段不动 → 一行只重算自己。

2. 复杂表单（100+ 输入框）