81 lines
3.4 KiB
XML
81 lines
3.4 KiB
XML
<UserControl
|
|
x:Class="Ursa.Demo.Pages.NavMenuDemo"
|
|
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"
|
|
xmlns:u="https://irihi.tech/ursa"
|
|
xmlns:vm="using:Ursa.Demo.ViewModels"
|
|
d:DesignHeight="450"
|
|
d:DesignWidth="800"
|
|
x:CompileBindings="True"
|
|
x:DataType="vm:NavMenuDemoViewModel"
|
|
mc:Ignorable="d">
|
|
<ScrollViewer>
|
|
<StackPanel HorizontalAlignment="Left">
|
|
<!--
|
|
<TextBlock Text="{ReflectionBinding #menu2.SelectedItem.Header}"></TextBlock>
|
|
<u:NavMenu Name="menu2" Width="300" IsHorizontalCollapsed="{Binding #collapse.IsChecked}">
|
|
<u:NavMenuItem Header="Menu 1">
|
|
<u:NavMenuItem.Icon>
|
|
<Rectangle
|
|
Width="10"
|
|
Height="10"
|
|
Fill="Red" />
|
|
</u:NavMenuItem.Icon>
|
|
<u:NavMenuItem Header="Sub Menu 1"></u:NavMenuItem>
|
|
<u:NavMenuItem Header="Sub Menu 2"></u:NavMenuItem>
|
|
<u:NavMenuItem Header="Sub Menu 3"></u:NavMenuItem>
|
|
</u:NavMenuItem>
|
|
<u:NavMenuItem Header="Menu 2">
|
|
<u:NavMenuItem.Icon>
|
|
<Rectangle
|
|
Width="20"
|
|
Height="10"
|
|
Fill="Red" />
|
|
</u:NavMenuItem.Icon>
|
|
</u:NavMenuItem>
|
|
<u:NavMenuItem Header="Menu 3">
|
|
<u:NavMenuItem.Icon>
|
|
<Rectangle
|
|
Width="30"
|
|
Height="10"
|
|
Fill="Red" />
|
|
</u:NavMenuItem.Icon>
|
|
</u:NavMenuItem>
|
|
</u:NavMenu>
|
|
<u:Divider Content="Divider" />
|
|
-->
|
|
<TextBlock Text="{ReflectionBinding #menu.SelectedItem.Header}" />
|
|
<ToggleButton Name="collapse">Collapse</ToggleButton>
|
|
|
|
<u:NavMenu
|
|
Name="menu"
|
|
Width="300"
|
|
HeaderBinding="{Binding Header}"
|
|
IconBinding="{Binding}"
|
|
IsHorizontalCollapsed="{Binding #collapse.IsChecked, Mode=OneWay}"
|
|
ItemsSource="{Binding MenuItems}"
|
|
SubMenuBinding="{Binding Children}">
|
|
<u:NavMenu.Styles>
|
|
<Style Selector="Rectangle">
|
|
<Setter Property="Fill" Value="Blue" />
|
|
</Style>
|
|
<Style Selector="Rectangle.Active">
|
|
<Setter Property="Fill" Value="Red" />
|
|
</Style>
|
|
</u:NavMenu.Styles>
|
|
<u:NavMenu.IconTemplate>
|
|
<DataTemplate>
|
|
<Rectangle
|
|
Width="10"
|
|
Height="10"
|
|
Classes.Active="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=u:NavMenuItem}, Path=IsHighlighted, Mode=TwoWay}">
|
|
</Rectangle>
|
|
</DataTemplate>
|
|
</u:NavMenu.IconTemplate>
|
|
</u:NavMenu>
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
</UserControl>
|