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
|
<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:uix="http://projectmallard.org/experimental/ui/" type="topic" id="sliders" xml:lang="de">
<info>
<credit type="author">
<name>Allan Day</name>
<email>aday@gnome.org</email>
</credit>
<credit>
<name>Calum Benson</name>
</credit>
<credit>
<name>Adam Elman</name>
</credit>
<credit>
<name>Seth Nickell</name>
</credit>
<credit>
<name>Colin Robertson</name>
</credit>
<link type="guide" xref="ui-elements"/>
<uix:thumb mime="image/svg" src="figures/ui-elements/sliders.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>Christian Kirbach</mal:name>
<mal:email>christian.kirbach@gmail.com</mal:email>
<mal:years>2014</mal:years>
</mal:credit>
<mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
<mal:name>Mario Blättermann</mal:name>
<mal:email>mario.blaettermann@gmail.com</mal:email>
<mal:years>2016</mal:years>
</mal:credit>
</info>
<title>Schieberegler</title>
<p>Mit einem Schieberegler kann der Benutzer schnell zwischen den Werten innerhalb eines Bereichs wählen.</p>
<media type="image" mime="image/svg" src="figures/ui-elements/sliders.svg"/>
<section id="when-to-use">
<title>Anwendungsfälle</title>
<p>Schieberegler können entweder zur Änderung eines Wertes oder zur Navigation innerhalb eines Inhaltsobjekts genutzt werden, wie Video-, Audiodateien oder Textdokumente. Übliche Anwendungsfälle sind Vor- und Zurückspulen in Mediendateien, die Auswahl einer Vergrößerungsstufe oder die Festlegung von Werten in Bildbearbeitungsprogrammen.</p>
<p>Verwenden Sie einen Schieberegler in folgenden Fällen:</p>
<list>
<item><p>Der Wertebereich ist fest und geordnet, und die Anpassung des Wertes relativ zu seinem aktuellen Wert ist wichtiger als die Wahl des absoluten Werts.</p></item>
<item><p>Es ist sinnvoll, wenn der Benutzer den Betrag der Änderung oder den Wert in Echtzeit steuern kann.</p></item>
</list>
<p>Falls der Wertebereich kein festes Maximum oder Minimum hat, kann ein <link xref="spin-boxes">Einstellfeld</link> verwendet werden.</p>
</section>
<section id="guidelines">
<title>Richtlinien</title>
<list>
<item><p>Stellen Sie sicher, dass die Rückmeldung in Echtzeit erfolgt, so dass der Benutzer Anpassungen ebenfalls in Echtzeit vornehmen kann. Beispiele dafür sind Klänge aus Lautsprechern, die Lautstärkeänderungen anzeigen, oder die direkte Anzeige des Effekts in einem Bildbearbeitungsprogramm.</p></item>
<item><p>Stellen Sie sicher, dass der Zweck eines Schiebereglers klar identifizierbar ist.</p>
<list>
<item><p>In cases where it is common to use a slider, follow placement conventions. For example, in video players, it is common to situate a horizontal seek bar along the bottom of the window. Simply placing a slider in this position is enough to identify it.</p></item>
<item><p>In other cases, label the slider with a text label above it or to its left, using <link xref="writing-style#capitalization">sentence capitalization</link>. Provide an <link xref="keyboard-input#access-keys">access key</link> in the label that allows the user to give focus directly to the slider.</p></item>
</list></item>
<item><p>Mark significant values along the length of the slider with text or tick marks. For example the left, right and center points on an audio balance control.</p></item>
<item><p>For large ranges of integers (more than about 20), and for ranges of floating point numbers, consider providing a <link xref="text-fields">text box</link> or <link xref="spin-boxes">spin box</link> that is linked to the slider’s value. This allows the user to quickly set or fine-tune the setting more easily than they could with the slider control alone.</p></item>
</list>
</section>
<section id="api-reference">
<title>API-Referenz</title>
<list>
<item><p><link href="https://developer.gnome.org/gtk3/stable/GtkHScale.html">GtkHSCale</link></p></item>
<item><p><link href="https://developer.gnome.org/gtk3/stable/GtkHScale.html">GtkVSCale</link></p></item>
</list>
</section>
</page>
|
