Language: HTML | XAML

Hinzufügen von App-Leisten (XAML)

Applies to Windows and Windows Phone

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.

Weitere Informationen zum Erstellen von App-Leisten finden Sie unter Richtlinien für App-Leisten.

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.

 

Verwandte Themen

Hinzufügen von Steuerelementen und Inhalten
Für Designer
Navigationsmuster
Befehlsmuster
Layout
Hub
Untere App-Leiste
Obere App-Leiste
Zurück-Schaltfläche
Richtlinien für App-Leisten
Richtlinien für die Hubsteuerung
Barrierefreie App-Leiste
Für Entwickler (XAML)
Ihre erste App – Teil 3: Navigation, Layout und Ansichten
Ihre erste App – Hinzufügen der Navigation und von Ansichten in einer C++-Windows Store-App mit (Lernprogramm 3 von 4)
Navigieren zwischen Seiten
Windows.UI.Xaml.Controls AppBar class
Windows.UI.Xaml.Controls CommandBar class
Windows.UI.Xaml.Controls Hub class
XAML-Beispiel für ein AppBar-Steuerelement
XAML-Beispiel für die Navigation
XAML-Beispiel für ein Hub-Steuerelement

 

 

Anzeigen:
© 2014 Microsoft