如何实现macOS菜单栏SwiftUI界面随变量实时更新？

你的问题根源在于：MenuBarExtra的内容视图在菜单打开后，默认不会自动响应@Published变量的变化——初始打开时视图会读取一次counter的值，但后续counter更新时，视图不会重新渲染，只有重新打开菜单才会加载新值。

下面提供两种可行的解决方案：

方案1：用Text作为Button标签（最简实现） #

将直接拼接字符串的写法替换为Text组件，Text会自动订阅@Published变量的变化，实时更新显示内容：

import SwiftUI

@main
struct _23App: App {
  @StateObject var viewModel = CounterViewModel()
  
  var body: some Scene {
    MenuBarExtra("Bar") {
      Button(action: {}) {
        // 用Text替代直接字符串转换，实现实时更新
        Text("\(viewModel.counter)")
      }
    }
  }
}

class CounterViewModel: ObservableObject {
  @Published var counter: Int = 1
  
  init() {
    Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { [weak self] _ in
      DispatchQueue.main.async {
        self?.counter += 1
      }
    }
  }
}

额外优化：避免内存泄漏 #

注意将Timer闭包中的[self]改为[weak self]，防止ViewModel被Timer强引用导致内存泄漏。

方案2：封装独立的菜单内容View #

如果菜单内容逻辑复杂，建议将菜单内容封装为独立View，通过@ObservedObject接收ViewModel，确保视图能正确响应状态变化：

import SwiftUI

@main
struct _23App: App {
  @StateObject var viewModel = CounterViewModel()
  
  var body: some Scene {
    MenuBarExtra("Bar") {
      CounterMenuView(viewModel: viewModel)
    }
  }
}

// 独立的菜单内容组件
struct CounterMenuView: View {
  @ObservedObject var viewModel: CounterViewModel
  
  var body: some View {
    Button(action: {}) {
      Text("\(viewModel.counter)")
    }
  }
}

class CounterViewModel: ObservableObject {
  @Published var counter: Int = 1
  
  init() {
    Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { [weak self] _ in
      DispatchQueue.main.async {
        self?.counter += 1
      }
    }
  }
}

原理说明 #

这两种方案的核心都是让菜单内的视图正确订阅ObservableObject的状态变化，SwiftUI会在@Published变量更新时，自动重新渲染依赖该变量的视图组件，从而实现菜单打开时的实时更新效果。

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