Arayüz Paketleri

Carbon Arayüz Kontrolleri — onay kutusu, anahtar ve kaydırıcı

Sekiz karbon fiber 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.

  • ui
  • svg
  • saydam png
  • onay kutusu
  • anahtar
  • kaydırıcı
  • ayarlar
  • kontroller
  • gerçekçi
  • kokpit
  • simülasyon
  • yarış
Dama zemin üzerinde oyun ayar kontrolleri — boş ve işaretli onay kutusu, seçili olmayan ve seçili radyo düğmesi, kapalı ve açık gösterilen anahtar, bir de topuzuyla kaydırıcı yolu
1600×752 önizlemesaydamlık dama deseniyle gösteriliyor

Bu paket hakkında

24px'te düğmelerle eşleşen pahlı geometriyle kontroller. Açık durum bir renk değişimi değil dolu bir pah; çünkü bir cihaz panelinin amacının yarısı, fotoğrafta, gri tonlamada ve tek bakışta okunur kalması.

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, 24×24 tabanında getiriyor — anahtar 48×24 ve kaydırıcı yolu 192 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; Carbon ailesinin geri kalanıyla aynı altı siyaha yakın tonundan çizildi.

İndirme

Doğrudan bağlantı · kayıt yok · bekleme sayfası yok
ZIP indir48 kB

Tam set — 8 SVG kaynak, 1x/2x/4x PNG çıktılar, lisans ve benioku

Bu pakette bulunan dosyalar
DosyaBiçimBoyutİndirme
Tam set — 8 SVG kaynak, 1x/2x/4x PNG çıktılar, lisans ve beniokuZIP48 kB Al →
Anahtar (açık durum), düzenlenebilir SVGSVG467 B Al →
Kaydırıcı yolu, düzenlenebilir SVGSVG644 B Al →

Nasıl kullanılır

  1. 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.
  2. Kaydırıcı yolu her iki ucunda 8 px uçla nine-slice edilebiliyor — ortayı esnet, yuvarlak uçlar her genişlikte bozulmadan kalsın.
  3. 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.
  4. Topuzu dolgu kenarında ortala: genişliği 20 px, dolayısıyla dolgunun sağ kenarından yarısı kadar geri al ki tutamak değerin ardında değil üstünde dursun.

Lisans

Creative Commons Atıf 4.0 — Ticari kullanımda ücretsiz. Atıf zorunlu. Tam koşullar · Pratikte ne demek

Kopyala-yapıştır atıf satırı
"Carbon 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/carbon-ui-controls