Özel Ekip Görünümü Oluşturma

Özel bir ekip görünümü oluşturulmasında, bir ekip görünümü oluşturulmasına yönelik tek oyuncu isimliği widget tasarımı temel alınır. Yığın kutusu widget’ı, tek oyunculu bilgi widget’ını ViewModel’ı kullanarak yeniden üreterek oyuncu görünümünü tek oyuncudan ekibe dönüştürür.

Yığın Kutusu, tek oyunculu widget kopyalarının doğrusal bir şekilde soldan sağa veya yukarıdan aşağıya doğru sıralandığı bir kapsayıcıdır. Bu sıralama şekli, ekip için tutarlı bir görünüm oluşturur.

Bu örnekte ekip görünümü, yukarı ve aşağı olacak şekilde yığılmıştır.

Oyuncu Bilgileri Widget'ı

Bir oyun sırasında takım üyelerindeki oyuncu bilgilerini kullanmak için Player_Info widget’ı, *Cihaz - Gösterge Paneli Kontrol Cihazı Oyuncu Bilgileri ViewModel kullanılarak ayarlanmalıdır. Bu ayar, her bir widget için Cihaz - Gösterge Paneli Kontrol Cihazı Oyuncu Bilgileri Görünüm Modeli içindeki özellikleri kullanarak denetleyici oyuncu ile onun ekibi/takımı için ayrı widget’lar oluşturur.

Gerekli oyuncu bilgisi parçalarını bağlamak için Sırt Kalkanı ileCan ve Kalkan eğitimlerindeki bağlamaların ayarlanmasına ilişkin ayarları kullanmaya devam edebilirsin.

Player_Info widget’ı için doğru kurulum olmazsa derleyicide hata mesajları alırsın.

Takım/Ekip Oyuncusu Bilgileri Listesi görünüm modellerini Oyuncu Simgesi’ne, Oyuncu Adı’na, cana ve kalkanlara bağlayan bir Ekip yığın widget’ı oluşturulmasına yönelik adımlar aşağıda verilmiştir.

Kullanıcı Widget’ı Oluştur

1. Bir Kullanıcı Widget’ı oluşturmak için Kullanıcı Arayüzü Açılır Pencereleri bölümündeki adımları izle.

2. Kullanıcı Widget’ını Squad_View olarak adlandır.

   

3. Unreal Motion Graphics’teki (UMG) Olay Editörü’nü açmak için Kullanıcı Widget’ı küçük resmine çift tıkla.

Widget Editörü, ekip görünümü için kullanıcı arayüzü tasarımını planladığın ve yerleştirdiğin yerdir. Bir dizilime karar verdikten sonra kullanıcı arayüzüne özel bir görünüm kazandırmak için materyaller ekleyebilirsin.

Artık içerik tarayıcında biri Player_Info, diğeri de Squad_View adında iki kullanıcı widget’ı olmalıdır.

Ekip Dizilimini Oluştur

Tamamen işlevsel tek bir Player_Info widget’ını bir Squad_View widget’ına, bir Yığın Kutusu’nu kapsayıcı olarak kullanarak getirmek en iyi uygulamadır. Böylece Yığın Kutusu’nun içindeki tek oyunculu tasarımın yeniden üretilmesi ve tasarımın yukarıdan aşağıya veya soldan sağa doğru tekrarlanmasıyla tutarlı bir tasarım elde edilmiş olur.

Tek oyunculu widget’ı görünüm modeline ekleyecek, ardından dizilimi Yığın Kutusu aracılığıyla Olay Grafiği’nde düzenleyeceksin.

Aşağıdakileri yap:

1. Squad_Info altına bir Katman sürükle ve onu Container_Overlay olarak adlandır.

2. Container_Overlay’i 2560 x 1440 olarak yeniden boyutlandır. Bu, tüm ekranlar için ideal boyuttur.

   

3. Container_Overlay altına bir yığın kutusu yerleştir.

4. Ayrıntılar panelinde yığın kutusu için aşağıdaki ayarları değiştir:

   1. Dolgu = 25

   2. Yönlendirme = Dikey

   

   Yığın Kutusu’nun ekran kenarından itibaren 25 piksel dolgusu vardır.

5. Ana Menü Çubuğu’nda Pencere > ViewModel’ları seçerek ViewModel panelini aç.

   

6. +ViewModel’a tıkla, ardından Cihaz - Gösterge Paneli Kontrol Cihazı Takım/Ekip Oyuncusu Bilgi Listesi > Seç’i seç. Bunun sonucunda, gösterge paneli kontrol cihazı için bir görünüm modeli oluşur.

7. Ayrıntılar panelinden +ViewModel Uzantısı Ekle’ye tıkla. Bunun sonucunda, Squad_View widget’ının içinde takımındaki/ekibindeki oyuncu sayısına göre dinamik olarak ekip widget’ını oluşturman için bir yol sunan seçenekler açılır.

   

   

   +ViewModel Uzantısı Eklemeden Önce

   +ViewModel Uzantısı Ekledikten Sonra

8. Giriş Widget Sınıfı ayarında, açılır menüden Player_Info widget’ını seç ve Giriş ViewModel’ı HUDPlayerInfoListViewModel olarak ayarla.

9. Yuva Şablonu seçeneğini genişlet ve her oyuncu widget’ı arasındaki boşluğu ayarla. Widget’lar ekle veya kaldır ve hizalamayı değiştir. Widget’ların oyun içinde nasıl görüneceğini görmek için bu seçenekleri kullan.

   Kullanıcı arayüzü öğelerin kullanılabilir alan için çok büyükse Player_Info widget’ına geri dön ve Görsel widget’larının boyutunu Squad_View widget’ına uyacak şekilde ayarla.

Ardından, kullanıcı arayüzünün tamamını ekipler için işlevsel hale getirmek amacıyla bağlamalar ekleyeceksin.

Ekip Bağlamaları

Bir ekibin bilgilerini Squad_View widget’ına bağlamak için ekip üyesi bilgilerine görünüm bağlamaları aracılığıyla referans vermen gerekir. Bağlamalar, widget’a, bağlı cihazlardan hangi oyuncu için hangi bilgileri alması gerektiğini söyler. Ardından her oyuncuya ait bilgiler, gösterge paneli kontrol cihazı aracılığıyla kullanıcı arayüzünde doldurulur.

1. Hiyerarşi panelinde yığın kutusunu seç, ardından Görünüm Bağlamaları’nı aç ve +Widget Ekle’yi seç. Bu işlem, Yığın Kutusu’nu Görünüm Bağlamaları paneline bir widget olarak ekler.

2. Widget açılır menüsünden Squad_View > Seç’i seç. Bunun sonucunda, bağlama için ekip widget’ı ile onun tüm dahili widget’ları seçilmiş olur.

   

3. Soldaki Squad_View alanında Squad_View > StackBox > StackBox ViewModel > Öğeleri Ayarla > ’yı seç. Bunun sonucunda, oyuncu bilgileri ViewModel dizisi, Öğeleri Ayarla adlı fonksiyonla yeni kurulan uzantıya iletilir.

   Bu adımda Öğeleri Ayarla fonksiyonunu görmüyorsan widget’ı derle ve tekrar kontrol et.

   

   **PlayerInfoStack_Viewmodel_Extension** listende görünmüyorsa Derle’ye bastığında görünecektir.

4. Sağdaki boş alanda Squad_View > HUDPlayerInfoListViewModel > Takım/Ekip Oyuncusu Bilgileri Dizisi > Seç’i seç. Bunun sonucunda, oyuncu bilgileri ViewModel dizisi, Öğeleri Ayarla adlı fonksiyonla yeni kurulan uzantıya iletilir.

   

5. Derle’ye tıkla. Widget’ın gösterge paneli kontrol cihazına eklenmeye hazırdır.

Widget’ını gösterge paneli kontrol cihazına ekle ve projenin oynanış testini yap.

Gösterge Paneli Kontrol Cihazı Kurulumu

Gösterge paneli kontrol cihazının değiştirilmesi gereken birkaç temel ayarı vardır. Bu varsayılan Fortnite gösterge paneli öğelerini kendi widget tasarımınla değiştireceksin.

1. Projene bir Gösterge Paneli Kontrol Cihazı sürükle ve cihazın ayarlarının Ayrıntılar panelinde doldurulması için cihazı seçili halde bırak.

2. Ayrıntılar panelinde aşağıdaki seçenekleri ayarla:

   1. Gösterge Panelini Göster = Evet

   2. Oyuncu Bilgileri Widget Geçersiz Kılma = Widget’ının Adı

3. Değişikliklerini kaydetmek için Kaydet simgesine tıkla.

   

4. Özel kullanıcı arayüzünün oynanış testini yapmak için Oturumu Başlat’ı seç.

   

Dizilimin çalıştığından ve oluşturduğun adayla uyumlu göründüğünden emin olmak için iki veya daha fazla oyuncuyla oynanış testi yap.