Unity UI Elemanları

Merhaba arkadaşlar bu yazımda sizlere Unity de bulunan UI elemanlarından bahsedeceğim.

Bir oyunun oynanıp oynanmayacağında en çok oyuncunun aklını çelen noktalardan birisi UI sistemidir ki oyun sektöründe UI ve UX olarak 2 parçaya bölünerek oldukça önemli bir yer edinmiştir.

Unity de UI tasarlamak için oldukça eleman bulunmaktadır, gelin bu elemanlara beraber bir göz atalım.

Text

Oyun içindeki ekranda yazılar yazabilmemizi sağlayan elemandır.

Text kısmında yazımızı yazarız

Character kısmında harfler ile ilgili ayarları yaparız.

Font: Harf karakter tipi.
Font Style: Kalın ve italik olma durumu.
Font Size: Harflerin büyüklüğü.
Line Spacing: Satır boşluğu.
Rich Text: Zengin yazım biçimi, html kodları kullanabilmemizi sağlar. (<b>Kalın yazı</b>)

Paragraph burada yazının kelimeleri ile ilgili ayarları yaparız.

Aligment: Yatay ve dikey konumu.
Align By Geometry: Geometrik oranları koruyarak yerleştirir.
Overflow: Yazının düşey ve yatay da taşıp taşmayacağı.
Best Fit: Yazıyı çerçeveye sığdırmaya çalışır. (Min ve Max değerleri girilmesi gerekir.)
Color: Yazı rengini belirlemenizi sağlar.

Image

Image ile oyun ara yüzümüzde resim kullanabiliyoruz. Çok fazla ayarı bulunmuyor bizi en çok ilgilendiren ayarları şunlardır.

Soruce Image: Resim dosyası (Assets / Sprite olması gerekiyor.)
Color: Resimdeki baskın olan renkleri değiştirmenizi sağlar, Unity de renklendirmek istediğiniz bir karakteriniz varsa beyaz tonları olan yerler burada seçtiğiniz rengi alacaktır.

Button

Button ile UI da kullanıcıdan etkileşime girebilecek nesneler için kullanırız, panelleri açmak/kapatmak, sahneleri değiştirmek ve markette ürün almak gibi bir çok amaç için kullanılabilir.

Interactable: Tıklanabilir olup olmaması.
Transition: Tıklama ile ilgili efektler. (

Color Tint rengi ile ilgili animasyon vb.. ile kullanıcıya hissiyat vermenizi sağlar.
Sprite Swap daha önceden çizdiğiniz buton durumlarını yerleştirmenizi sağlar.
Animation animasyonlar ile hissiyar vermenizi sağlar.
)
On Clicl(): Buraya kodladığınız scripti bırakırsınız ve scriptten fonksiyon seçerek butona işlem tanımlayabilirsiniz.

Toggle

Button ile benzer görev taşır, genel olarak bool değerleri değiştirmek için kullanılır.

Slider

Kaydırarak oran seçmemize yarayan elemandır.

Belirlediğiniz min ve max değerleri arasında slideri oynatarak seçimler yaptırabilirsiniz.

En çok kullanıldığı alan strateji oyunlarında asker üretirken tek tek üretmek yerine ya da sayı girdirmek yerine bu çubuk ile kaydırıp sayı belirlemesi.

Markette birden fazla ürün alınabiliyorsa tam sayı değeri girmek yerine slider kullandırtarak seçtirmektir.

Scrollbar

Ekrana sığmayan elemanları, ekrana sığmayan panelin konumu ile oynayarak ekranda görünmesini sağladığımız eleman. (Web sitelerindeki sağdaki sayfayı kaydırdığımız çubuk.)

Dropdown

Açılır menü, kullanıcının menüden eleman seçmesini ve bu sonuca göre değer döndürebilmenizi sağlar.

Input Field

Yazı alanı, kullanıcıdan - oyuncudan kullanıcı adı ve şifre gibi yazınsal verileri almak için kullanabilirsiniz.

Canvas

Unity ile UI tasarlarken ayarları en önemli olan yerlerden birisidir, Özellikle mobil gibi birden fazla ekran çözünürlük standartı belirlemiş cihazlar için Canvas düzgün ayarlanması önem arz etmektedir.

Canvas

Render Mode: Canvasın nerede ve nasıl render edileceğidir.
Pixel Perfect: Pixel Art oyunlarda pixel bozulmasını engeller.
Target Display: Hangi ekranda gözükeceği seçilir.
Shader Channel: Hangi shader kanalı kullanılacağını seçersiniz.

Canvas Scaler

UI Scale Mode: Ekran çözünürlüğünün neye göre belirleneceğini seçersiniz.
Scale Factor: Canvas elemanlarının boyutları
Reference Pixels Per Unit: Piksellerin çözünürlük referansı

Panel

UI elemanlarını listelemek ve bir arada depolamak için kullandığımız eleman

Scroll View

Scrollbar ile konumunu belirlediğimiz ögedir.

EventSystem

UI Elemanlarının animasyon ve diğer işlemlerinin çalışmasını sağlayan Unity tarafından yazılmış ve üzerinde pek değişiklik yapmanızı önermediğim scripttir.

Eğer Input Manager gibi Unity tarafından hazır olarak gelen eklentileri projenizde kullanmak istiyorsanız EventSystem eklemiş olmanız gerekiyor.

Aşağıdaki video ile elemanların bazılarını nasıl kullanabileceğiniz hakkında bilgi edinebilirsiniz.

UrhobA

Unity UI Elemanları