Özel bir kullanıcı arayüzünü görüntülemek için widget'ların kullanılmasını destekleyen birkaç cihaz vardır. Şablonda yer alan cihazlar, kullanıcı arayüzlerini farklı ve spesifik şekillerde görüntüler. Şablondaki her odada, orada yer alan cihazlar ve özel kullanıcı arayüzünü nasıl görüntüledikleri hakkında bilgiler bulunur.
Kullanıcı arayüzü örneklerini görüntülemek için şablona oynanış testi uygula.
Aşağıda, şablonda gösterilen cihazları, cihaz sayfalarının bağlantılarını ve cihazın bulunabileceği oda numaralarını özetleyen bir tablo bulunuyor:
| cihaz | Oda Numarası | Cihaz Görseli |
|---|---|---|
1 |  | |
1 |  | |
2 |  | |
Gösterge Paneli Kontrol Cihazı (Kısayol Çubuğu) | 2 |  |
3 |  | |
3 |  | |
3 |  | |
Konuşma Cihazı | 4 |  |
Kullanıcı Widget’ı Türleri
Özellik şablonundaki neredeyse tüm cihazlar, Gösterge Panelini kontrol etmek ve özel bir Kullanıcı arayüzü görüntülemek için Kullanıcı Widget’larını kullanır.
Oynanış sırasında, Kullanıcı Widget’ları bir cihaz tetiklendiğinde gösterge panelinde özel bir oyuncu kullanıcı arayüzü görüntüler. Cihazlar, UMG widget’larına bağlıdır. Bu, bir oyuncu bir cihazla etkileşime girdiğinde, kullanıcı arayüzünün güncellendiği ve güncellenmiş oyuncu bilgilerini görüntülediği anlamına gelir.
İki farklı kullanıcı widget’ı türü vardır: Kullanıcı Widget’ı ve Kalıcı Diyalog Varyantı. Her iki widget türü de özel bir kullanıcı arayüzü oluşturmak için UMG widget’larından herhangi birini kullanabilir.
Kullanıcı Widget’ı, bir özel kullanıcı arayüzü oluşturulurken kullanılacak varsayılan widget’tır.
Kalıcı Diyalog Varyantı yalnızca Açılır Diyalog cihazıyla kullanılabilir.
Örneğin, Konuşma Cihazı, konuşma arayüzünü oluşturmak için bir konuşma bankası kullanır ancak Modal Diyalog Varyantı kullanarak da konuşma arayüzün için özel bir görünüm oluşturabilirsin.
Verse Kullanıcı Arayüzü Yardımcı Programları
Verse kullanıcı arayüzü yardımcı programları, bir Verse temelli kullanıcı arayüzü yardımcı programları koleksiyonudur. Bu yardımcı programlar, Verse’te bir dizi farklı UMG widget’ını kontrol eder ve oluşturur ve gösterge panelindeki kullanıcı arayüzünü görüntülemek için bir Verse cihazı kullanır.
Verse’te, UMG Editörü’nde yaptığına çok benzer şekilde, Katmanlar veya Yığın Kutuları gibi kapsayıcılar kullanarak bir dizilim oluşturursun. Bu kapsayıcıların içinde; metin, materyal veya görsel eklemek için text_block, material_block ve image_block gibi widget’lar kullanılır. Bu Verse widget’ları oyun içindeki olaylara yanıt verebilir ve sen bunları diğer Verse widget’ları ile birlikte kullanabilirsin.
Verse widget’ları, ikinci salonun arkasındaki ikinci odada, her bir widget’a dair örneklerin yanında gösterilir. Material_block widget’ı, kullanıcı arayüzü materyallerini kontrol ederken text_size widget’ı, gösterge panelindeki text_block’ta yer alan kullanıcı arayüzü metin boyutunu kontrol eder.
Player_input widget’ı ise özel kullanıcı arayüzü öğelerini tuş atamalarına göre Gösterge Paneli ile eşleştirir.
| Materyal Bloku | Metin Boyutu | Oyuncu Girdisi |
|---|---|---|
 |  |  |
Widget’ları kontrol etmek için Verse’ü kullanma hakkında daha fazla bilgi için Widget Türleri’ne ve Verse ile Kullanıcı Arayüzü Oluşturma altındaki belgelere bakabilirsin.
Tüm Verse kodları Kullanıcı Arayüzleri Şablonu projesinde mevcuttur. Verse Gezgini’nde aşağıdaki Verse koduyla yazılmış kullanıcı arayüzü dosyalarını bulabilirsin:
materialblock_basic_device.verse
materialblock_gameplay_device.verse
textsize_device.verse
hud_keybind_demo_device.verse
Materyal Bloku
Bir material_block, Verse koduyla oluşturulmuş özel bir widget’ın içindeki yuvalardan biri olarak kullanılır. Oynanış sırasında material_block, materyal parametrelerini Verse aracılığıyla değiştirmen için bir yol sağlar. Kullanıcı arayüzü materyalinin/materyal örneğinin gösterge panelindeki görünüşünü ve davranışını değiştirmek için bunu kullanabilirsin. Bu, bir image_block’un Verse’te bir dokuyu kullanabilmeni sağlamasına benzerdir.
Bir material_block, Verse kodunda çeşitli şekillerde kullanılır:
Daha dinamik bir kullanıcı arayüzü oluşturacak şekilde materyalin boyutunu, davranışını ve görünümünü belirlemek üzere materyal parametrelerinin kullanılması için bir yol sunar.
Verse’ten materyal parametrelerine değerler iletebilir; böylece materyallerin oynanışa göre dinamik bir şekilde güncellenebilecektir.
Projelerinde material_block kullanma konusunda daha fazla bilgi edinmek için Materyal Bloku belgesine bakabilirsin.
Metin Boyutu
text_size özelliği, text_block widget'ının bir parçası olup bir text_block widget'ı kullanarak bir oyuncunun kullanıcı arayüzünde işlenen metnin boyutunu özelleştirmen için sana bir yol sağlar.
Verse’te text_block bir widget türü olup Verse ile oluşturulmuş bir widget’ın içine eklenir ve bir metin dizesi işler.
Özel text_size özelliği, aşağıdaki metin özniteliklerini kontrol etmek için Verse kodunu kullanır:
Boyut
Sıralama
Renk
Oyuncu Girdisi
Oyuncu girdileri, basılan butonlara göre kullanıcı arayüzü kontrollerinin Gösterge Paneli ile nerede ve ne zaman eşleştirileceğini bildiren oyuncu verilerini dinlemek için kullanılır. UMG’de bu, bir eylem widget’ı bir kullanıcı widget’ında kullanıldığında ve Geliştirilmiş Girdi Eylemi Alanı bir tuş ataması aracılığıyla bir girdi eylemine bağlandığında çalışır.
Widget’ta tuş atamaları Yeniden Yükle, Ateş Et, Çömel ve Ayakta Dur şeklinde eşleştirilir.
Şablonda widget oyuncuya eklendiğinde Verse’te de Girdi Eşleştirme eklenir. Bu özellik, girdi eylemlerini otomatik olarak o oyuncuya bağlar, böylece UMG widget’ı o girdi eylemi için doğru tuş atamalarıyla güncellenir.
Kullanıcı arayüzü öğelerini oyuncularla eşleştirebilmek için, öncelikle oyuncular Verse kodu tarafından tespit edilir, ardından özel kullanıcı arayüzünü Gösterge Paneli ile eşleştirmek için aşağıdakilerle eşleştirilen tuş atamalarına göre PlayerInput kullanılır:
Hareket İçin Eşleştirme
Menzilli Silah İçin Eşleştirme
Ardından, PlayerInput.AddInputMapping kullanılarak UMG widget kullanıcı arayüzü oyuncunun çömelme ve ayakta durma tuş atamalarıyla eşleştirilir. Kullanıcı arayüzü, abone olunan OnPlayerAdded olayı aracılığıyla oyuncuyla eşleştirilir. Benzer şekilde, eşleştirme de abone olunan OnPlayerRemoved olayı aracılığıyla kaldırılır.
Kullanıcı Arayüzü Örnekleri
Her cihazda üç kullanıcı arayüzü örneği kategorisi bulunur:
Materyallerle oluşturulanlar.
Dokularla oluşturulanlar.
Materyaller ve dokularla oluşturulanlar.
Cihaz kabininin yanındaki etki aktörlerine girilmesi, görüntülenecek özel kullanıcı arayüzünü tetikler. Bu üç örnek, UMG ile neler yapılabileceğini göstermenin yanı sıra, kendi kullanıcı arayüzüne ekleyebileceğin ayrıntı seviyesini ve tasarımı da sergiler. Bazı etki aktörleri hasar verir ve can güçlendirmeleri sağlar. Bu şekilde, kullanıcı arayüzü değişikliklerini gerçek zamanlı olarak görebilirsin.
Tüm kullanıcı arayüzü örnekleri, Oyun İçi Kullanıcı Arayüzleri bölümündeki eğitimler kullanılarak yeniden oluşturulabilir. Aşağıda örnek kullanıcı arayüzü tasarımlarının, arayüzü oluşturmak için kullanılan Kullanıcı Widget’I türünün ve benzer bir kullanıcı arayüzünün nasıl oluşturulacağını gösteren eğitimlerin bir listesi yer alıyor.
| Kullanıcı Arayüzü Örneği | Widget Türü | eğitim |
|---|---|---|
Gösterge Paneli Mesajı | ||
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
Açılır Diyalog | ||
 | Kalıcı Diyalog Varyantı | |
 | Kalıcı Diyalog Varyantı | |
 | Kalıcı Diyalog Varyantı | |
Gösterge Paneli Kontrol Cihazı | ||
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
Gösterge Paneli Kontrol Cihazı - Kısayol Çubuğu | ||
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
İstatistik Oluşturucu | ||
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
Nitelikli Etkileşim | ||
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
Konuşma Cihazı | ||
 | Konuşma Bankası | |
Süreölçer Cihazı | ||
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı | |
 | Kullanıcı Widget’ı |