SukiSideMenu
SukiSideMenu
是 SukiUI 主要的导航控件,类似其他库中的 NavigationView
展示
示例
xml
<suki:SukiSideMenu
IsSearchEnabled="True" // 启用搜索
>
<suki:SukiSideMenu.Items>
<suki:SukiSideMenuItem Header="Statistics">
<suki:SukiSideMenuItem.Icon>
<!-- Icon -->
</suki:SukiSideMenuItem.Icon>
<suki:SukiSideMenuItem.PageContent>
<!-- Page Content -->
</suki:SukiSideMenuItem.PageContent>
</suki:SukiSideMenuItem>
</suki:SukiSideMenu.Items>
<suki:SukiSideMenu.ItemTemplate>
<DataTemplate>
<suki:SukiSideMenuItem
Classes="Compact" // 启用紧凑布局
Header="{Binding DisplayName}">
<suki:SukiSideMenuItem.Icon>
<avalonia:MaterialIcon Kind="{Binding Icon}" />
</suki:SukiSideMenuItem.Icon>
</suki:SukiSideMenuItem>
</DataTemplate>
</suki:SukiSideMenu.ItemTemplate>
<suki:SukiSideMenu.HeaderContent>
<!-- Header Content -->
</suki:SukiSideMenu.HeaderContent>
<suki:SukiSideMenu.FooterContent>
<!-- Footer Content -->
</suki:SukiSideMenu.FooterContent>
</suki:SukiSideMenu>