WPF树视图,如何更改缩进

问题描述 投票:0回答:2

我的树视图基本上有“文件夹”节点,以及不包含其他项目的项目下面的一层。

因此不需要展开/折叠图标的空间(在第 2 层)。我可以放弃这个图标空间从而减少缩进吗?这些项目(在示例“机场”中)应向左移动一些像素。

Example tree view

重要提示:基本上是寻找代码解决方案(C#),而不是 XAML 版本。

c# wpf treeview .net-4.5
2个回答
11
投票

您真正想要做的是编辑 HierarchicalDataTemplate 并更改其行为方式。下面的页面有一个非常好的编辑分层数据模板的高级视图。

我还发现这个非常适合开始。虽然两个页面都没有具体说明要做什么,但您实际上是在更改项目演示器中的布局属性。

编辑

哎呀,我错了。不是 HierarchicalDataTemplate,而是 TreeViewItem 模板。

请参阅下面的示例。如果您知道不会有任何第三级节点,这只是最简单的方法。

特别注意名为 ItemsHost 的 ItemsPresenter 元素。它的边距为 -12,0,0,0。这意味着它的左边距为负,因此会从包含它的网格列向左溢出。因此所有的子节点都会被向左拉一点。如果将来有第三级节点,它们也会被拉到左边。如果您不希望这样,那么您将必须为不同级别的节点提供不同的模板。但这超出了本答案的范围。

<Style x:Key="TreeViewItemStyle1" TargetType="{x:Type TreeViewItem}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TreeViewItem}">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition MinWidth="19" Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                    <ToggleButton x:Name="Expander" ClickMode="Press" IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" Style="{StaticResource ExpandCollapseToggleStyle}"/>
                    <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.Column="1" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                        <ContentPresenter x:Name="PART_Header" ContentSource="Header" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    </Border>
                    <ItemsPresenter x:Name="ItemsHost" Grid.ColumnSpan="2" Grid.Column="1" Grid.Row="1" Margin="-12,0,0,0"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsExpanded" Value="false">
                        <Setter Property="Visibility" TargetName="ItemsHost" Value="Collapsed"/>
                    </Trigger>
                    <Trigger Property="HasItems" Value="false">
                        <Setter Property="Visibility" TargetName="Expander" Value="Hidden"/>
                    </Trigger>
                    <Trigger Property="IsSelected" Value="true">
                        <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
                    </Trigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsSelected" Value="true"/>
                            <Condition Property="IsSelectionActive" Value="false"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
                    </MultiTrigger>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="VirtualizingStackPanel.IsVirtualizing" Value="true">
            <Setter Property="ItemsPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <VirtualizingStackPanel/>
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
        </Trigger>
    </Style.Triggers>
</Style>

0
投票

这应该有效。

<TreeView>
    <TreeView.Resources>
        <Style TargetType="{x:Type TreeViewItem}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsAirport}" Value="True">
                    <Setter Property="Margin" Value="-15,0,0,0"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </TreeView.Resources>
</TreeView>
© www.soinside.com 2019 - 2024. All rights reserved.