Allan Day
aday@gnome.org
Calum Benson
Adam Elman
Seth Nickell
Colin Robertson

This work is licensed under a Creative Commons Attribution-Share Alike 4.0 International License.

Anders Jonsson
anders.jonsson@norsjovallen.se 2015, 2018
Sebastian Rasmussen
sebras@gmail.com 2017, 2018

# Stegningsrutor

En stegningsruta är en textruta som accepterar ett intervall av värden. Den har två knappar som låter användaren öka eller minska värdet med en bestämd mängd.

# När ska de användas

Använd stegningsrutor för att låta användare välja numeriska värden, men bara när dessa värden har mening eller är användbara för användare att känna till. Om de inte är det kan ett skjutreglage vara ett bättre val.

Använd stegningsrutor endast för numerisk inmatning. För icke-numeriska uppsättningar alternativ kan istället en lista eller rullgardinslista användas.

# Skjutreglage

I vissa fall är det lämpligt att länka en stegningsruta till ett skjutreglage. Denna kombination tillåter både ungefärlig kontroll samt inmatning av specifika värden. Detta är dock endast användbart om du vill underlätta för personer som kan veta ett specifikt värde som de vill använda. Använd ett skjutreglage när:

Omedelbar återkoppling för ändringar i stegningsrutans värde är möjlig (så som vid bildredigering).

Det är användbart för användaren att styra ändringens hastighet i realtid. Exempelvis för att övervaka effekterna av en färgändring i ett förhandsgranskningsfönster som uppdateras då de drar i RGB-skjutreglagen.

# Allmänna riktlinjer

Ge stegningsrutan en textetikett och placera den ovanför eller till vänster om stegningsrutan, med stor bokstav i början på mening. Tillhandahåll en snabbtangent i etiketten som låter användaren ge stegningsrutan fokus direkt.

Högerjustera innehållen i stegningsrutor, om inte konventionen i användarens lokal kräver annat. Detta är användbart i fönster där användaren kan vilja jämföra två numeriska värden i samma kolumn av komponenter. Säkerställ i detta fall även att högerkanterna för de relevanta kolumnerna är uppradade.

# API-referens

GtkSpinButton