WPF在TreeViewItem模板之前添加缩进[重复]

Question

我正在开发一个 WPF 应用程序，但我正在努力使用 TreeView。我想在 Windows 资源管理器中实现外观。

默认的 TreeView 样式仅将 TreeViewItem 拉伸到所需的空间。

我已经覆盖了默认模板来实现这种外观，但我真的不知道如何在子项的左侧添加空间。

我的代码：

<ControlTemplate TargetType="{x:Type TreeViewItem}">
   <Grid>
      <Grid.ColumnDefinitions>
         <ColumnDefinition Width="*"/>
      </Grid.ColumnDefinitions>
      <Grid.RowDefinitions>
         <RowDefinition Height="Auto"/>
         <RowDefinition/>
      </Grid.RowDefinitions>
      <Border x:Name="Bd" Grid.Column="0" HorizontalAlignment="Stretch" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
         <Grid>
            <Grid.ColumnDefinitions>
               <ColumnDefinition MinWidth="19" Width="Auto"/>
               <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
               <RowDefinition Height="Auto"/>
               <RowDefinition/>
            </Grid.RowDefinitions>
            <ContentPresenter x:Name="PART_Header" Grid.Column="1" ContentSource="Header" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
            <ToggleButton x:Name="Expander" Grid.Column="0" ClickMode="Press" IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" Style="{StaticResource ExpandCollapseToggleStyle}"/>
         </Grid>
      </Border>
      <ItemsPresenter x:Name="ItemsHost" Grid.Row="1" Grid.Column="1" />
   </Grid>

Answer 1

您的Style 有一些缺陷。
您缺少一列（这就是项目位于标题下方的原因）。您的ItemsPresenter 始终可见。它应该被折叠并只有在按下扩展器时才可见。您缺少相应的触发器。您还需要隐藏没有子项的扩展器。

这就是基本的Style 的样子。
要更改索引，只需将Margin 添加到ItemPresenter。

<Style TargetType="TreeViewItem">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type TreeViewItem}">
        <Grid SnapsToDevicePixels="true">
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
          </Grid.ColumnDefinitions>
          <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
          </Grid.RowDefinitions>

          <ToggleButton x:Name="Expander" 
                        Grid.Column="0" Grid.Row="0"
                        ClickMode="Press"
                        IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsExpanded}"
                        Style="{StaticResource ExpandCollapseToggleStyle}" />
          <Border x:Name="Bd" 
                  Grid.Column="1" Grid.Row="0"
                  BorderBrush="{TemplateBinding BorderBrush}"
                  BorderThickness="{TemplateBinding BorderThickness}"
                  Background="{TemplateBinding Background}"
                  Padding="{TemplateBinding Padding}">

            <ContentPresenter x:Name="PART_Header"
                              ContentSource="Header"
                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" />
          </Border>

          <ItemsPresenter x:Name="ItemsHost" 
                          Grid.Row="1" Grid.Column="1"
                          Visibility="Collapsed" />
        </Grid>
        <ControlTemplate.Triggers>
          <Trigger Property="HasItems"
                   Value="false">
            <Setter TargetName="Expander"
                    Property="Visibility"
                    Value="Hidden" />
          </Trigger>
          <Trigger Property="IsExpanded"
                   Value="True">
            <Setter TargetName="ItemsHost"
                    Property="Visibility"
                    Value="Visible" />
          </Trigger>
          <Trigger Property="IsSelected"
                   Value="True">
            <Setter Property="Background"
                    Value="CornflowerBlue" />
        </ControlTemplate.Triggers>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>