在TabControl中给TabItem定义如下的Template：

1
2
3
4
5
6
7
8
9
10
11
<ControlTemplate TargetType="{x:Type TabItem}">
<Grid x:Name="templateRoot" SnapsToDevicePixels="true">
	<Border x:Name="mainBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,1,1,0" Background="{TemplateBinding Background}" Margin="0">
		<Border x:Name="innerBorder" BorderBrush="{StaticResource TabItem.Selected.Border}" BorderThickness="1,1,1,0" Background="{StaticResource TabItem.Selected.Background}" Margin="-1" Opacity="0"/>
	</Border>
	<DockPanel Margin="2,0">
	<Button Click="Button_Click" DockPanel.Dock="Right" Content="X" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="Blue"/>
	<ContentPresenter x:Name="contentPresenter" ContentSource="Header" Focusable="False" HorizontalAlignment="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"  RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
	</DockPanel>
</Grid>
</ControlTemplate>

实现的效果是给每一个TabItem添加关闭按钮：

现在需要实现关闭按钮的功能，那么则需要在后台Button_Click事件中通过sender找到类型为TabItem的parent。

然而却发现通过 FrameWorkElement.Parent 方法怎么也没法找到TabItem,当找到x:Name="templateRoot"的Grid时，再往上找，就是null.

问题的原因就在于FrameWorkElement.Parent是获取此元素的逻辑父级元素。也就是通过LogicalTreeHelper查找。在MSDN中备注了：

对于模板，模板的 Parent 最终将为 null。 若要忽略这一点并扩展到实际应用模板的逻辑树，请使用 TemplatedParent。

所以就简单来说,后台代码可以是：

1
2
3
4
5
6
private void Button_Click(object sender, RoutedEventArgs e)
{
	Button btn = sender as Button;
	TabItem item = btn.TemplatedParent as TabItem;
	//....
}

那么如果一定要使用一层一层查找Parent的方法，就需要用VisualTreeHelper.我们在下面的代码执行完Button btn = sender as Button;的地方加入一个断点。

1
2
3
4
5
private void Button_Click(object sender, RoutedEventArgs e)
{
	Button btn = sender as Button;
	//....
}

触发断点时将鼠标光标移到btn上，点击”放大镜”，就可以打开WPF可视化工具。

在这里可以看到视觉树中可以看到TabItem.

那么使用VisualTree重写后台：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
private void Button_Click(object sender, RoutedEventArgs e)
{
			Button btn = sender as Button;
			DependencyObject parent = VisualTreeHelper.GetParent(btn);
			while (parent != null)
			{
				if (parent is TabItem)
				{
					break;
				}
				else
				{
					parent = VisualTreeHelper.GetParent(parent);
				}
			}
			if (parent != null)
			{
				TabItem item = parent as TabItem;
				TabControl tc = item.Parent as TabControl;
				tc.Items.Remove(item);
			}
			else
			{
				MessageBox.Show("没有找到TabItem");
			}
}

这样就能正确的找到TabItem了，如果替换VisualTreeHelper为LogicTreeHelper，则会弹出提示”没有找到TabItem”.

其实VisualTreeHelper和LogicTreeHelper在ControlTemplate上有个交点，LogicTreeHelper不会跨过ControlTemplate，因为一个Control是一个逻辑元件，所以LogicTreeHelper只工作在在一个Control的ControlTemplate内部，当LogicTreeHelper获取控件的Parent到达ControlTemplate边界，则返回null。视觉树VisualTreeHelper则不同，它的层级关系是贯通的。不会受到ControlTemplate影响。如果要在ControlTemplate中使用相关操作，需要注意以上几点。