我的Treeview基本上有“文件夹”节点,以及不包含其他项目的项目之下的一个级别。因此,不需要用于展开/折叠图标的空间(在级别2上)。我可以给予这个图标空间,从而减少缩进。项目(在示例“机场”中)应向左移动一些像素。
要点:基本上是寻找代码解决方案(C#),而不是XAML版本。
uxh89sit1#
实际上,您要做的是编辑HierarchicalDataTemplate并更改其行为方式。下面的页面,有一个很好的编辑Hierarchical Data Template的高级视图。我也发现this one是相当不错的开始。虽然这两个页面都没有明确说明要做什么,但您实际上是在更改项目表示器中的布局属性。
哎呀,我错了。不是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>
ijnw1ujt2#
这个应该能用
<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>
2条答案
按热度按时间uxh89sit1#
实际上,您要做的是编辑HierarchicalDataTemplate并更改其行为方式。下面的页面,有一个很好的编辑Hierarchical Data Template的高级视图。
我也发现this one是相当不错的开始。虽然这两个页面都没有明确说明要做什么,但您实际上是在更改项目表示器中的布局属性。
编辑
哎呀,我错了。不是HierarchicalDataTemplate,而是TreeViewItem模板。
参见下面的示例。这是最简单的方法,如果你知道不会有任何第三级节点。
请特别注意名为ItemsHost的ItemsPresenter元素。它的边际为-12,0,0,0。这意味着它的左边距为负,因此从包含它的网格列向左溢出。所有的子节点都会被拉到左边一点。如果将来有第三级节点,它们也会被拉到左边。如果你不想这样,那么你将不得不为不同级别的节点提供不同的模板。但这超出了本回答的范围。
ijnw1ujt2#
这个应该能用