Question

我正在尝试使用TabControl在UserControls之间进行切换。

我可以使用XAML将选项卡的内容设置为用户控件，但是它将仅绑定到视图而不是viewmodel。

我的VM是Caliburn.Micro Conductor，每当用户切换选项卡时，它都会调用ActivateItem。当我只有一个用户控件时，它工作正常，但是当我创建另一个用户控件时，第一个控件将不会加载视图。

以下是我正在使用的一些代码：

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: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>
        <dx:DXTabItem Header="Master Teknisi">
            <ContentControl x:Name="LoadMasterTechnicianView" cal:View.Model="{Binding ActiveItem}" />
        </dx:DXTabItem>

        <dx:DXTabItem Header="Servisan">
            <ContentControl x:Name="LoadServicesView" cal:View.Model="{Binding ActiveItem}" />
        </dx:DXTabItem>
    </dx:DXTabControl>
</Grid>

ShellViewModel：

using Caliburn.Micro;

namespace PSCServiceManager.ViewModels
{
    public class ShellViewModel : Conductor<IScreen>
    {
        private MasterTechnicianViewModel masterTechnicianViewModel;
        private ServicesViewModel servicesViewModel;

        public ShellViewModel()
        {
            LoadMasterTechnicianView();
        }

        public void LoadMasterTechnicianView()
        {
            ActivateItem(masterTechnicianViewModel);
        }

        public void LoadServicesView()
        {
            ActivateItem(servicesViewModel);
        }
    }
}

Answer 1

实现此目的的更简单/替代方法是创建要绑定到Tab控件的用户控件的集合。例如，

public interface ITabUserControl
{
    string DisplayName { get; set; }
}

public class MasterTechnicianViewModel : ITabUserControl
{
    public string DisplayName { get; set; } = "Master Technician";
}

public class ServicesViewModel : ITabUserControl
{
    public string DisplayName { get; set; } = "Services";
}

现在，在ShellViewModel中，您可以创建ITabUserControl的集合

public List<ITabUserControl> UserControls { get; set; }
    public ShellViewModel()
    {
        UserControls = new List<ITabUserControl>();
        UserControls.Add(new MasterTechnicianViewModel());
        UserControls.Add(new ServicesViewModel());
    }

并将您的TabControl绑定为

 <dx:DXTabControl x:Name="UserControls"/>

现在，您可以在控件之间切换而不会出现任何问题，而无需显式激活它。

具有UserControl的WPF Caliburn.Micro和DXTabControl无法正常工作

1 个答案: