调整WPF TreeView的下拉箭头边距

Question

我有一个TreeView简化定义为

<TreeView ItemsSource="{Binding TreeItems}">
    <TreeView.Resources>
        <DataTemplate DataType="{x:Type models:MyModel}">
            <Border Margin="{Binding Margin}" >
                 <Grid>
                     <TextBlock Text="{Binding Path=Name}" Margin="3,3,3,3" />
                 </Grid>
            </Border>
        </DataTemplate>
    </TreeView.Resources>
</TreeView>

看起来像这样

正如您所看到的,由于边距是可变的,因此项目之间存在空间.问题是下拉箭头.它不以元素为中心.好吧,它集中在忽略边距的元素上.如何调整箭头？

Answer 1

您的XAML标记既不完整又不正确:DataTemplate应该是a HierarchicalDataTemplate,它应该放在<TreeView.ItemTemplate>标记中. 编辑后,这不适用.

您可以将保证金应用于完整TreeViewItem内容,包括下拉箭头:

<TreeView ItemsSource="{Binding Items}">
    <TreeView.ItemContainerStyle>
        <Style TargetType="TreeViewItem">
            <Setter Property="Margin" Value="{Binding Margin}"/>
        </Style>
    </TreeView.ItemContainerStyle>
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding SubItems}">
            <Border>
                <Grid>
                    <TextBlock Margin="3,3,3,3"/>
                </Grid>
            </Border>    
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

Answer 2

对 TreeViewItem 使用给定的样式，如下所示

<Style TargetType="TreeViewItem" BasedOn="{StaticResource {x:Type TreeViewItem}}">
            <Setter Property="Margin" Value="3,3,3,3"></Setter>
        </Style>

希望这有帮助。