SwiftUI ViewModel中自定义属性包装器的使用困境与解决问询

方案1：ViewModel直接持有CoordinateBinding实例并结合@Published #

这种方式直接规避属性包装器在ObservableObject中的访问限制，实现逻辑清晰：

1.1 改造MapViewModel #

import MapKit
import SwiftUI

class MapViewModel: ObservableObject {
    // 用@Published包装CoordinateBinding实例，触发SwiftUI视图更新
    @Published var regionBinding: CoordinateBinding<MKCoordinateRegion>
    
    init(initialRegion: MKCoordinateRegion) {
        self.regionBinding = CoordinateBinding(wrappedValue: initialRegion)
        // 绑定CoordinateBinding内部值变化的回调，触发ViewModel更新通知
        self.regionBinding.onChange = { [weak self] _ in
            self?.objectWillChange.send()
        }
    }
    
    // 封装主动设置地图区域的方法，调用CoordinateBinding的特殊函数
    func jumpToRegion(_ targetRegion: MKCoordinateRegion) {
        regionBinding.setNewValue(targetRegion)
    }
}

1.2 调整CoordinateBinding添加回调 #

给自定义属性包装器增加内部值变化回调，让ViewModel能感知并发送更新信号：

@propertyWrapper
struct CoordinateBinding<Value: Equatable> {
    private var _wrappedValue: Value
    // 内部值变化时触发的回调
    var onChange: ((Value) -> Void)?
    
    init(wrappedValue: Value) {
        self._wrappedValue = wrappedValue
    }
    
    var wrappedValue: Value {
        get { _wrappedValue }
        // 限制外部直接赋值，仅允许内部或特殊函数修改
        private(set) set {
            guard _wrappedValue != newValue else { return }
            _wrappedValue = newValue
            onChange?(newValue)
        }
    }
    
    // 特殊函数：接收外部输入值（比如地图跳转）
    mutating func setNewValue(_ value: Value) {
        wrappedValue = value
    }
    
    // 供MapView Delegate调用的内部更新方法
    mutating func updateFromMap(_ value: Value) {
        wrappedValue = value
    }
}

1.3 ContentView和FancyMapView的使用 #

struct ContentView: View {
    @StateObject private var viewModel = MapViewModel(
        initialRegion: MKCoordinateRegion(
            center: CLLocationCoordinate2D(latitude: 39.9, longitude: 116.4),
            span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05)
        )
    )
    
    var body: some View {
        VStack {
            FancyMapView(regionBinding: viewModel.regionBinding)
            
            Button("跳转至上海") {
                viewModel.jumpToRegion(
                    MKCoordinateRegion(
                        center: CLLocationCoordinate2D(latitude: 31.2, longitude: 121.5),
                        span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05)
                    )
                )
            }
        }
    }
}

struct FancyMapView: UIViewRepresentable {
    var regionBinding: CoordinateBinding<MKCoordinateRegion>
    
    func makeUIView(context: Context) -> MKMapView {
        let mapView = MKMapView()
        mapView.delegate = context.coordinator
        mapView.setRegion(regionBinding.wrappedValue, animated: false)
        return mapView
    }
    
    func updateUIView(_ uiView: MKMapView, context: Context) {
        // 仅当ViewModel主动设置区域时，更新地图
        guard uiView.region != regionBinding.wrappedValue else { return }
        uiView.setRegion(regionBinding.wrappedValue, animated: true)
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }
    
    class Coordinator: NSObject, MKMapViewDelegate {
        let parent: FancyMapView
        
        init(parent: FancyMapView) {
            self.parent = parent
        }
        
        func mapView(_ mapView: MKMapView, regionDidChangeAnimated animated: Bool) {
            // 地图可视区域变化时，通过CoordinateBinding更新内部值
            var binding = parent.regionBinding
            binding.updateFromMap(mapView.region)
            parent.regionBinding = binding
        }
    }
}

方案2：在ViewModel中使用@CoordinateBinding并暴露底层实例 #

如果坚持使用属性包装器语法，可以通过访问属性包装器的底层存储属性暴露实例：

2.1 改造MapViewModel #

class MapViewModel: ObservableObject {
    // 使用自定义属性包装器
    @CoordinateBinding var region: MKCoordinateRegion
    
    // 暴露底层的CoordinateBinding实例，供FancyMapView使用
    var regionBinding: CoordinateBinding<MKCoordinateRegion> {
        _region // 属性包装器的底层存储属性默认命名为_+属性名
    }
    
    init(initialRegion: MKCoordinateRegion) {
        self._region = CoordinateBinding(wrappedValue: initialRegion)
        // 绑定回调触发ViewModel更新
        self._region.onChange = { [weak self] _ in
            self?.objectWillChange.send()
        }
    }
    
    func jumpToRegion(_ targetRegion: MKCoordinateRegion) {
        // 通过属性包装器的projectedValue调用特殊函数
        $region.setNewValue(targetRegion)
    }
}

2.2 ContentView的使用 #

struct ContentView: View {
    @StateObject private var viewModel = MapViewModel(initialRegion: ...)
    
    var body: some View {
        FancyMapView(regionBinding: viewModel.regionBinding)
            .onReceive(viewModel.$region) { _ in
                // 监听region值变化，确保视图同步更新
            }
    }
}

关键说明 #

• 之前直接实例化CoordinateBinding加@Published无效的原因：@Published仅监听属性引用的变化，而CoordinateBinding内部的wrappedValue变化属于实例内部状态变更，不会触发@Published的更新通知，因此需要手动通过objectWillChange.send()发送更新信号。
• 两种方案的核心都是让CoordinateBinding的内部值变化能通知ViewModel，进而触发SwiftUI视图更新，同时保证FancyMapView能拿到完整的CoordinateBinding实例处理读写逻辑。

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