<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:uix="http://projectmallard.org/experimental/ui/" type="topic" id="header-bars" xml:lang="de">

  <info>
    <link type="guide" xref="patterns#primary"/>
    <desc>Element that runs along the top of windows</desc>
    <credit type="author">
      <name>Allan Day</name>
      <email>aday@gnome.org</email>
    </credit>
    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Christian Kirbach</mal:name>
      <mal:email>christian.kirbach@gmail.com</mal:email>
      <mal:years>2014</mal:years>
    </mal:credit>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Mario Blättermann</mal:name>
      <mal:email>mario.blaettermann@gmail.com</mal:email>
      <mal:years>2016</mal:years>
    </mal:credit>
  </info>

<title>Kopfleisten</title>

<media type="image" mime="image/svg" src="figures/patterns/header-bar.svg"/>

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

<list>
<item><p>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.</p></item>
<item><p>Überschriften – eine grundlegende Rolle der Kopfleiste ist die Bereitstellung von Kontext zum Inhalt des Fensters, entweder durch eine Überschrift oder einen Ansichtswechsler.</p></item>
<item><p>Steuerungslemente – Kopfzeilen bieten Platz für Steuerungen, typischerweise in der Form von Knöpfen.</p></item>
</list>

<section id="when-to-use">
<title>Anwendungsfälle</title>

<p>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 <link xref="selection-mode">selection mode</link>).</p>

<p>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 <link xref="menu-bars">Richtlinien zu Menüleisten</link> finden Sie weitere Details hierzu.</p>

</section>

<section id="controls">
<title>Steuerungen</title>

<p>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.</p>

<p>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.</p>

<p>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.</p>

</section>

<section id="dynamic">
<title>Kopfleisten sind dynamisch</title>

<p>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.</p>

<p>If the window includes multiple views (accessed through a <link xref="view-switchers">view switcher</link>), the header bar can include different controls for each view.</p>

<p>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.</p>

</section>

<section id="additional-guidance">
<title>Additional guidance</title>

<list>
<item><p>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 <link xref="view-switchers">view switcher</link>.</p></item>
<item><p>Arrange controls within the header bar according to the three alignment points described in the <link xref="visual-layout">visual layout guidelines</link> - left, center and right.</p></item>
<item><p><gui>New</gui> and back buttons should be placed on the left side of the header bar.</p></item>
<item><p>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.</p></item>
</list>

</section>

<section id="api-reference">
<title>API-Referenz</title>

<list>
<item><p><link href="https://developer.gnome.org/gtk3/stable/GtkHeaderBar.html">GtkHeaderBar</link></p></item>
</list>

</section>

</page>
