具有固定宽度列的WPF Treeview
我想创建一个树视图和列表视图的混合。 我想要两列。 在左列中,我想要一个递归树视图,右列应该显示一些关于左列中项目的信息。 让我们调用左边的列名和右边的列值。 问题是,当您展开树视图时,缩进级别会发生变化,并且值列会变得不对齐 我能想到的就是: 答:使用内置树视图,并根据缩进级别手动更改名称列的宽度,以便值列始终对齐 B.使用内置ListView,通过在父项之间添加子项手动创建树状视图,并更改这些项的缩进具有固定宽度列的WPF Treeview,wpf,listview,treeview,Wpf,Listview,Treeview,我想创建一个树视图和列表视图的混合。 我想要两列。 在左列中,我想要一个递归树视图,右列应该显示一些关于左列中项目的信息。 让我们调用左边的列名和右边的列值。 问题是,当您展开树视图时,缩进级别会发生变化,并且值列会变得不对齐 我能想到的就是: 答:使用内置树视图,并根据缩进级别手动更改名称列的宽度,以便值列始终对齐 B.使用内置ListView,通过在父项之间添加子项手动创建树状视图,并更改这些项的缩进 真的没有更好的方法吗?有一种方法,我在Silverlight应用程序中有这样一个野兽 您需
真的没有更好的方法吗?有一种方法,我在Silverlight应用程序中有这样一个野兽 您需要查看treeviewitem的模板。 默认模板不会一直扩展到树视图 通过调整模板,您可以让它一直扩展,然后可以将DataTemplate(或HierarchycalDataTemplate)设置为网格。如果我没记错的话,您需要获取TreeviewItem的默认模板的副本,并将“Header”元素的HorizontalAlignment属性更改为“Stretch”,删除构成模板的网格中最右边的列,并将包含该元素的列的宽度从“Auto”更改为“*” 使用blend很容易做到。创建一个TreeViewItem,右键单击它并选择“编辑控制部件(“模板”)>编辑副本…” 这将为TreeViewItem创建默认模板的副本。从那里,找到名为PART_Header的ContentPresenter。从这里向上走,找到包含的网格并 修改其列以匹配我的解释(删除最后一列,将第二列从“自动”更改为“*”)。 在为项目创建的样式中,将HorizontalContentAlignment设置为“Stretch”(默认情况下它绑定到其他内容) 使用在树视图上创建为ItemContainerStyle的样式。 在此之后,您可以删除最初创建的TreeViewItem 最后,你会得到一堆资源,其中之一就是你的风格。请参见下文,了解我的最终结果(TreeViewItem样式和带有名称和值列的项目的基本数据模板)。TreeViewItem样式/模板引用了其他创建的资源,但此处没有显示这些资源(因为已经太长了:p)
请注意,您需要确保包含右侧单元格的网格列的宽度始终相同,否则会出现一些奇怪的情况(我使用具有固定宽度内容的“自动”列,并在名称和“单元格”之间添加一个空白“*”列以右对齐)
还要注意的是,这个解决方案基本上“冻结”了treeview的外观,使其与机器上的任何主题一致。(根据修改时使用的操作系统,在Vista和XP机器上看起来是一样的)
<Window.Resources>
<Style x:Key="TreeViewItemStyle1" TargetType="{x:Type TreeViewItem}">
<Setter Property="Background" Value="Transparent"/>
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
<Setter Property="VerticalContentAlignment" Value="{Binding Path=VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
<Setter Property="Padding" Value="1,0,0,0"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
<Setter Property="FocusVisualStyle" Value="{StaticResource TreeViewItemFocusVisual}"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type TreeViewItem}">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition MinWidth="19" Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition/>
</Grid.RowDefinitions>
<ToggleButton x:Name="Expander" Style="{StaticResource ExpandCollapseToggleStyle}" ClickMode="Press" IsChecked="{Binding Path=IsExpanded, RelativeSource={RelativeSource TemplatedParent}}"/>
<Border x:Name="Bd" SnapsToDevicePixels="true" Grid.Column="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}">
<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" x:Name="PART_Header" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" ContentSource="Header"/>
</Border>
<ItemsPresenter x:Name="ItemsHost" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="1"/>
</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>
<HierarchicalDataTemplate x:Key="DataTemplate1"
ItemsSource="{Binding SubNodes}">
<Grid Margin="5">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<TextBlock HorizontalAlignment="Left"
VerticalAlignment="Top"
Grid.Column="1"
Text="HEADER"
TextWrapping="Wrap" />
<TextBox HorizontalAlignment="Left"
Margin="2"
VerticalAlignment="Top"
Text="VALUE"
TextWrapping="Wrap"
Grid.Column="2" />
</Grid>
</Window.Resources>
<TreeView HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
Width="Auto"
Height="Auto"
x:Name="trv"
ItemContainerStyle="{StaticResource TreeViewItemStyle1}"
ItemTemplate="{DynamicResource DataTemplate1}">
</TreeView>