WPF自定义日期捕获控件多次复用同步变更问题排查

看起来你遇到了WPF组件复用的典型问题——同一视图里放置多个日期捕获组件后，修改任意一个的数值，所有组件都会同步变化。这几乎可以肯定是多个组件共享了同一个CalendarViewModel实例导致的，下面我帮你拆解问题并给出解决方案：

问题根源分析 #

从你的代码来看，你的CalendarView通过cal:Bind.Model指定了绑定的ViewModel类型：

cal:Bind.Model="Mx.Gob.Biometrics.UniversalBiometric.ViewModels.CalendarViewModel"

如果你的CalendarViewModel在Caliburn.Micro的DI容器里被注册为单例（Singleton），或者父视图没有为每个子组件创建独立的ViewModel实例，那么所有CalendarView都会绑定到同一个ViewModel对象上。这样一来，所有组件的Day/Month/Year属性都指向同一个数据源，修改自然会同步到所有组件。

具体解决方案 #

1. 调整ViewModel的生命周期（推荐） #

如果你的项目使用了Caliburn.Micro的依赖注入容器（比如SimpleContainer），需要把CalendarViewModel的注册从单例改为每次请求创建新实例：

// 在Bootstrapper的Configure方法中修改注册逻辑
protected override void Configure()
{
    var container = new SimpleContainer();
    // 替换原来的Singleton注册，改成PerRequest（每次请求新实例）
    container.PerRequest<ICalendarViewModel, CalendarViewModel>();
    // 其他注册代码...
}

这样每个CalendarView实例都会得到一个独立的CalendarViewModel，数据就不会互相干扰了。

2. 修改视图的绑定方式 #

如果你没有使用DI或者希望更直接地控制，可以移除CalendarView上的cal:Bind.Model属性，让Caliburn.Micro自动为每个视图实例创建对应的ViewModel：

<!-- 移除cal:Bind.Model属性 -->
<UserControl x:Class="Mx.Gob.Biometrics.UniversalBiometric.Views.CalendarView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="clr-namespace:Mx.Gob.Biometrics.UniversalBiometric.Views"
             xmlns:local1="clr-namespace:Mx.Gob.Biometrics.UniversalBiometric.Views.Controls"
             xmlns:Controls="http://metro.mahapps.com/winfx/xaml/controls"
             xmlns:cal="http://www.caliburnproject.org"
             mc:Ignorable="d"
             d:DesignHeight="110" d:DesignWidth="300">
    <!-- 视图内容不变 -->
</UserControl>

Caliburn.Micro默认会遵循“View对应ViewModel”的命名约定（CalendarView对应CalendarViewModel），自动为每个视图实例创建新的ViewModel对象。

3. 手动为每个组件创建独立ViewModel #

如果以上方法不适用，你也可以在父视图中手动为每个CalendarView指定不同的ViewModel实例：

<!-- 父视图中使用组件时，手动绑定不同的ViewModel -->
<local:CalendarView>
    <cal:Bind.Model>
        <local:CalendarViewModel />
    </cal:Bind.Model>
</local:CalendarView>
<local:CalendarView>
    <cal:Bind.Model>
        <local:CalendarViewModel />
    </cal:Bind.Model>
</local:CalendarView>

这种方式虽然直接，但不够灵活，适合小型场景。

验证修改效果 #

修改完成后，运行项目并在同一视图中放置多个日期组件，修改其中一个的日期值，其他组件应该保持独立，不会同步变化了。

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