为什么选项卡控件在更改选项卡时会重用 View 实例

Question

我有一个遵循 MVVM 模式的 WPF 项目。

我有一个包含选项卡控件的控件。选项卡控件绑定到可观察的集合。可观察集合中的每个项目都是要显示的特定选项卡页的视图模型。

实现选项卡控件的 xaml 文件使用数据模板来选择要显示的特定用户控件，具体取决于可观察集合中视图模型的具体类型。

我观察到的奇怪行为是，当我在不同类型的两个选项卡之间进行更改时，会创建用户控件的新实例。当我在同一类型的两个选项卡之间进行更改时，WPF 会重用用户控件的同一实例，它只是更改控件上的 DataContext。

这会产生一些非常不幸的后果，例如，当在同一类型但具有不同视觉状态的两个选项卡之间进行更改时，则会显示视觉状态转换动画，而它不应该显示；改变应该是即时的。在不同类型的两个选项卡之间进行更改时也会出现一些异常。

我可以更改此行为，以便选项卡控件将为每个选项卡页保留一个用户控件实例，并且在切换到不同选项卡时不会“销毁”控件。

<UserControl.Resources>
    <DataTemplate DataType="{x:Type ViewModels:ConcreteViewModel1}" d:IsDataSource="true">
        <Views:ConcreteView1 />
    </DataTemplate>
    <DataTemplate DataType="{x:Type ViewModels:ConcreteViewModel2}" d:IsDataSource="true">
        <Views:ConcreteView2/>
    </DataTemplate>
    ...
</UserControl.Resources>

<Grid x:Name="ControlTabLayoutRoot">
    <TabControl Grid.Row="0" x:Name="Main_TabControl"
        ItemsSource="{Binding MainTabControl}"
        SelectedIndex="{Binding SelectedIndex}" 
        IsSynchronizedWithCurrentItem="True"
        HorizontalContentAlignment="Stretch" 
        VerticalContentAlignment="Stretch"
        ItemContainerStyle="{DynamicResource CustomTabItemStyle}"
        Style="{DynamicResource CustomTabControl}">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock>                 
                <TextBlock.Text>
                  <MultiBinding Converter="{StaticResource tabItemHeaderConverter}">
                      <MultiBinding.Bindings>
                          <Binding/>
                          <Binding Path="ProtocolName"/>
                      </MultiBinding.Bindings>
                  </MultiBinding>
                </TextBlock.Text>
            </TextBlock>
        </DataTemplate>
    </TabControl.ItemTemplate>
    </TabControl>
</Grid>

Answer 1

TabControl 在内部回收虚拟化。您可以在此 StackOverflow 问题中找到两种不同的方法来防止出现这种情况：

• WPF TabControl - 如何保留选项卡项中的控件状态（MVVM 模式）