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
|
<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:uix="http://projectmallard.org/experimental/ui/" type="topic" id="drop-down-lists" xml:lang="sv">
<info>
<credit type="author">
<name>Allan Day</name>
<email>aday@gnome.org</email>
</credit>
<link type="guide" xref="ui-elements"/>
<uix:thumb mime="image/svg" src="figures/ui-elements/drop-down-list.svg"/>
<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>Anders Jonsson</mal:name>
<mal:email>anders.jonsson@norsjovallen.se</mal:email>
<mal:years>2015, 2018</mal:years>
</mal:credit>
<mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
<mal:name>Sebastian Rasmussen</mal:name>
<mal:email>sebras@gmail.com</mal:email>
<mal:years>2017, 2018</mal:years>
</mal:credit>
</info>
<title>Rullgardinslistor</title>
<p>En rullgardinslista är ett användargränssnittselement som låter användaren välja från en lista av ömsesidigt uteslutande alternativ. Det visas som en knapp som, när den klickas på, visar en lista.</p>
<media type="image" mime="image/svg" src="figures/ui-elements/drop-down-list.svg"/>
<p>Radioknappar eller en lista är ofta att föredra framför en rullgardinslista då de visar alla möjliga alternativ på en gång utan vidare interaktion. Samtidigt kan en rullgardinslista vara ett bättre alternativ när:</p>
<list>
<item><p>Antalet alternativ är stort.</p></item>
<item><p>Det inte finns mycket tillgängligt utrymme.</p></item>
<item><p>Listan över alternativ kan ändras över tid.</p></item>
<item><p>Innehållet i den gömda delen av menyn är uppenbart från dess etikett och de valda objektet. Om du till exempel har en alternativmeny med etiketten ”Månad:” med objektet ”Januari” valt, kan användaren rimligen dra slutsatsen att menyn innehåller årets 12 månader utan att titta.</p></item>
</list>
<section id="general-guidelines">
<title>Allmänna riktlinjer</title>
<list>
<item><p>Även om GTK tillhandahåller en specifik komponent för kombinationsrutor rekommenderas det att rullgardinslistor konstrueras från en kombination av en knapp och ett kontextfönster. Detta tillåter bekvämare rullning i långa listor och tillåter sökningar att integreras i listan. Att använda detta tillvägagångssätt möjliggör också att det för närvarande markerade objektet visas hela tiden.</p></item>
<item><p>Om antalet objekt är väldigt stort, tillhandahåll en sökfunktion som filtrerar listan.</p></item>
<item><p>Etikettera knappen för rullgardinslistan med en textetikett ovanför eller till vänster om den, använd <link xref="writing-style#capitalization">stor bokstav i början på mening</link>. Tillhandahåll en snabbtangent i etiketten som låter användaren direkt ge fokus till rullgardinslistan.</p></item>
<item><p>Använd <link xref="writing-style#capitalization">stor bokstav i början på mening</link> för objekten i rullgardinslistor, till exempel <gui>Växlad rörelse</gui>.</p></item>
</list>
</section>
<section id="custom-values">
<title>Anpassade värden</title>
<media type="image" mime="image/svg" src="figures/ui-elements/drop-down-list-custom-values.svg"/>
<p>En rullgardinslista kan tillåta att anpassade värden läggs till till ett antal förinställningar eller kan användas för att mata in och välja enbart från anpassade värden.</p>
<list>
<item><p>Försäkra att anpassade värden ordnas på ett sätt så att det är som mest användbart för användarna. Alfabetisk ordning eller turordning är vanligt.</p></item>
<item><p>När en rullgardinslista inkluderar både förinställningar och anpassade värden, separera dem i grupper inom listan.</p></item>
<item><p>Tillåt att anpassade värden tas bort från listan.</p></item>
<item><p>Kontrollera anpassade värden när de matas in, för att undvika fel.</p></item>
<item><p>Om rullgardinslistan endast accepterar anpassade värden och inga värden har matats in tidigare, visa inmatningsrutan för anpassade värden när rullgardinslistan öppnas, istället för att visa en tom lista.</p></item>
</list>
</section>
</page>
|
