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>
|