命令栏

命令栏(CommandBar)

<ui:CommandBar DefaultLabelPosition="Right">
    <ui:CommandBar.PrimaryCommands>
    <ui:CommandBarButton IconSource="Add" Label="添加"/>
    <ui:CommandBarButton IconSource="RotateClockwise" Label="旋转"/>
    <ui:CommandBarButton IconSource="ZoomIn" Label="放大"/>
    <ui:CommandBarButton IconSource="ZoomOut" Label="缩小"/>

    <ui:CommandBarSeparator VerticalAlignment="Stretch"/>

    <ui:CommandBarToggleButton
        IconSource="Edit"
        IsChecked="True"
        Label="编辑"/>
    <ui:CommandBarButton IconSource="M16 12.8l0.209 0.020 0.195 0.059 0.18 0.099 0.166 0.139 0.139 0.166 0.099 0.18 0.059 0.195 0.020 0.209v8.533l-0.020 0.209-0.059 0.195-0.099 0.18-0.139 0.166-0.166 0.139-0.18 0.099-0.195 0.059-0.209 0.020-0.209-0.020-0.195-0.059-0.18-0.099-0.166-0.139-0.139-0.166-0.099-0.18-0.059-0.195-0.020-0.209v-8.533l0.020-0.209 0.059-0.195 0.099-0.18 0.139-0.166 0.166-0.139 0.18-0.099 0.195-0.059 0.209-0.020zM16 8l0.321 0.029 0.296 0.088 0.271 0.146 0.246 0.204 0.204 0.246 0.146 0.271 0.087 0.296 0.029 0.321-0.029 0.321-0.087 0.296-0.146 0.271-0.204 0.246-0.246 0.204-0.271 0.146-0.296 0.088-0.321 0.029-0.321-0.029-0.296-0.088-0.271-0.146-0.246-0.204-0.204-0.246-0.146-0.271-0.088-0.296-0.029-0.321 0.029-0.321 0.088-0.296 0.146-0.271 0.204-0.246 0.246-0.204 0.271-0.146 0.296-0.088 0.321-0.029zM16 2.133l-0.949 0.031-0.932 0.092-0.914 0.154-0.896 0.215-0.873 0.272-0.844 0.324-0.815 0.376-0.785 0.428-0.753 0.476-0.718 0.52-0.682 0.564-0.647 0.607-0.607 0.647-0.564 0.682-0.52 0.718-0.476 0.753-0.428 0.785-0.376 0.815-0.324 0.844-0.272 0.873-0.215 0.896-0.154 0.914-0.092 0.932-0.031 0.949 0.031 0.949 0.092 0.932 0.154 0.914 0.215 0.896 0.271 0.873 0.322 0.844 0.373 0.815 0.424 0.785 0.473 0.754 0.519 0.719 0.565 0.685 0.61 0.651 0.651 0.61 0.685 0.565 0.719 0.519 0.754 0.473 0.785 0.424 0.815 0.373 0.844 0.322 0.873 0.271 0.896 0.215 0.914 0.154 0.932 0.092 0.949 0.031 0.949-0.031 0.932-0.092 0.914-0.154 0.896-0.215 0.873-0.271 0.844-0.322 0.815-0.373 0.785-0.424 0.754-0.473 0.719-0.519 0.685-0.565 0.651-0.61 0.61-0.651 0.565-0.685 0.519-0.719 0.473-0.754 0.424-0.785 0.373-0.815 0.322-0.844 0.271-0.873 0.215-0.896 0.154-0.914 0.092-0.932 0.031-0.949-0.031-0.949-0.092-0.932-0.154-0.914-0.215-0.896-0.272-0.873-0.324-0.844-0.376-0.815-0.428-0.785-0.476-0.753-0.52-0.718-0.564-0.682-0.607-0.647-0.647-0.607-0.682-0.564-0.718-0.52-0.753-0.476-0.785-0.428-0.815-0.376-0.844-0.324-0.873-0.272-0.896-0.215-0.914-0.154-0.932-0.092-0.949-0.031zM16 0l1.097 0.035 1.076 0.106 1.054 0.177 1.032 0.248 1.005 0.313 0.972 0.372 0.94 0.432 0.908 0.491 0.871 0.547 0.831 0.599 0.79 0.651 0.749 0.703 0.703 0.749 0.651 0.79 0.599 0.831 0.547 0.871 0.491 0.908 0.432 0.94 0.372 0.972 0.313 1.005 0.248 1.032 0.177 1.054 0.106 1.076 0.035 1.097-0.036 1.097-0.108 1.076-0.18 1.054-0.252 1.032-0.317 1.004-0.375 0.971-0.433 0.938-0.492 0.904-0.547 0.868-0.599 0.828-0.651 0.789-0.703 0.749-0.749 0.703-0.789 0.651-0.828 0.599-0.868 0.547-0.905 0.492-0.939 0.433-0.973 0.375-1.008 0.317-1.034 0.252-1.053 0.18-1.072 0.108-1.091 0.036-1.098-0.035-1.077-0.106-1.056-0.177-1.035-0.248-1.008-0.313-0.973-0.372-0.939-0.432-0.905-0.491-0.868-0.547-0.828-0.599-0.789-0.651-0.749-0.703-0.703-0.749-0.651-0.789-0.599-0.828-0.547-0.868-0.491-0.905-0.432-0.939-0.372-0.973-0.313-1.008-0.248-1.035-0.177-1.056-0.106-1.077-0.035-1.098 0.035-1.097 0.106-1.076 0.177-1.054 0.248-1.032 0.313-1.005 0.372-0.972 0.432-0.94 0.491-0.908 0.547-0.871 0.599-0.831 0.651-0.79 0.703-0.749 0.749-0.703 0.79-0.651 0.831-0.599 0.871-0.547 0.908-0.491 0.94-0.432 0.972-0.372 1.005-0.313 1.032-0.248 1.054-0.177 1.076-0.106 1.097-0.035z" Label="信息"/>
    <ui:CommandBarButton IconSource="Delete" Label="删除"/>
    <ui:CommandBarButton IconSource="Share" Label="分享"/>
    <ui:CommandBarElementContainer>
        <DropDownButton Theme="{StaticResource TransparentDropDownButton}">
        <Grid ColumnDefinitions="Auto, *" ColumnSpacing="8">
            <PathIcon Data="{StaticResource Scroll}"/>
            <TextBlock Grid.Column="1" Text="排序"/>
        </Grid>
        <DropDownButton.Flyout>
            <ui:FluentMenuFlyout>
            <MenuItem
                GroupName="Top"
                Header="创建日期"
                IsSelected="True"
                ToggleType="Radio"/>
            <MenuItem
                GroupName="Top"
                Header="拍摄日期"
                ToggleType="Radio"/>
            <MenuItem
                GroupName="Top"
                Header="修改日期"
                ToggleType="Radio"/>
            <MenuItem
                GroupName="Top"
                Header="名称"
                ToggleType="Radio"/>

            <Separator HorizontalAlignment="Stretch"/>

            <MenuItem
                GroupName="Bottom"
                Header="升序"
                ToggleType="Radio"/>
            <MenuItem
                GroupName="Bottom"
                Header="降序"
                IsChecked="True"
                ToggleType="Radio"/>
            </ui:FluentMenuFlyout>
        </DropDownButton.Flyout>
        </DropDownButton>
    </ui:CommandBarElementContainer>
    </ui:CommandBar.PrimaryCommands>

    <ui:CommandBar.SecondaryCommands>
    <ui:CommandBarButton IconSource="Setting" Label="设置"/>
    </ui:CommandBar.SecondaryCommands>
</ui:CommandBar>