我有: 具有 4 个层次结构级别的父子数据:1 个系统、2 个子系统、3 个单元、4 个组件
我的问题(见图):TreeView 显示一个组件,它像 Comp2 一样附加到根节点。我的目标:在其对应的“列”中显示所有节点(例如 Comp3)。
我尝试了所有缩进、间距、填充,但没有任何效果。
有任何想法吗?
您可以为节点使用 itemtemplate,给它们一个宽度,它们将准确地显示在您想要的位置。
此代码适用于 WPF,但我认为应该没有太大区别:
首先,为您的 NodeViewModels 提供一个 ItemTemplate,包括一个 HierachicalDataTemplate
<TreeView.ItemTemplate>
<HierarchicalDataTemplate DataType="{x:Type local:NodeViewModel}" ItemsSource="{Binding Children}">
<ContentPresenter x:Name="item" ContentTemplate="{StaticResource notSelectedItemTemplate}" />
<HierarchicalDataTemplate.Triggers>
<DataTrigger Binding="{Binding IsSelected}" Value="True">
<Setter TargetName="item" Property="ContentTemplate" Value="{StaticResource selectedItemTemplate}" />
</DataTrigger>
</HierarchicalDataTemplate.Triggers>
</HierarchicalDataTemplate>
</TreeView.ItemTemplate>
其次,为您的节点提供一个 DataTemplate:
<DataTemplate x:Key="selectedItemTemplate" DataType="{x:Type local:NodeViewModel}">
<Grid Height="Auto" TextElement.Foreground="Black">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"></RowDefinition>
<RowDefinition Height="Auto"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100"></ColumnDefinition>
<ColumnDefinition Width="50"></ColumnDefinition>
<ColumnDefinition Width="100"></ColumnDefinition>
</Grid.ColumnDefinitions>
<TextBlock Grid.Column="0" Text="{Binding Id}" HorizontalAlignment="Left"></TextBlock>
<TextBlock Grid.Column="1" Text="----" HorizontalAlignment="Left"></TextBlock>
<TextBlock Grid.Column="2" Text="{Binding Name}" HorizontalAlignment="Left"></TextBlock>
</Grid>
</DataTemplate>
如您所见,我有两个 DataTemplate,因为我有一个不同的用于选定节点。对于您不需要的情况,因此只需忽略“notSelectedItemTemplate”并将其删除。