Avalonia UI MVVM多控件绑定单模型值的规范实现咨询

一、将模型设为可观测类型的风险 #

• 职责边界模糊：模型的核心是承载业务数据和业务规则，给模型加上ObservableObject继承和[ObservableProperty]特性，会让它额外承担UI层的属性变更通知职责，违反单一职责原则。后续维护时，业务逻辑和UI相关逻辑混在一起，代码可读性和可维护性都会打折扣。
• 耦合UI相关库：ObservableObject属于MVVM Community Toolkit这个UI辅助库，模型依赖它之后，就没法在非UI场景（比如后端服务、纯业务逻辑测试）里独立复用，限制了模型的适用场景。
• 不必要的性能开销：如果模型被大量创建、序列化或者频繁修改，UI通知相关的事件订阅/发布逻辑会带来额外的性能消耗，在大数据量场景下影响更明显。
• 测试成本上升：单元测试模型的业务逻辑时，要么得额外处理属性变更事件的验证，要么得忽略这些UI相关逻辑，增加了测试的复杂度和工作量。

二、更优的实现方案 #

1. 用ViewModel做中间层（推荐） #

保持模型的纯净性，只保留业务数据和规则，对应的ViewModel继承ObservableObject，持有模型实例并包装其属性，专门处理UI通知和数据同步。示例代码：

public partial class VolumeSettingViewModel : ObservableObject
{
    private readonly VolumeSetting _model;

    [ObservableProperty]
    private int _volume;

    public VolumeSettingViewModel(VolumeSetting model)
    {
        _model = model;
        Volume = model.Volume;
        // 监听ViewModel属性变化，同步到模型
        this.PropertyChanged += (sender, e) =>
        {
            if (e.PropertyName == nameof(Volume))
            {
                _model.Volume = Volume;
            }
        };
    }
}

这种方式让各层职责清晰，模型专注业务，ViewModel专注UI适配，后续维护和扩展都更方便。

2. 基于双向绑定的ViewModel同步 #

在Avalonia UI中，将多个控件直接绑定到ViewModel的同一个可观测属性，ViewModel负责和底层纯净模型做数据同步。所有UI层面的同步逻辑都由ViewModel处理，模型完全和UI解耦。

3. 领域事件驱动同步 #

如果需要跨组件响应模型数据变化，可以在模型中定义领域事件，属性变更时发布事件，ViewModel或其他组件订阅事件并更新UI。这种方式既保证了模型的纯净性，又能实现数据变更的通知。示例：

// 纯净模型定义领域事件
public class VolumeSetting
{
    public event EventHandler<int> VolumeChanged;
    private int _volume;

    public int Volume
    {
        get => _volume;
        set
        {
            if (_volume != value)
            {
                _volume = value;
                VolumeChanged?.Invoke(this, value);
            }
        }
    }

    public VolumeSetting(int volume)
    {
        _volume = volume;
    }
}

// ViewModel订阅事件更新UI
public partial class VolumeSettingViewModel : ObservableObject
{
    private readonly VolumeSetting _model;

    [ObservableProperty]
    private int _volume;

    public VolumeSettingViewModel(VolumeSetting model)
    {
        _model = model;
        Volume = model.Volume;
        model.VolumeChanged += (sender, newVolume) => Volume = newVolume;
    }
}

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