Hinzufügen von App-Leisten (Windows Store-Apps mit C#/VB/C++ und XAML)

Verwenden Sie App-Leisten, um den Benutzern Navigationselemente, Befehle und Tools anzuzeigen. App-Leisten werden standardmäßig ausgeblendet und nur angezeigt, wenn der Benutzer den Finger vom unteren Bildschirmrand aus über den Bildschirm zieht oder mit einer Maus rechtsklickt. Sie werden im Vordergrund des Anwendungsinhalts angezeigt. Der Benutzer kann sie wieder schließen, indem er mit dem Finger über einen Bildschirmrand streift oder mit der Anwendung interagiert. App-Leisten reagieren automatisch auf diese Streifbewegung über den Bildschirmrand und können programmgesteuert angezeigt oder ausgeblendet werden.

Unteres App-Leistensteuerelement

Das XAML-Framework stellt die CommandBar- und AppBar-Steuerelemente bereit, die die Anzeige der Benutzeroberfläche oben oder unten im Bildschirm bei einer Streifbewegung über den Bildschirmrand ermöglichen.

Wenn Sie eine App-Leiste benötigen, die nur die Steuerelemente AppBarButton, AppBarToggleButton und AppBarSeparator enthält, verwenden Sie eine CommandBar. Das CommandBar-Steuerelement bietet folgende Funktionen, die das Erstellen einfacher App-Leisten erleichtern:

  • Automatisches Befehlslayout mit primären Befehlen auf der rechten Seite und sekundären Befehlen auf der linken Seite.
  • Automatische Größenänderung von App-Leistenschaltflächen, wenn sich die Größe der App ändert.

Falls Sie komplexere Inhalte benötigen (z. B. Bilder, Statusleisten oder Textblöcke), verwenden Sie ein AppBar-Steuerelement. Sie können ein AppBar-Steuerelement mit benutzerdefiniertem Inhalt verwenden, um eine Leiste mit Tools oder eine Navigations-UI zu erstellen. Wenn Sie die Befehle in einem AppBar-Steuerelement platzieren, müssen Sie den Inhalt der AppBar an die geänderte Größe des Bildschirms anpassen und neu anordnen.

Laden Sie die Praxislabs für Windows 8 herunter, wenn Sie mit App-Leisten und anderen wichtigen Windows 8-Features arbeiten möchten. Diese Labs führen modulbasiert und schrittweise in die Erstellung von Windows Store-Beispiel-Apps in verschiedenen Programmiersprachen ein (JavaScript und HTML oder C# und XAML).

Inhalt dieses Abschnitts

ThemaBeschreibung

Schnellstart: Hinzufügen von App-Leisten

Auf App-Leisten können Sie Navigationselemente, Befehle und Tools anzeigen, die ausgeblendet werden können, wenn sie nicht benötigt werden.

Schnellstart: Hinzufügen von Schaltflächen auf der App-Leiste

Befehle in einer App-Leiste werden normalerweise in einem speziellen Stil mit einer runden Schaltfläche, einem Symbol und einer Beschriftung angezeigt. Mithilfe der AppBarButton-, AppBarToggleButton- und AppBarSeparator-Steuerelemente können Sie leichter App-Leisten erstellen, die die ordnungsgemäßen Designrichtlinien und Verhaltensweisen widerspiegeln.

So wird's gemacht: Verwenden einer App-Leiste in verschiedenen Größen

Wenn der Benutzer eine App verengt, ist in der Horizontale weniger Platz zum Anzeigen von Befehlen vorhanden. Sollten sich auf der App-Leiste mehr als nur ein paar Schaltflächen befinden, müssen Sie einige Anpassungen vornehmen, damit die Schaltflächen bei engeren Breiten ordnungsgemäß angezeigt werden.

So wird's gemacht: Hinzufügen von Kontextbefehlen zu einer App-Leiste

Fügen Sie einer App-Leiste Befehle basierend auf der Benutzerauswahl oder Navigation hinzu.

So wird's gemacht: Hinzufügen eines Menüs zu einer App-Leiste

Verwenden Sie ein Menü, um einer App-Leiste mehrere verwandte Befehle hinzuzufügen.

So wird's gemacht: Freigeben eines einer App-Leiste für mehrere Seiten

Verwenden Sie eine App-Leiste auf mehreren verwandten Seiten in Ihrer App.

AppBar-Stile und -Vorlagen

In diesem Thema werden die Stile und Vorlagen für das AppBar-Steuerelement beschrieben.

CommandBar-Stile und -Vorlagen

In diesem Thema werden die Stile und Vorlagen für CommandBar-Steuerelemente beschrieben.

AppBarButton-Stile und -Vorlagen

In diesem Thema werden die Stile und Vorlagen für AppBarButton-Steuerelemente beschrieben.

AppBarToggleButton-Stile und -Vorlagen

In diesem Thema werden die Stile und Vorlagen für AppBarToggleButton-Steuerelemente beschrieben.

AppBarSeparator-Stile und -Vorlagen

In diesem Thema werden die Stile und Vorlagen für AppBarSeparator-Steuerelemente beschrieben.

Bilder im Schaltflächenstil für die App-Leiste

Bilder der in StandardStyles.xaml enthaltenen Schaltflächenstile für die AppBar.

Richtlinien und Prüfliste für App-Leisten

Befolgen Sie diese Richtlinien, wenn Sie mit App-Leisten für Windows Store-Apps arbeiten.

 

 

 

Anzeigen:
© 2014 Microsoft. Alle Rechte vorbehalten.