WPF中如何获取通过模板生成的TabItem实例

问题 #

需要创建可变数量的TabItem并通过代码填充内容，现有XAML通过绑定包含仅带Name属性的匿名对象的Channels集合，成功生成了TabItem。但尝试通过Tag查找指定TabItem时出错，原因是Items集合存储的是数据源的匿名对象，而非生成的TabItem实例，请问如何获取由数据源生成的实际TabItem对象？

原XAML代码 #

<ItemsControl      
        Name="ChannelTabs"
        ItemsSource="{Binding Path=Channels}"
        >

    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <UniformGrid Name="Channels" 
                    HorizontalAlignment="Stretch" 
                    Width="auto"
                             Columns="2"
                    />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>

    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <DataTemplate.Resources>
                <Style TargetType="TextBlock">
                    <Setter Property="FontSize" Value="18"/>
                    <Setter Property="HorizontalAlignment" 
                            Value="Center"/>
                </Style>
            </DataTemplate.Resources>

            <TabItem 
                    Header="{Binding Path=Name}"
                    Tag="{Binding Path=Name}"
                    VerticalAlignment="Top" 
                    HorizontalAlignment="Stretch" 
                    MinWidth="60"
                    Width="auto"
                    Margin="5,5,5,5"
                    Grid.Row="1" Grid.Column="1"
             >
                <WrapPanel />
            </TabItem>

        </DataTemplate>
    </ItemsControl.ItemTemplate>

</ItemsControl>

尝试的C#代码 #

TabItem tab = (Panel)ChannelTabs.Items.Items.Cast<TabItem>().First(ti => (string)ti.Tag == ch_name);

报错原因 #

无法将匿名对象转换为TabItem，Items集合存储的是数据源对象而非生成的TabItem实例。

解决方案 #

方法1：通过ItemContainerGenerator获取容器 #

ItemsControl的ItemContainerGenerator可根据数据源对象获取对应的UI容器（即TabItem），代码示例：

// 定位目标数据源对象
var targetChannel = ChannelTabs.Items.Cast<dynamic>().First(c => c.Name == ch_name);
// 根据数据源对象获取对应的TabItem
TabItem targetTab = (TabItem)ChannelTabs.ItemContainerGenerator.ContainerFromItem(targetChannel);

注意：需确保ItemContainerGenerator已完成容器生成，建议在控件Loaded事件后调用，或动态添加数据后等待容器生成完成。

方法2：替换为TabControl（推荐方案） #

当前用ItemsControl生成TabItem不符合WPF控件设计规范，TabControl本身就是用于管理TabItem的专用控件，绑定ItemsSource后会自动生成TabItem容器，同时自带Tab切换、选中管理等功能：
修改后的XAML：

<TabControl      
        Name="ChannelTabs"
        ItemsSource="{Binding Path=Channels}"
        >
    <TabControl.ItemsPanel>
        <ItemsPanelTemplate>
            <UniformGrid Columns="2" 
                    HorizontalAlignment="Stretch" 
                    Width="auto"/>
        </ItemsPanelTemplate>
    </TabControl.ItemsPanel>
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Name}" FontSize="18" HorizontalAlignment="Center"/>
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.ContentTemplate>
        <DataTemplate>
            <WrapPanel />
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

获取TabItem的方式与方法1一致，同时可通过SelectedItem绑定直接操作选中的Tab，更贴合业务场景。

方法3：遍历可视化树查找（备选方案） #

若前两种方法不适用，可通过遍历控件可视化树定位目标TabItem：

public static T FindVisualChild<T>(DependencyObject parent, string tag) where T : FrameworkElement
{
    for (int i = 0; i < VisualTreeHelper.GetChildrenCount(parent); i++)
    {
        var child = VisualTreeHelper.GetChild(parent, i);
        if (child is T element && element.Tag.ToString() == tag)
            return element;
        var result = FindVisualChild<T>(child, tag);
        if (result != null)
            return result;
    }
    return null;
}

// 调用示例
TabItem targetTab = FindVisualChild<TabItem>(ChannelTabs, ch_name);

此方法需依赖可视化树结构，性能低于前两种方案，仅作为备选使用。

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