SwiftUI中如何更新时钟秒数且避免重渲染整个视图？

针对你遇到的两个问题，这里给出具体的优化方案，直接解决视图过度重渲染和CPU占用过高的问题：

问题根源分析 #

• 视图过度重渲染：@State var currentTime是父视图的状态，每秒更新会触发整个InfoSwiftUIView的重渲染，包括VStack、Spacer等不需要更新的部分。
• CPU占用过高：
  1. 每次计算timeString都重新创建DateFormatter，这是性能开销极大的操作；
  2. 同时使用.animation(.default, value: timeString)和.contentTransition(.numericText())，导致动画逻辑叠加，增加了每秒的计算量。

具体优化步骤 #

1. 抽离时间显示为独立子视图 #

将时间文本部分拆成单独的TimeDisplayView，让只有这个子视图响应时间更新，父视图不再跟着重渲染。

2. 缓存DateFormatter #

把DateFormatter定义为静态常量，避免每次计算字符串都重新初始化，大幅降低CPU开销。

3. 移除多余的动画修饰符 #

.contentTransition(.numericText())已经内置了数字切换的过渡动画，不需要额外添加.animation修饰符，重复添加会导致不必要的动画计算。

4. 优化Timer的作用范围 #

将Timer的监听放在子视图内部，避免父视图感知到Timer的更新事件。

修正后的完整代码 #

import SwiftUI

struct InfoSwiftUIView: View {
    // 父视图不再持有currentTime状态，避免触发整个视图重渲染
    var body: some View {
        VStack {
            Spacer()
            
            if #available(macOS 13.0, *) {
                TimeDisplayView()
                    .font(.system(size: 28))
                    .scaleEffect(1.1)
                    .fontWeight(.bold)
                    .monospacedDigit()
                    .foregroundStyle(.white)
                    .padding()
                    .onTapGesture {
                        tempDelegate.openSplitViewControllerWindow()
                    }
            } else {
                TimeDisplayView()
                    .font(.largeTitle)
                    .fontWeight(.bold)
                    .monospacedDigit()
                    .foregroundStyle(Color(nsColor: .almostWhite))
                    .padding()
            }
            
            Spacer()
        }
        .frame(maxWidth: .infinity, maxHeight: switchernotchSize.height * 0.9, alignment: .top)
    }
}

// 独立的时间显示子视图，仅负责时间更新和动画
struct TimeDisplayView: View {
    @State private var currentTime = Date()
    private let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect()
    
    // 静态缓存DateFormatter，避免重复创建
    private static let timeFormatter: DateFormatter = {
        let formatter = DateFormatter()
        formatter.dateFormat = "HH:mm:ss"
        return formatter
    }()
    
    private var timeString: String {
        Self.timeFormatter.string(from: currentTime)
    }
    
    var body: some View {
        Text(timeString)
            .contentTransition(.numericText()) // 仅保留内置过渡动画
            .onReceive(timer) { input in
                currentTime = input
            }
    }
}

// 原有的dateString如果需要使用，同样缓存DateFormatter
extension InfoSwiftUIView {
    private static let dateFormatter: DateFormatter = {
        let formatter = DateFormatter()
        formatter.dateFormat = "EEEE, d MMM"
        return formatter
    }()
    
    var dateString: String {
        Self.dateFormatter.string(from: Date()) // 如果需要随时间更新，可将Date传入或在子视图中处理
    }
}

优化效果说明 #

• 只有TimeDisplayView会每秒重渲染，父视图和其他无关组件不再更新；
• 缓存DateFormatter后，避免了每秒两次创建昂贵对象的开销；
• 移除重复动画修饰符，减少了动画计算的CPU消耗。

内容的提问来源于stack exchange，提问作者user1569766