如何在 XAML TreeView HierarchicalDataTemplate 中垂直对齐项目符号？

Question

当我的 TreeView 中的节点有多行时，TreeView 项目符号会垂直居中。

如何使 TreeView 项目符号顶部对齐？

alt text http://www.deviantsart.com/upload/1uh2k8p.png

<pages:BasePage.Resources>
    <data:HierarchicalDataTemplate x:Key="OutlineTemplate"
        ItemsSource="{Binding OutlineDocumentObjects}">
        <TextBlock Text="{Binding Line}" 
            TextWrapping="Wrap" 
            VerticalAlignment="Top"
            Width="600"/>
    </data:HierarchicalDataTemplate>
</pages:BasePage.Resources>

<StackPanel Style="{StaticResource StackPanelPageWrapperStyle}">
    <tk:TreeView x:Name="TheTreeView" 
        ItemsSource="{Binding TheOutline.OutlineDocumentObjects}"
        ItemTemplate="{StaticResource OutlineTemplate}">
    </tk:TreeView>
</StackPanel>

Answer 1

好问题...当然可以通过重新定义模板来完成，但是很痛苦...（如果您想这样做，请使用 StyleSnooper 或 ShowMeTheTemplate 提取模板并更改 VerticalAlignment 的ToggleButton)

另一种方法是继承TreeViewItem 并覆盖OnApply 方法。由于ToggleButton 在默认模板中有一个名称（“扩展器”），您可以找到它并应用您想要的VerticalAlignment：

public class TopAlignedTreeViewItem : TreeViewItem
{
    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();
        if (Template != null)
        {
            ToggleButton btn = Template.FindName("Expander", this) as ToggleButton;
            if (btn != null)
            {
                btn.VerticalAlignment = VerticalAlignment.Top;
            }
        }
    }
}

要让TreeView 生成TopAlignedTreeViewItems 而不是TreeViewItems，您还需要创建自己的TreeView：

public class TopAlignedTreeView : TreeView
{
    protected override bool IsItemItsOwnContainerOverride(object item)
    {
        return (item is TopAlignedTreeViewItem);
    }

    protected override System.Windows.DependencyObject GetContainerForItemOverride()
    {
        return new TopAlignedTreeViewItem();
    }
}