Barre d'application Windows 8 inférieure

J'ai essayé d'obtenir un App bar mis en œuvre dans un WinRT metro app (C# /XAML), mais ne savez pas par où commencer. J'ai essayé d'utiliser le <ApplicationBar/> tag et je reçois un Type not found erreur.

Il n'y a pas d'aide en ligne, quelqu'un pourrait-il mettre à jour ce post avec la réponse de sorte qu'il va servir de référence à d'autres programmeurs?

Il n'y a qu'un JavaScript de l'échantillon qui n'est pas d'une grande aide.

source d'informationauteur Jay Kannan

  1. 13

    Cela devrait fonctionner:

    <AppBar
    VerticalAlignment="Bottom">
    <Button
        AutomationProperties.Name="Play"
        Style="{StaticResource PlayAppBarButtonStyle}"
        Command="{Binding PlayCommand}" />
</AppBar>

    – vous mettre cela dans la mise en page de la racine de la grille de votre page.

    *MODIFIER

    Remarque: Selon la documentation, - vous pouvez le mettre dans Page.BottomAppBar de propriété, bien qu'au moins dans Windows 8 Consumer Preview - il fonctionne très bien lorsque utilisé dans n'importe quelle Grille, ce qui est pratique si votre INTERFACE utilisateur n'est pas étroitement couplée à un contrôle de Page.

    *EDIT 2, réponse de MSFT:

    L'approche recommandée consiste à utiliser la Page.BottomAppBar/TopAppBar propriétés.

    • Il y a des test d'atteinte des questions dans l'Aperçu des Consommateurs si les barres d'applications sont ajoutés sans l'aide de ces propriétés
    • Les barres d'applications n'utilisent pas les bonnes animations s'ils sont ajoutés sans l'aide de ces propriétés
    • Si les barres d'applications sont ajoutées en tant qu'enfants de l'arbitraire des éléments, puis c'est plus facile pour des commandes multiples pour tenter de créer/modifier les barres d'applications, résultant en un manque d'uniformité de l'expérience utilisateur

    *EDIT 3

    La CustomAppBar dans XAML Toolkit peut être utilisé n'importe où, anime basé sur la Verticale/Horizontale de l'Alignement, peut avoir d'autres contenus placée au-dessus d'elle et a également un CanOpen propriété qui permet de bloquer l'ouverture.

  2. 1
    <Page.TopAppBar>
    <AppBar>
        <TextBlock x:Name="TextBlock1" Text="Sample Text" Margin="0,0,0,0" Height="Auto" VerticalAlignment="Center" HorizontalAlignment="Left"/>
    </AppBar>
</Page.TopAppBar>