Blame hig/cs/lists.page

Packit 1470ea
Packit 1470ea
<page xmlns="http://projectmallard.org/1.0/" xmlns:uix="http://projectmallard.org/experimental/ui/" xmlns:itst="http://itstool.org/extensions/" type="topic" id="lists" xml:lang="cs">
Packit 1470ea
Packit 1470ea
  <info>
Packit 1470ea
    <link type="guide" xref="patterns#primary"/>
Packit 1470ea
    <desc>Řádky s informacemi nebo položkami obsahu.</desc>
Packit 1470ea
    <credit type="author">
Packit 1470ea
      <name>Allan Day</name>
Packit 1470ea
      <email>aday@gnome.org</email>
Packit 1470ea
    </credit>
Packit 1470ea
    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>
Packit 1470ea
  </info>
Packit 1470ea
Packit 1470ea
<title>Seznamy</title>
Packit 1470ea
Packit 1470ea

Seznamy jsou základními prvky uživatelského rozhraní, které můžete použít k zobrazení informací, položek obsahu nebo ovládacích prvků. V GNOME 3 existují dva hlavní typy seznamů: standardní seznamy a tabulky.

Packit 1470ea
Packit 1470ea

<link xref="sidebar-lists">Postranní seznam</link> je samostatný návrhový vzor, který také využívá seznam.

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

Seznam je vhodný způsob zobrazení pro položky obsahu, které k rozlišení používají především svůj název. Pokud je pro obsah přirozenější jeho vizuální podoba, například u fotografií nebo videí, pouvažujte místo toho o použití <link xref="grids">mřížky</link>.

Packit 1470ea
Packit 1470ea

V některých případech může být přínosné zobrazit položky obsahu jak v seznamové, tak mřížkové podobě. Při použití tímto způsobem bývají v seznamovém zobrazení pomocí sloupců zobrazené navíc další informace o obsahu.

Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="standard-lists">
Packit 1470ea
<title>Standardní seznamy</title>
Packit 1470ea
Packit 1470ea

Standardní seznamy jsou běžným typem seznamu a měly by být obecně používány ve prospěch tabulek.

Packit 1470ea
Packit 1470ea

Ve standardních seznamech je každý řádek rozdělen pomocí oddělovačů a změny řazení se dosahuje pomocí ovládacích prvků mimo vlastní seznam.

Packit 1470ea
Packit 1470ea
<section id="styles">
Packit 1470ea
<title>Styly</title>
Packit 1470ea
Packit 1470ea

Standardní seznamy se objevují ve dvou podobách: v plné šířce a jako vložené. Seznamy v plné šířce vyplní celý svůj kontejner, zatímco vložené seznamy mají okolo sebe odsazení.

Packit 1470ea
Packit 1470ea

Seznamy v plné šířce jsou vizuálně jednodušší a proto elegantnější. Měly by se používat všude, kde je to možné. Zároveň ale není seznamy v plné šířce možné použít vždy a jsou situace, když je vložený seznam lepší volbou:

Packit 1470ea
Packit 1470ea
<list>
Packit 1470ea
<item>

Když seznam obsahuje sloupce s informacemi, které je potřeba udržet kvůli čitelnosti těsně u sebe, a přitom je zapotřebí mít seznam uvnitř širšího kontejneru.

</item>
Packit 1470ea
<item>

Když okno obsahuje několik seznamů.

</item>
Packit 1470ea
<item>

Když je potřeba seznam zarovnat s ostatními ovládacími prvky v okně.

</item>
Packit 1470ea
</list>
Packit 1470ea
Packit 1470ea
<media type="image" mime="image/svg" src="figures/patterns/list-styles.svg"/>
Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="editable-lists">
Packit 1470ea
<title>Editovatelné seznamy</title>
Packit 1470ea
Packit 1470ea

Editovatelné seznamy umožňují uživateli do seznamu přidávat položky a odebírat je (proto také někdy bývá označován seznam přidat/odebrat). Editovatelné mohou být oba typy seznamů, s plnou šířkou i vložené.

Packit 1470ea
Packit 1470ea

Každý řádek obsahuje tlačítko pro odebrání. Pokud je počet položek krátký, může být poslední řádek seznamu použit pro přidávání. Pokud je dlouhý, je alternativou umístit tlačítko pro přidávání na <link xref="header-bars">hlavičkovou lištu</link> nebo na <link xref="action-bars">akční lištu</link>.

Packit 1470ea
Packit 1470ea
<media type="image" mime="image/svg" src="figures/patterns/editable-lists.svg"/>
Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="tables">
Packit 1470ea
<title>Tabulky</title>
Packit 1470ea
Packit 1470ea

Tabulky lze použít pro složitější vícesloupcové seznamy, kdy je běžné řazení podle různých sloupců. Záhlaví sloupců umožňují lidem poznat typ informací v jednotlivých sloupcích a přerovnávat seznam podle obsahu jednotlivých sloupců.

Packit 1470ea
Packit 1470ea

Když používáte záhlaví sloupců, dávejte najevo postup řazení pomocí šipek v záhlaví.

Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea

Pořadí

Packit 1470ea

Směr šipky

Packit 1470ea

Příklad

Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea

Přirozené

Packit 1470ea

Dolů

Packit 1470ea

Abecední pořadí, od nejmenšího čísla po největší, od nejstaršího data po nejnovější, zaškrtnuté položky první

Packit 1470ea
Packit 1470ea
Packit 1470ea

Opačné

Packit 1470ea

Nahoru

Packit 1470ea

Opačné abecední pořadí, od největšího čísla po nejmenší, od nejnovějšího data po nejstarší, nezaškrtnuté položky první

Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="row-behavior">
Packit 1470ea
<title>Chování řádku</title>
Packit 1470ea
Packit 1470ea

V závislosti na typu seznamu se řádky chovají různě při kliknutí nebo zmáčknutí. Z tohoto pohledu existují tři typy seznamů:

Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea

Typ seznamu

Packit 1470ea

Chování řádku

Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea

Navigační

Packit 1470ea

Výběrem řádku se otevře příslušná položka, ať už jako nové zobrazení pro procházení nebo pomocí dialogového okna pro otevření. Tento návrhový vzor je běžný pro seznamy s položkami obsahu nebo pro zobrazení skupin nastavení.

Packit 1470ea
Packit 1470ea
Packit 1470ea

Výběrový

Packit 1470ea

Kliknutím nebo zmáčknutím položku prostě vyberete. Tento přístup se často používá k výběru jedné z více voleb nastavení. V případě <link xref="drop-down-lists">rozbalovacího seznamu </link> je vybrána vždy jen jedna volba. Vybraný řádek je označen zaškrtávátkem.

Packit 1470ea
Packit 1470ea
Packit 1470ea

Editační

Packit 1470ea

Výběrem řádku se položka v řádku změní na textové vstupní pole, ve kterém ji můžete upravit.

Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea
Packit 1470ea

Navigační styl seznamu lze kombinovat s <link xref="selection-mode">režimem výběru</link>, aby bylo možné mít řádky naráz otevřené, i je upravovat. Měli byste se vyhnout otevírání položek ze seznamu dvojitým kliknutím, protože pro neznalé je to těžko odhalitelné a není to v souladu s dotykovým ovládáním.

Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="general-guidelines">
Packit 1470ea
<title>Obecné rady</title>
Packit 1470ea
Packit 1470ea
<list>
Packit 1470ea
<item>

Odlište různé typy informací pomocí různého zarovnání, <link xref="typography">barvy a tučnosti textu</link>. Zvýrazněte nejdůležitější a podstatné informace tím, že ostatní informace uvedete tenčím písmen a/nebo světlejší barvou.

</item>
Packit 1470ea
<item>

Dávejte pozor, abyste seznamy nepřeplácali různými sloupci a prvky, a zajistěte, že budou podány jen podstatné informace.

</item>
Packit 1470ea
<item>

Podle nepsaných pravidel byste se měli vyhnout několika seznamům ve stejném okně, zejména v hlavním okně.

</item>
Packit 1470ea
<item>

Nepoužívejte seznamy s méně než zhruba pěti položkami, ledaže by měly časem přibývat. V případě menšího počtu použijte jako alternativy zaškrtávací políčka nebo skupinové přepínače.

</item>
Packit 1470ea
<item>

Zajistěte, aby seznamy byly řazeny tak, jak je to užitečné pro toho, kdo je používá. Například u dokumentů může být řazení podle posledního použití vhodnější než abecední řazení, nebo kontakty které jsou na příjmu mohou být zajímavější než ty, které jsou odpojené.

</item>
Packit 1470ea
<item>

Pokud ve svém seznamu používáte ikony, <link xref="icons-and-artwork">používejte symbolické verze</link>. Jsou vizuálně méně výrazné, takže nebudou v seznamu opticky přebíjet nebo dominovat.

</item>
Packit 1470ea
<item>

V případě, že je seznam dlouhý, dejte pomocí standardního <link xref="search">návrhového vzoru vyhledávání</link> k dispozici možnost v něm vyhledávat.

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

<link href="https://developer.gnome.org/gtk3/stable/GtkListBox.html">GtkListBox</link>

</item>
Packit 1470ea
<item>

<link href="https://developer.gnome.org/gtk3/stable/GtkTreeView.html">GtkTreeView</link>

</item>
Packit 1470ea
</list>
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
</page>