Arayüz Paketleri

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

Sekiz şeker parlaklığı 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
  • çizgi film
  • gündelik
  • mobil
  • eşleştirme
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×760 önizlemesaydamlık dama deseniyle gösteriliyor

Bu paket hakkında

30px'te, bir başparmağın nişan almadan basabileceği boyutta kontroller. Anahtarın yolu, topuzun dürtülmek yerine görünür biçimde hareket edeceği kadar uzun; çünkü dokunmatik bir ekranda tek geri bildirim animasyonun kendisi.

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, 30×30 tabanında getiriyor — anahtar 60×30 ve kaydırıcı yolu 240 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; Candy ailesinin geri kalanıyla aynı altı sıcak krem tonundan çizildi.

İndirme

Doğrudan bağlantı · kayıt yok · bekleme sayfası yok
ZIP indir52 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 beniokuZIP52 kB Al →
Anahtar (açık durum), düzenlenebilir SVGSVG465 B Al →
Kaydırıcı yolu, düzenlenebilir SVGSVG648 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 10 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 26 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ı
"Candy 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/candy-ui-controls