如何垂直對齊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和改變的ToggleButton）

的另一種方式的VerticalAlignment是繼承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產生TopAlignedTreeViewItem！而非TreeViewItem S，還需要讓你自己TreeView：

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

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