Mint Kontrolki — pole wyboru, przełącznik i suwak

Kontrolki 18px, zwymiarowane tak, by siedziały w linii w gęstej tabeli ustawień, a nie na przestronnej liście mobilnej. Stan włączony to pełny kształt, a wyłączony pusta wnęka, więc zrzut w skali szarości nadal czyta się poprawnie.

Zestaw obejmuje cztery kontrolki, których ekran ustawień naprawdę potrzebuje: pole wyboru, przycisk radiowy, przełącznik i suwak z osobną gałką. Każda kontrolka ze stanami niesie oba stany we własnym pliku, na bazie 18×18 — przełącznik ma 36×18, a tor suwaka 144 px szerokości, żeby dało się go rozciąć nine-slice na dowolną długość.

Włączone i wyłączone są narysowane jako różne kształty, a nie różne kolory. Niezaznaczone pole to pusta wnęka; zaznaczone to pełna powierzchnia z wyciętą fajką. To ma znaczenie, bo ekran ustawień jest właśnie tym miejscem, gdzie gracz najczęściej ma włączony tryb dla daltonistów, shader w skali szarości albo mocno zabarwiony postprocess — a stan czytelny wyłącznie po odcieniu znika pod każdym z tych trzech.

Suwak dostajesz jako tor i gałkę, a nie jeden sprite. Animowanie suwaka z jednej części zmusza do przerysowywania go dla każdej wartości; przy dwóch częściach rozciągasz wypełnienie i przesuwasz gałkę, czyli dokładnie to, czego każdy toolkit interfejsu i tak oczekuje. Gałka ma centralne nacięcie, żeby jej obrót i pozycja pozostały czytelne w małych rozmiarach.

Wszystko dołączone jako edytowalny SVG i jako przezroczysty PNG płaski w 1x, 2x i 4x, narysowane tymi samymi sześcioma tonami niebieskoszary co reszta rodziny Mint.

Creative Commons Zero 1.0 — Domena publiczna. Bez uznania autorstwa. Pełne warunki · Co to znaczy w praktyce