83 lines
3.7 KiB
Plaintext
Raw Normal View History

2022-12-16 18:56:07 +08:00
<UserControl
2023-03-26 18:15:59 +08:00
x:Class="Semi.Avalonia.Demo.Pages.TreeViewDemo"
xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
2023-07-15 11:20:42 +08:00
xmlns:models="using:Semi.Avalonia.Demo.Pages"
2023-05-26 20:18:43 +08:00
xmlns:vm="clr-namespace:Semi.Avalonia.Demo.Pages"
2023-03-26 18:15:59 +08:00
d:DesignHeight="450"
d:DesignWidth="800"
2023-05-26 20:18:43 +08:00
x:CompileBindings="True"
x:DataType="vm:TreeViewVm"
2023-03-26 18:15:59 +08:00
mc:Ignorable="d">
2023-07-17 20:21:38 +08:00
<Grid ColumnDefinitions="*,*,*">
2023-07-15 11:20:42 +08:00
<Border Theme="{StaticResource CardBorder}">
<TreeView>
<TreeViewItem Header="Level 1">
<TreeViewItem Header="Level 2" />
<TreeViewItem Header="Level 2" />
<TreeViewItem Header="Level 2" />
<TreeViewItem Header="Level 2" />
<TreeViewItem Header="Level 2">
<TreeViewItem Header="Level 3" />
<TreeViewItem Header="Level 3" />
<TreeViewItem>
<TreeViewItem.Header>
<StackPanel>
<TextBlock>Layer 1</TextBlock>
<TextBlock>Layer 2</TextBlock>
<TextBlock>Layer 3</TextBlock>
</StackPanel>
</TreeViewItem.Header>
<TreeViewItem Header="Level 4" />
<TreeViewItem Header="Level 4" />
<TreeViewItem Header="Level 4" />
<TreeViewItem Header="Level 4" />
<TreeViewItem Header="Level 4" />
<TreeViewItem Header="Level 4" />
</TreeViewItem>
<TreeViewItem Header="Level 3" />
<TreeViewItem Header="Level 3" />
<TreeViewItem Header="Level 3" />
<TreeViewItem Header="Level 3" />
<TreeViewItem Header="Level 3" />
<TreeViewItem Header="Level 3" />
<TreeViewItem Header="Level 3" />
2022-12-16 18:56:07 +08:00
</TreeViewItem>
</TreeViewItem>
2023-07-15 11:20:42 +08:00
</TreeView>
</Border>
2023-07-17 20:21:38 +08:00
<Border Grid.Column="1" Theme="{StaticResource CardBorder}">
2023-07-15 11:20:42 +08:00
<TreeView Margin="0,10" ItemsSource="{Binding Items}">
<TreeView.ItemTemplate>
<TreeDataTemplate ItemsSource="{Binding Items}">
<TextBlock Text="{Binding Name}" />
</TreeDataTemplate>
</TreeView.ItemTemplate>
</TreeView>
</Border>
2023-07-17 20:21:38 +08:00
<Border Grid.Column="2" Theme="{StaticResource CardBorder}">
2023-07-15 11:20:42 +08:00
<TreeView ItemsSource="{Binding MultipleLevelItems}">
<TreeView.DataTemplates>
<TreeDataTemplate DataType="models:FirstItem" ItemsSource="{Binding SecondItems}">
<TextBlock Text="{Binding Name}" />
</TreeDataTemplate>
<TreeDataTemplate DataType="models:SecondItem" ItemsSource="{Binding ThirdItemItems}">
<TextBlock Text="{Binding Name}" />
</TreeDataTemplate>
<TreeDataTemplate DataType="models:ThirdItem">
<TextBlock Text="{Binding Name}" />
</TreeDataTemplate>
</TreeView.DataTemplates>
</TreeView>
</Border>
2023-07-17 20:21:38 +08:00
</Grid>
2022-12-16 18:56:07 +08:00
</UserControl>