Как создать Top AppBar, похожий на встроенные приложения в Windows 8.1?

Question

Встроенные приложения Windows 8.1, такие как " Спорт", " Путешествия" и т. Д., Используют классную многоуровневую панель приложений. Похоже, это какой-то стандартный UserControl, который можно использовать в любом приложении, но я не нашел никакого руководства, как просто добавить его в мое приложение.
Это действительно какая-то общая панель приложений или пользовательская панель приложений, используемая только в приложениях Microsoft? Основной CommandBar не имеет такого стиля, о котором я знаю.

Answer 1

В WP 8.1 есть элемент управления AppBar, но вам может потребоваться установить его макет и стиль. Но вы можете начать со стиля по умолчанию. Рассмотрим пример панели приложения ниже, где я добавил несколько основных команд и одну дополнительную команду

<Page
    x:Class="App1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App1"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock HorizontalAlignment="Left" Margin="471,258,0,0" TextWrapping="Wrap" Text="Demo AppBar" FontSize="32" VerticalAlignment="Top" Height="64" Width="314"/>

    </Grid>

    <Page.BottomAppBar>
        <CommandBar>
            <CommandBar.PrimaryCommands>
                <AppBarButton Icon="Accept" Label="Save"/>
                <AppBarButton Icon="Cancel" Label="Cancel"/>
                <AppBarSeparator />
                <AppBarButton Icon="Add" Label="Add New" />
            </CommandBar.PrimaryCommands>

            <CommandBar.SecondaryCommands>
                <AppBarButton Label="About">
                    <AppBarButton.Icon>
                        <BitmapIcon UriSource="/Assets/Logo.scale-100.png" />
                    </AppBarButton.Icon>
                </AppBarButton>
            </CommandBar.SecondaryCommands>
        </CommandBar>
    </Page.BottomAppBar>
</Page>

Возможно, вы захотите взглянуть на пример панели приложения Windows 8.1

Answer 2

Все еще пробую, но я думаю, что это решение, чтобы оно выглядело как встроенные приложения: Учебник для Top AppBar / NavigationBar

Вы можете поместить любые элементы GUI, которые вы хотите, внутри opfar "AppBar", даже возможны панели инструментов, которые будут развернуты при щелчке правой кнопкой мыши. Таким образом, вы должны щелкнуть правой кнопкой мыши 2 раза, чтобы получить все меню.

Выглядит все одинаково, потому что MS сделал их все в своей собственной студии. Я не думаю, что где-нибудь есть источники, потому что функциональность возможна, но внешний вид должен отличаться. Они явно советуют разрабатывать AppBar по-другому, чтобы сделать великолепное приложение в своем руководстве по стилю.