Arayüz Paketleri
Paper Arayüz Kontrolleri — onay kutusu, anahtar ve kaydırıcı
Sekiz açık parşömen arayüz kontrolü: onay kutusu, radyo düğmesi, anahtar ve kaydırıcı; her birinin açık ve kapalı durumu farklı biçimle çizilmiş. SVG ve saydam PNG.

Bu paket hakkında
Açık bir ayarlar ekranı için form kontrolleri. İşaretli durum koyuya dönmek yerine pas rengiyle doluyor ve içindeki tik en koyu kâğıt tonunda çizildi — bu aksanın üstündeki beyaz bir tik 22 pikselde kontrastı geçemiyor ki bir ayar satırının kullandığı boyut tam olarak o.
Set, bir ayarlar ekranının gerçekten ihtiyaç duyduğu dört kontrolü kapsıyor: onay kutusu, radyo düğmesi, anahtar ve ayrı topuzu olan bir kaydırıcı. Durumu olan her kontrol iki durumunu da kendi dosyası olarak, 22×22 tabanında getiriyor — anahtar 44×22 ve kaydırıcı yolu 176 px genişliğinde, böylece istediğin uzunluğa nine-slice edilebiliyor.
Açık ve kapalı farklı renklerle değil farklı biçimlerle çizildi. İşaretsiz kutu boş bir girinti; işaretli olan ise içine tik oyulmuş dolu bir yüzey. Bunun önemi şu: bir oyuncunun renk körü kipini, gri tonlamalı bir gölgelendiriciyi ya da ağır renklendirilmiş bir post-process'i çalıştırma ihtimalinin en yüksek olduğu yer tam olarak ayarlar ekranı — ve yalnızca renk tonundan okunan bir durum üçünün de altında kayboluyor.
Kaydırıcı tek bir sprite yerine bir yol ve bir topuz olarak geliyor. Tek parça bir kaydırıcıyı canlandırmak onu her değer için yeniden çizmek demek; iki parçayla dolguyu esnetip topuzu kaydırıyorsun ki zaten her arayüz araç setinin beklediği şey bu. Topuz bir orta çentik taşıyor, böylece dönüşü ve konumu küçük boyutlarda da okunur kalıyor.
Her şey düzenlenebilir SVG olarak ve 1x, 2x, 4x düz saydam PNG olarak dahil; Paper ailesinin geri kalanıyla aynı altı sıcak kâğıt tonundan çizildi.
İndirme
Doğrudan bağlantı · kayıt yok · bekleme sayfası yokTam set — 8 SVG kaynak, 1x/2x/4x PNG çıktılar, lisans ve benioku
Nasıl kullanılır
- Açık ve kapalı durumlar arasında tek sprite'ı renklendirmek yerine dokunun tamamını değiştir; iki durum biçim olarak farklı, dolayısıyla renk tek başına onları üretmiyor.
- Kaydırıcı yolu her iki ucunda 7 px uçla nine-slice edilebiliyor — ortayı esnet, yuvarlak uçlar her genişlikte bozulmadan kalsın.
- Unity'de iki dosyayı Toggle bileşeninin Background ve Checkmark grafiklerine bağla ya da tek görsellik bir kurulum için sprite'ı onValueChanged içinde değiştir.
- Topuzu dolgu kenarında ortala: genişliği 19 px, dolayısıyla dolgunun sağ kenarından yarısı kadar geri al ki tutamak değerin ardında değil üstünde dursun.
- Onay işareti beyaz yerine paletin en koyu tonunda çizildi; çünkü pas aksanı üzerindeki beyaz bir tik bu boyutta kontrastı geçemiyor, koyu olan ise rahatça geçiyor.
Lisans
Creative Commons Atıf 4.0 — Ticari kullanımda ücretsiz. Atıf zorunlu. Tam koşullar · Pratikte ne demek
"Paper Arayüz Kontrolleri — onay kutusu, anahtar ve kaydırıcı" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/paper-ui-controls


