WPF中Caliburn.Micro结合DXTabControl加载UserControl异常问题

看起来你遇到的核心问题有两个：一是ViewModel实例没有初始化，二是多个Tab共用同一个ActiveItem绑定导致视图加载冲突。我来一步步帮你解决：

问题根源分析 #

1. ViewModel未实例化：你的ShellViewModel里只声明了masterTechnicianViewModel和servicesViewModel变量，但从来没有创建实例，调用ActivateItem时传入的是null，这肯定会导致视图加载失败。
2. 重复绑定ActiveItem：两个Tab的ContentControl都绑定同一个ActiveItem，Caliburn.Micro的视图绑定逻辑会混乱，切换Tab时第一个视图无法正确关联到对应的ViewModel。
3. Conductor模式适配：默认的Conductor<IScreen>是单实例激活模式，而Tab切换场景更适合用Collection.OneActive来管理多个子ViewModel，同时保持一次只有一个激活项。

解决方案 #

第一步：修正ShellViewModel #

先初始化子ViewModel，切换到Collection.OneActive模式，确保激活逻辑正确：

using Caliburn.Micro;
namespace PSCServiceManager.ViewModels
{
    public class ShellViewModel : Conductor<IScreen>.Collection.OneActive
    {
        // 公开子ViewModel属性，供View绑定
        public MasterTechnicianViewModel MasterTechnicianVm { get; }
        public ServicesViewModel ServicesVm { get; }

        public ShellViewModel()
        {
            // 初始化子ViewModel（如果用依赖注入，这里可以通过构造函数注入）
            MasterTechnicianVm = new MasterTechnicianViewModel();
            ServicesVm = new ServicesViewModel();
            
            // 默认激活第一个Tab对应的视图
            ActivateItem(MasterTechnicianVm);
        }

        // 切换到Master Teknisi Tab时调用
        public void SwitchToMasterTechnician()
        {
            ActivateItem(MasterTechnicianVm);
        }

        // 切换到Servisan Tab时调用
        public void SwitchToServices()
        {
            ActivateItem(ServicesVm);
        }
    }
}

第二步：调整ShellView的XAML结构 #

让每个Tab绑定对应的子ViewModel，同时通过Caliburn.Micro的消息机制处理Tab切换事件：

<dx:ThemedWindow x:Class="PSCServiceManager.Views.ShellView" 
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
                 xmlns:cal="http://www.caliburnproject.org" 
                 xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core" 
                 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
                 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
                 mc:Ignorable="d" 
                 Title="Service Manager" 
                 WindowState="Maximized" 
                 Height="525" Width="720">
    <Grid>
        <dx:DXTabControl>
            <!-- 第一个Tab：绑定MasterTechnicianVm，选中时激活对应的ViewModel -->
            <dx:DXTabItem Header="Master Teknisi"
                          cal:Message.Attach="[Event Selected] = [Action SwitchToMasterTechnician()]">
                <ContentControl cal:View.Model="{Binding MasterTechnicianVm}" />
            </dx:DXTabItem>
            
            <!-- 第二个Tab：绑定ServicesVm，选中时激活对应的ViewModel -->
            <dx:DXTabItem Header="Servisan"
                          cal:Message.Attach="[Event Selected] = [Action SwitchToServices()]">
                <ContentControl cal:View.Model="{Binding ServicesVm}" />
            </dx:DXTabItem>
        </dx:DXTabControl>
    </Grid>
</dx:ThemedWindow>

更简洁的自动生成Tab方式 #

如果你不想手动创建每个TabItem，可以利用Conductor的Items集合自动生成Tab，这更符合Caliburn.Micro的约定：

ShellViewModel调整：

public class ShellViewModel : Conductor<IScreen>.Collection.OneActive
{
    public ShellViewModel()
    {
        // 添加子ViewModel到Items集合
        Items.Add(new MasterTechnicianViewModel());
        Items.Add(new ServicesViewModel());
        
        // 默认激活第一个项
        ActivateItem(Items[0]);
    }
}

ShellView调整：

<dx:ThemedWindow x:Class="PSCServiceManager.Views.ShellView" 
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
                 xmlns:cal="http://www.caliburnproject.org" 
                 xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core" 
                 xmlns:vm="clr-namespace:PSCServiceManager.ViewModels"
                 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
                 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
                 mc:Ignorable="d" 
                 Title="Service Manager" 
                 WindowState="Maximized" 
                 Height="525" Width="720">
    <Grid>
        <dx:DXTabControl ItemsSource="{Binding Items}"
                         SelectedItem="{Binding ActiveItem}">
            <!-- 自定义Tab头部显示 -->
            <dx:DXTabControl.ItemTemplate>
                <DataTemplate>
                    <TextBlock>
                        <TextBlock.Style>
                            <Style TargetType="TextBlock">
                                <Setter Property="Text" Value="Master Teknisi" />
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding}" Value="{x:Type vm:ServicesViewModel}">
                                        <Setter Property="Text" Value="Servisan" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </TextBlock.Style>
                    </TextBlock>
                </DataTemplate>
            </dx:DXTabControl.ItemTemplate>
            <!-- 自动加载对应ViewModel的视图 -->
            <dx:DXTabControl.ContentTemplate>
                <DataTemplate>
                    <ContentControl cal:View.Model="{Binding}" />
                </DataTemplate>
            </dx:DXTabControl.ContentTemplate>
        </dx:DXTabControl>
    </Grid>
</dx:ThemedWindow>

这种方式不需要手动处理切换事件，Caliburn.Micro会自动关联ViewModel和对应的视图，代码更简洁易维护。

内容的提问来源于stack exchange，提问作者Joseph Joshua Anggita