1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
|
<?xml version="1.0" encoding="utf-8"?>
<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">
<info>
<link type="guide" xref="patterns#primary"/>
<desc>Řádky s informacemi nebo položkami obsahu.</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>Seznamy</title>
<p>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.</p>
<p><link xref="sidebar-lists">Postranní seznam</link> je samostatný návrhový vzor, který také využívá seznam.</p>
<section id="when-to-use">
<title>Kdy použít</title>
<p>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>.</p>
<p>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.</p>
</section>
<section id="standard-lists">
<title>Standardní seznamy</title>
<p>Standardní seznamy jsou běžným typem seznamu a měly by být obecně používány ve prospěch tabulek.</p>
<p>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.</p>
<section id="styles">
<title>Styly</title>
<p>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í.</p>
<p>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:</p>
<list>
<item><p>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.</p></item>
<item><p>Když okno obsahuje několik seznamů.</p></item>
<item><p>Když je potřeba seznam zarovnat s ostatními ovládacími prvky v okně.</p></item>
</list>
<media type="image" mime="image/svg" src="figures/patterns/list-styles.svg"/>
</section>
<section id="editable-lists">
<title>Editovatelné seznamy</title>
<p>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é.</p>
<p>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>.</p>
<media type="image" mime="image/svg" src="figures/patterns/editable-lists.svg"/>
</section>
</section>
<section id="tables">
<title>Tabulky</title>
<p>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ů.</p>
<p>Když používáte záhlaví sloupců, dávejte najevo postup řazení pomocí šipek v záhlaví.</p>
<table>
<thead>
<tr>
<td><p>Pořadí</p></td>
<td><p>Směr šipky</p></td>
<td><p>Příklad</p></td>
</tr>
</thead>
<tbody>
<tr>
<td><p>Přirozené</p></td>
<td><p>Dolů</p></td>
<td><p>Abecední pořadí, od nejmenšího čísla po největší, od nejstaršího data po nejnovější, zaškrtnuté položky první</p></td>
</tr>
<tr>
<td><p>Opačné</p></td>
<td><p>Nahoru</p></td>
<td><p>Opačné abecední pořadí, od největšího čísla po nejmenší, od nejnovějšího data po nejstarší, nezaškrtnuté položky první</p></td>
</tr>
</tbody>
</table>
</section>
<section id="row-behavior">
<title>Chování řádku</title>
<p>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ů:</p>
<table>
<thead>
<tr>
<td><p>Typ seznamu</p></td>
<td><p>Chování řádku</p></td>
</tr>
</thead>
<tbody>
<tr>
<td><p>Navigační</p></td>
<td><p>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í.</p></td>
</tr>
<tr>
<td><p>Výběrový</p></td>
<td><p>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. </p></td>
</tr>
<tr>
<td><p itst:context="list-type">Editační</p></td>
<td><p>Výběrem řádku se položka v řádku změní na textové vstupní pole, ve kterém ji můžete upravit.</p></td>
</tr>
</tbody>
</table>
<p>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.</p>
</section>
<section id="general-guidelines">
<title>Obecné zásady</title>
<list>
<item><p>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.</p></item>
<item><p>Dávejte pozor, abyste seznamy nepřeplácali různými sloupci a prvky, a zajistěte, že budou podány jen podstatné informace.</p></item>
<item><p>Podle nepsaných pravidel byste se měli vyhnout několika seznamům ve stejném okně, zejména v hlavním okně.</p></item>
<item><p>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.</p></item>
<item><p>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é.</p></item>
<item><p>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.</p></item>
<item><p>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.</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/GtkListBox.html">GtkListBox</link></p></item>
<item><p><link href="https://developer.gnome.org/gtk3/stable/GtkTreeView.html">GtkTreeView</link></p></item>
</list>
</section>
</page>
|
