基于MVVM Community Toolkit的Avalonia双视图单模型同步方案探讨

场景设定 #

• 绘图应用，左侧为控制轴范围的UI，右侧为数据绘图视图，二者需双向同步：
  • 用户编辑文本框时，绘图视图实时更新
  • 平移绘图时，文本框同步显示最新轴范围

当前已实现的方案 #

方案1：基于MVVM Community Toolkit Messaging的消息通知 #

实现流程：

1. 编辑Min文本框输入新值
2. 视图绑定触发Settings ViewModel的变更处理器
3. 变更处理器创建新的AxisLimits模型对象并更新自身
4. ViewModel发送MVVM Community Toolkit消息告知所有接收方
5. 主ViewModel处理消息并将新模型对象分发至所有ViewModel

方案2：共享子ViewModel #

在nested_viewmodels分支中，Settings和Plot ViewModel共享同一个AxisLimits ViewModel（该ViewModel封装所有公共数据），无需消息机制即可实现双向同步。

可考虑的其他架构级实现方式 #

1. 共享可观察模型实例 #

• 让AxisLimits作为实现INotifyPropertyChanged的模型类，而非ViewModel
• Settings和Plot ViewModel持有同一个AxisLimits实例，视图直接绑定到模型的属性
• 模型属性变更时自动通知所有绑定视图；视图修改属性时直接更新模型，所有依赖该模型的组件都会感知到变化
• 优势：架构简洁，减少ViewModel层级，模型逻辑内聚

2. Rx.NET响应式数据流 #

• 将AxisLimits的属性变更包装为可观察序列（Observable）
• Settings和Plot ViewModel订阅该序列，数据变更时自动更新状态或视图
• 视图修改属性时，通过Subject推送新值到数据流，触发所有订阅者更新
• 优势：适配复杂数据流场景，支持过滤、转换等操作，异步处理更灵活

3. 依赖注入共享单例状态 #

• 将AxisLimits（或封装它的状态容器）注册为DI容器中的单例
• Settings和Plot ViewModel通过DI注入该单例实例，直接绑定其属性
• 确保AxisLimits实现INotifyPropertyChanged，变更时自动通知所有绑定视图
• 优势：符合依赖注入原则，便于测试和扩展，状态管理集中

4. 直接视图绑定（跳过ViewModel） #

• 针对简单场景，让两个视图直接绑定到同一个AxisLimits实例
• 例如：将AxisLimits设为窗口的DataContext，左侧文本框和右侧绘图控件直接绑定到该实例的属性
• 优势：减少ViewModel代码，适合小型应用或简单组件

5. Redux风格集中式状态管理 #

• 实现全局状态容器，存储AxisLimits等应用状态
• 所有状态变更通过发送Action触发，Reducer更新状态并通知订阅者
• Settings和Plot ViewModel订阅状态变更，同步更新视图；视图操作通过Dispatch发送Action
• 优势：状态变更可追溯，便于调试，适配复杂应用的状态管理

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