Treeview示例用Grid布局

This commit is contained in:
ImLuJian 2023-07-17 20:21:38 +08:00
parent 816af5a7b1
commit c59e47409b

View File

@ -11,7 +11,8 @@
x:CompileBindings="True" x:CompileBindings="True"
x:DataType="vm:TreeViewVm" x:DataType="vm:TreeViewVm"
mc:Ignorable="d"> mc:Ignorable="d">
<StackPanel HorizontalAlignment="Left">
<Grid ColumnDefinitions="*,*,*">
<Border Theme="{StaticResource CardBorder}"> <Border Theme="{StaticResource CardBorder}">
<TreeView> <TreeView>
@ -50,7 +51,7 @@
</TreeView> </TreeView>
</Border> </Border>
<Border Theme="{StaticResource CardBorder}"> <Border Grid.Column="1" Theme="{StaticResource CardBorder}">
<TreeView Margin="0,10" ItemsSource="{Binding Items}"> <TreeView Margin="0,10" ItemsSource="{Binding Items}">
<TreeView.ItemTemplate> <TreeView.ItemTemplate>
<TreeDataTemplate ItemsSource="{Binding Items}"> <TreeDataTemplate ItemsSource="{Binding Items}">
@ -60,7 +61,7 @@
</TreeView> </TreeView>
</Border> </Border>
<Border Theme="{StaticResource CardBorder}"> <Border Grid.Column="2" Theme="{StaticResource CardBorder}">
<TreeView ItemsSource="{Binding MultipleLevelItems}"> <TreeView ItemsSource="{Binding MultipleLevelItems}">
<TreeView.DataTemplates> <TreeView.DataTemplates>
<TreeDataTemplate DataType="models:FirstItem" ItemsSource="{Binding SecondItems}"> <TreeDataTemplate DataType="models:FirstItem" ItemsSource="{Binding SecondItems}">
@ -76,5 +77,6 @@
</TreeView> </TreeView>
</Border> </Border>
</StackPanel> </Grid>
</UserControl> </UserControl>