Paczki interfejsu
Sandbox Kontrolki — pole wyboru, przełącznik i suwak
Osiem kontrolek interfejsu w ciepły piasek: pole wyboru, radio, przełącznik i suwak, każdy stan wł./wył. narysowany jako inny kształt. SVG i PNG.

O tej paczce
Kontrolki 20px z kwadratową geometrią od początku do końca; w tym stylu okrągły pomocnik rysuje kwadrat, bo voxel nie ma krzywych, a koło wśród sześcianów jest natychmiast błędne.
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 20×20 — przełącznik ma 40×20, a tor suwaka 160 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 płaski przezroczysty PNG w 1x, 2x i 4x, narysowane tymi samymi sześcioma tonami pustynny piasek co reszta rodziny Sandbox.
Pobieranie
Bezpośredni link · bez rejestracji · bez strony oczekiwaniaKomplet — 8 źródeł SVG, eksporty PNG w 1x/2x/4x, licencja i readme
Jak używać
- Podmieniaj całą teksturę między plikiem włączonym i wyłączonym zamiast barwić jednego sprite'a; oba stany różnią się kształtem, więc sama barwa ich nie odtworzy.
- Tor suwaka przyjmuje nine-slice z końcówką 7 px po każdej stronie — rozciągnij środek, a zaokrąglone końce zostaną nietknięte przy dowolnej szerokości.
- W Unity podepnij oba pliki do grafik Background i Checkmark komponentu Toggle albo podmieniaj sprite'a w handlerze onValueChanged, jeśli wolisz jeden obraz.
- Wyśrodkuj gałkę na krawędzi wypełnienia: ma 17 px szerokości, więc przesuń ją o połowę tej wartości od prawej krawędzi wypełnienia, żeby siedziała na wartości, a nie za nią.
Licencja
Creative Commons Zero 1.0 — Domena publiczna. Bez uznania autorstwa. Pełne warunki · Co to znaczy w praktyce



