Freigeben über


Hinzufügen von App- und Symbolleisten (HTML)

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation ]

Verwenden Sie App-Leisten, um Befehle für den jeweiligen Kontext des Benutzers, in der Regel die aktuelle Seite oder Auswahl, anzuzeigen. Die App-Leiste stellt eine Befehlsoberfläche dar, die durch Tippen auf die Ellipse auf der App-Leiste eingeblendet wird und die Beschriftungen für die Symbolschaltflächen und Menüelemente (sofern aktiviert) anzeigt. Ein AppBarCommand-Element kann „primär“ oder „sekundär“ sein. Primäre Befehle werden als Schaltflächenbefehle im Aktionsbereich der App-Leiste angezeigt, und sekundäre Befehle sind immer als Menübefehle im Überlaufbereich ausgeblendet. App-Leisten sind auf den oberen oder unteren Rand des Anzeigebereichs von Anwendungen beschränkt und führen immer zu einer Überlagerung der Canvas.

Beispiel für eine App-Leiste

Die Symbolleiste (ToolBar) ist eine spezielle Form der App-Leiste. Es handelt sich dabei um ein einfaches Steuerelement für die Befehlsskalierbarkeit. Dieses Steuerelement enthält einen Aktionsbereich, in dem Befehle sofort verfügbar sind, und einen Überlaufbereich, in dem Befehle ausgeblendet sind, aber auf Anforderung durch den Endbenutzer angezeigt werden können. Das Steuerelement unterstützt das adaptive Verhalten, indem bei wenig Platz das dynamische Verschieben von Befehlen vom primären in den sekundären Bereich ermöglicht wird. Das ToolBar-Element ist nicht auf eine bestimmte Position in einer App beschränkt, sondern kann an verschiedenen Stellen wie etwa auf dem AppBar-Element, in einem Flyout und auf der Canvas angezeigt werden.

Auf der Website WinJS ausprobieren können Sie mit App-Leisten, Symbolleisten und anderen wichtigen Features der Windows-Bibliothek für JavaScript (WinJS) experimentieren.

Es ist wichtig zu beachten, dass App-Leisten und Symbolleisten sich nur in einigen Punkten unterscheiden:

  • Eine App-Leiste ist eine einfach auszublendende Überlagerung. Dies bedeutet, dass davon immer ein Teil des Bildschirms eingenommen wird.
  • Die App-Leiste muss, wie alle einfach auszublendenden Überlagerungen, immer ein direktes untergeordnetes Element des <body>-Elements sein.
  • Die Symbolleiste stellt im geschlossenen Zustand keine Überlagerung dar. Dies bedeutet, dass dafür wie bei jeder anderen Komponente auch ein eigener Layoutbereich verfügbar sein muss.
  • Im geöffneten Zustand fungiert die Symbolleiste wie eine Überlagerung, da benachbarte Inhalte verdeckt werden, wenn sie vertikal erweitert wird.

Inhalt dieses Abschnitts

Thema Beschreibung

Hinzufügen eines ToolBar-Steuerelements mit Befehlen (HTML)

ToolBar ist ein einfaches Steuerelement für die Befehlsskalierbarkeit. Es verfügt über einen action area, in dem Befehle sofort verfügbar sind, und einen overflow area, in dem Befehle ausgeblendet sind, aber auf Anforderung durch den Endbenutzer angezeigt werden können. Das Steuerelement unterstützt das adaptive Verhalten, indem bei wenig Platz das dynamische Verschieben von Befehlen vom primären in den sekundären Bereich ermöglicht wird. ToolBar ist nicht auf eine bestimmte Position in einer App beschränkt, sondern kann an verschiedenen Stellen wie etwa auf der Splitview, in einem Flyout und auf der canvas angezeigt werden.

Hinzufügen eines AppBar-Elements mit Befehlen (HTML)

In diesem Artikel wird beschrieben, wie Sie einer Windows-Runtime-App mit JavaScript eine App-Leiste hinzufügen.

Hinzufügen eines AppBar-Elements mit benutzerdefiniertem Inhalt (HTML)

Sie können einer Windows Store-App mit JavaScript eine App-Leiste (AppBar) mit benutzerdefiniertem Inhalt hinzufügen.

So wird's gemacht: Verwenden von App-Leisten mit "ListViews"

In dieser Anleitung wird die Interaktion zwischen ListView- und AppBar-Steuerelementen zur Unterstützung der Szenarien unter Berücksichtigung der bewährten Methoden für das AppBar-Steuerelement erläutert.

Formatieren von AppBars und ToolBars (HTML)

Enthält Beispiele zum Formatieren eines AppBar- oder ToolBar-Elements und ihrer Steuerelemente.