|
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>
|