<?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="cs">

  <info>
    <link type="guide" xref="patterns#primary"/>
    <desc>Prvky fungující podél horního okraje okna</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"/>
  </info>

<title>Hlavičkové lišty</title>

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

<p>Hlavičkové lišty jsou běžné vodorovné prvky, které jsou umístěné navrchu oken. Hrají následující role:</p>

<list>
<item><p>Ovládání oken – hlavičkové lišty umožňují přesouvat okna tažením, nachází s v nich ovládací tlačítka (typicky jedno tlačítko pro jejich zavření) a poskytují přístup k nabídce pro ovládání okna.</p></item>
<item><p>Záhlaví – klíčovou rolí hlavičkové lišty je poskytnout kontext k obsahu okna, buď pomocí záhlaví nebo přepínačem zobrazení.</p></item>
<item><p>Ovládací prvky – hlavičková lišta poskytuje místo pro klíčové ovládací prvky, typicky ve formě tlačítek.</p></item>
</list>

<section id="when-to-use">
<title>Kdy použít</title>

<p>Hlavičkové lišty jsou doporučovány pro všechny typy oken aplikace. Mají řadu přínosů oproti tradiční kombinaci lišty záhlaví, nabídkové lišty a nástrojové lišty. Patří k nim méně zabraného místa na výšku, dynamická navigace a změny režimů (jako například <link xref="selection-mode">režim výběru</link>).</p>

<p>Hlavičkové lišty se vylučují s nabídkovými lištami. Pokud vaše aplikace již obsahuje nabídkovou lištu, měli byste využít alternativních doporučení v této příručce. Podrobnosti na toto téma viz <link xref="menu-bars">pokyny k nabídkovým lištám</link>.</p>

</section>

<section id="controls">
<title>Ovládací prvky</title>

<p>Hlavičkové lišty mohou obsahovat klíčové ovládací prvky, které se dají umístit na levé a pravé straně hlavičkové lišty. Příkladem těchto ovládacích prvků jsou tlačítka pro pohyb zpět a vpřed, pro hledání a pro vybírání v obsahu.</p>

<p>Dbejte na to, aby vaše hlavičková lišta obsahovala nízký počet klíčových ovládacích prvků – pomůže to uživateli pochopit hlavní funkcionalitu poskytovanou oknem a zajistí to, že okno půjde zmenšit na úzkou šířku.</p>

<p>V případě, že okno potřebuje více ovládacích prvků, než lze pohodlně vměstnat do hlavičkové lišty, můžete další funkce přidat do nabídky hlavičkové lišty.</p>

</section>

<section id="dynamic">
<title>Hlavičkové lišty jsou dynamické</title>

<p>Hlavičková lišta se může (a měla by se) aktualizovat podle zobrazení nebo změny režimu. Tím se zajistí, že ovládací prvky na hlavičkové liště budou vždy souviset s aktuálním kontextem.</p>

<p>Pokud okno zahrnuje více zobrazení (přístupných skrze <link xref="view-switchers">přepínač zobrazení</link>), může hlavičková lišta obsahovat různé ovládací prvky pro každé z těchto zobrazení.</p>

<p>Pokud okno zahrnuje navigaci, mohou se různé ovládací prvky zobrazovat v závislosti na tom, jaké umístění je zrovna v okně zobrazené. Zaběhnuté je zobrazovat navigační tlačítko <gui>Back</gui> (<gui>Zpět</gui>) na levé straně hlavičkové lišty.</p>

</section>

<section id="additional-guidance">
<title>Doplňující pokyny</title>

<list>
<item><p>Hlavičková lišty by měla vždy ukazovat kontext okna, ke kterému patří. To pomáhá okno rozpoznat mezi ostatními a vyjasnit, co je v něm zobrazeno. Provést se to dá buď umístěním názvu do středu hlavičkové lišty nebo vložením <link xref="view-switchers">přepínače zobrazení</link>.</p></item>
<item><p>Ovládací prvky na hlavičkové liště uspořádejte do tří vyrovnaných míst popsaných v <link xref="visual-layout">pokynech pro vizuální rozvržení</link> – vlevo, doprostřed a vpravo.</p></item>
<item><p>Tlačítka <gui>New</gui> a <gui>Back</gui> by měla být umístěna na levé straně hlavičkové lišty.</p></item>
<item><p>Vždy dbejte na to, aby na hlavičkové liště zůstalo nějaké místo, za které se dá chytit, když chcete okno přesunout nebo změnit jeho velikost.</p></item>
</list>

</section>

<section id="api-reference">
<title>Referenční příručka API</title>

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

</section>

</page>
