ShrlAlgoToolkit/WPFluent.Gallery/Views/Pages/NavigationPage.xaml

<Page
    x:Class="WPFluent.Gallery.Views.Pages.Navigation.NavigationPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="clr-namespace:WPFluent.Gallery.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:WPFluent.Gallery.Views.Pages.Navigation"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:models="clr-namespace:WPFluent.Gallery.Models"
    xmlns:ui="https://github.com/ShrlAlgo/WPFluent"
    xmlns:vm="clr-namespace:WPFluent.Gallery.ViewModels.Pages.Navigation"
    mc:Ignorable="d"
    d:DataContext="{d:DesignInstance vm:BreadcrumbBarViewModel,
                                     IsDesignTimeCreatable=False}"
    Foreground="{DynamicResource TextFillColorPrimaryBrush}"
    Title="NavigationPage"
    
    >

    <ui:StackPanel Spacing="5">
        <GroupBox Header="菜单">
            <Menu FontSize="14">
                <ui:MenuItem Header="文件" Icon="{ui:SymbolIcon DocumentSplitHint20}">
                    <MenuItem Header="新建" />
                    <MenuItem Header="新建窗口" />
                    <MenuItem Header="打开" />
                    <MenuItem Header="保存" />
                    <MenuItem Header="另存为" />
                    <Separator />
                    <MenuItem Header="退出" />
                </ui:MenuItem>
                <ui:MenuItem Header="编辑" Icon="{ui:SymbolIcon DocumentEdit20}">
                    <MenuItem Header="撤销" />
                    <Separator />
                    <MenuItem Header="剪切" />
                    <MenuItem Header="复制" />
                    <MenuItem Header="粘贴" />
                    <MenuItem IsEnabled="False" />
                    <Separator />
                    <MenuItem Header="Search with browser" />
                    <MenuItem Header="Find..." />
                    <MenuItem Header="Find next" />
                    <Separator />
                    <MenuItem Header="Select All" />
                </ui:MenuItem>
                <Separator />
                <ui:MenuItem Icon="{ui:SymbolIcon TextBold20}" />
                <ui:MenuItem Icon="{ui:SymbolIcon TextItalic20}" />
                <ui:MenuItem Icon="{ui:SymbolIcon TextUnderline20}" />
            </Menu>
        </GroupBox>
        <GroupBox>
            <ui:TabView >
                <ui:TabViewItem>
                    <ui:TabViewItem.Header>
                        <StackPanel Orientation="Horizontal">
                            <ui:SymbolIcon Margin="0,0,6,0" Symbol="XboxConsole24" />
                            <TextBlock Text="Hello" />
                        </StackPanel>
                    </ui:TabViewItem.Header>
                    <Grid>
                        <TextBlock Margin="12" Text="World" />
                    </Grid>
                </ui:TabViewItem>
                <ui:TabViewItem IsSelected="True">
                    <ui:TabViewItem.Header>
                        <StackPanel Orientation="Horizontal">
                            <ui:SymbolIcon Margin="0,0,6,0" Symbol="StoreMicrosoft16" />
                            <TextBlock Text="The cake" />
                        </StackPanel>
                    </ui:TabViewItem.Header>
                    <Grid>
                        <TextBlock Margin="12" Text="Is a lie." />
                    </Grid>
                </ui:TabViewItem>
            </ui:TabView>
        </GroupBox>
        <TabControl Margin="0,8,0,0">
            <TabItem>
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <ui:SymbolIcon Margin="0,0,6,0" Symbol="XboxConsole24" />
                        <TextBlock Text="Hello" />
                    </StackPanel>
                </TabItem.Header>
                <Grid>
                    <TextBlock Margin="12" Text="World" />
                </Grid>
            </TabItem>
            <TabItem IsSelected="True">
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <ui:SymbolIcon Margin="0,0,6,0" Symbol="StoreMicrosoft16" />
                        <TextBlock Text="The cake" />
                    </StackPanel>
                </TabItem.Header>
                <Grid>
                    <TextBlock Margin="12" Text="Is a lie." />
                </Grid>
            </TabItem>
        </TabControl>
        <ui:BreadcrumbBar  ItemsSource="{Binding Strings, Mode=OneWay}" />
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>
            <ui:BreadcrumbBar
                    x:Name="BreadcrumbBar2"
                    Grid.Column="0"
                    Command="{Binding FolderSelectedCommand, Mode=OneWay}"
                    ItemsSource="{Binding Folders, Mode=OneWay}">
                <ui:BreadcrumbBar.ItemTemplate>
                    <DataTemplate DataType="{x:Type models:Folder}">
                        <TextBlock Text="{Binding Name, Mode=OneTime}" />
                    </DataTemplate>
                </ui:BreadcrumbBar.ItemTemplate>
            </ui:BreadcrumbBar>
            <Button
                    Grid.Column="1"
                    Command="{Binding ResetFoldersCommand, Mode=OneWay}"
                    Content="Reset" />
        </Grid>
    </ui:StackPanel>
</Page>