Element that runs along the top of windows
Allan Day
aday@gnome.org
Christian Kirbach
christian.kirbach@gmail.com 2014
Mario Blättermann
mario.blaettermann@gmail.com 2016

# Kopfleisten

Kopfleisten sind ein grundlegendes horizontales Element am oberen Rand von Fenstern. Sie erfüllen eine Reihe von Aufgaben:

Fenstersteuerung – Kopfzeilen ermöglichen das Verschieben von Fenstern durch Ziehen mit der Maus, enthalten Knöpfe zur Fenstersteuerung (üblicherweise ein einzelner Schließen-Knopf) und lassen den Benutzer auf ein Menü zur Fenstersteuerung zugreifen.

Überschriften – eine grundlegende Rolle der Kopfleiste ist die Bereitstellung von Kontext zum Inhalt des Fensters, entweder durch eine Überschrift oder einen Ansichtswechsler.

Steuerungslemente – Kopfzeilen bieten Platz für Steuerungen, typischerweise in der Form von Knöpfen.

# Anwendungsfälle

Header bars are recommended for all application windows. They provide a number of advantages over the traditional combination of title bar, menu bar and toolbar, including a smaller vertical footprint, and dynamic navigation and mode changes (such as with selection mode).

Kopfzeilen sind zu herkömmlichen Menüleisten nicht kompatibel. Wenn Ihre Anwendung bereits eine Menüleiste enthält, sollten Sie den Umstieg auf die in diesen Richtlinien erwähnten Alternativen in Erwägung ziehen. In den Richtlinien zu Menüleisten finden Sie weitere Details hierzu.

# Steuerungen

Header bars can contain key controls for the window, which can be placed on the left and right-hand side of the header bar. Examples of these controls include buttons for navigating back and forward, search, and selecting content.

Ensure that your header bar only contains a small number of key controls - this will help users to understand the primary functionality provided by the window, and will ensure that the window can be resized to narrow widths.

Wenn ein Fenster mehr Bedienelemente benötigt, als komfortabel in der Kopfleiste untergebracht werden können, kann zusätzliche Funktionalität über ein Kopfleistenmenü angeboten werden.

# Kopfleisten sind dynamisch

Eine Kopfleiste kann - und sollte - bei Änderungen der Ansicht oder des Modus aktualisiert werden. Dies stellt sicher, dass die Bedienelemente der Kopfleiste stets im aktuellen Kontext relevant sind.

If the window includes multiple views (accessed through a view switcher), the header bar can include different controls for each view.

If the window incorporates navigation, different controls can be shown depending on the location displayed in the window itself. It is common to show a back button on the left side of the header bar when navigating.

# Additional guidance

A header bar should always provide context for the window it belongs to. This aids window identification, and clarifies what is displayed in the window itself. This can either be done by placing a heading in the center of the header bar, or by including a view switcher.

Arrange controls within the header bar according to the three alignment points described in the visual layout guidelines - left, center and right.

New and back buttons should be placed on the left side of the header bar.

Achten Sie darauf, dass immer genügend Platz in der Kopfzeile bleibt, um sie mit der Maus ziehen zu können. Anderenfalls wäre es nicht möglich, Fenster zu verschieben oder deren Größe zu ändern.

# API-Referenz

GtkHeaderBar