为什么 tabitem 不显示视图

Question

我在 MVVM 上工作，我有主视图，其中有一个 tabcontrol 和 3 个 tabitem。现在点击每个 tabitems 我想显示一个新视图。（我有三个视图）。

我的尝试是：

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm1="clr-namespace:WpfApplication1"
        xmlns:vm2="clr-namespace:WpfApplication1"
        xmlns:vm3="clr-namespace:WpfApplication1"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <vm1:View1 x:Key="View1Display1"></vm1:View1>
        <vm2:View2 x:Key="ViewDisplay2"></vm2:View2>
        <vm3:View3 x:Key="ViewDisplay3"></vm3:View3>
    </Window.Resources>
    <Grid x:Name="LayoutRoot" Background="White">
        <TabControl Background="Green">
            <TabItem Height="20" Width="100" Header="Tab1" DataContext="{Binding Path=View1Display1}"></TabItem>
            <TabItem Height="20" Width="100" Header="Tab2" DataContext="{Binding Path=View1Display2}"></TabItem>
            <TabItem Height="20" Width="100" Header="Tab3" DataContext="{Binding Path=View1Display3}"></TabItem>
        </TabControl>          
    </Grid>
</Window>

其中 View1 是：（类似于 View2 和 View3）

<UserControl x:Class="WpfApplication1.View1"
             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" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <TextBlock  VerticalAlignment="Center" HorizontalAlignment="Center">I am from View1</TextBlock>
    </Grid>
</UserControl>

MainWindow.xaml.cs 是：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        this.DataContext = new  ViewModel();
    }        
}

这是 ViewModel：

class ViewModel
{
    public ViewModel()
    {
    }
}

为什么 TabItem 在点击它们时不显示各自的视图，即使我已经设置了与它们的视图对应的数据上下文。

Answer 1

无需在每个 TabItem 上绑定 DataContext，您需要绑定 Content，然后您可以将每个 TabItem 绑定到其 ViewModel 的实例, 在 UserControls 中自己做

 <TabControl Background="Green">
        <TabItem Height="20" Width="100" Header="Tab1" Content="{StaticResource View1Display1}"></TabItem>
        <TabItem Height="20" Width="100" Header="Tab2" Content="{StaticResource ViewDisplay2}"></TabItem>
        <TabItem Height="20" Width="100" Header="Tab3" Content="{StaticResource ViewDisplay3}"></TabItem>
    </TabControl>

因为您的视图被定义为静态资源，所以使用 StaticResource 而不是绑定

为什么 tabitem 不显示视图

Why tabitem do not show view

c#

data-binding

wpf

tabcontrol

mvvm