Bu bölümde, Açılır Diyalog cihazında gösterilecek özel bir menüyü nasıl oluşturacağını öğreneceksin.
Özel bir menü oluşturmak için aşağıdaki adımları izle:
WBP_Dialog_One_Button_Intro adında, bir Modal Diyalog Varyantı olan bir Widget Blueprint oluştur.
Önce bir Boyut Kutusu widget'ı ekle, ardından Katman widget'ını alt öğesi olarak ekle. Boyut kutusu, katman widget’ının içinde konumlandırılacağı bir panel sağlar.
Katman widget’ının Ayrıntılar panelinde aşağıdaki ayarları uygula.
seçenek Değer Açıklama Dolgu
0,0, 0,0, 0,0, 40,0
Bu, widget’ın alt kısmına 40 piksel dolgu ekler.
Yatay Hizalama
Ortaya Yatay Hizala
Bu, widget’ı ekranın ortasına hizalar.
Dikey Hizalama
Alta Dikey Hizala
Bu, widget’ı ekranın altına hizalar.
Görsel widget’ının Ayrıntılar panelinde aşağıdaki ayarları uygula. seçenek Değer Açıklama Yatay Hizalama Yatay Doldur Widget olabildiğince fazla yer kaplar. Dikey Hizalama Dikey Doldur Widget olabildiğince fazla yer kaplar. Renk Tonu AE4200FF Onaltılık sRGB Arka plan rengi. Farklı Çiz Yuvarlanmış Kutu Bu, görseli, yuvarlanmış köşelerle işler. Görünürlük İsabet Testi Yapılamaz (Yalnızca Kendisi) Kullanıcı arayüzünde yalnızca düğmenin kendisi seçilebilir olmalıdır.
UEFN Sessiz Düğme widget’ının Ayrıntılar panelinde aşağıdaki ayarları uygula. seçenek Değer Açıklama Minimum Genişlik 300 Düğmenin genişliğini ayarla. Minimum Yükseklik 48 Düğmenin yüksekliğini ayarla. Yatay Hizalama Yatay Doldur Widget olabildiğince fazla yer kaplar. Dikey Hizalama Dikey Doldur Widget olabildiğince fazla yer kaplar. Görünürlük Görünür Düğme kullanıcı arayüzünde seçilebilir olmalıdır. Metin Hiç Özel metni oluşturmak için bir metin bloku kullandığımızdan Metin ayarını boş bırak.
UEFN Metin Bloğu widget’ının Ayrıntılar panelinde aşağıdaki ayarları uygula. seçenek Değer Açıklama Yatay Hizalama Ortaya Yatay Hizala Bu, widget’ı kapsayıcının ortasına hizalar. Dikey Hizalama Ortaya Dikey Hizala Bu, widget’ı kapsayıcının ortasına hizalar. Metin 1. Düğme Metni Yer tutucu metni. Görünüm bağlamaları, buradaki metni Açılır Diyalog cihazında ayarlanan metinle değiştirecektir. Görünürlük İsabet Testi Yapılamaz (Yalnızca Kendisi) Metnin düğmeyi gizleyip kullanıcı etkileşimini engellemesini istemeyiz.
Widget Editörü’nde Görünüm Bağlamaları’na tıkla.
UEFN Sessiz Düğme widget’ına aşağıdaki bağlamaları ekle.
Bağlamanın yönünü ViewModel’a Tek Yönlü olarak değiştir.
Sol tarafı Etkin olarak ayarla.
Sağ tarafı WidgetName > Etkin olarak ayarla.
Yeni bir bağlama oluştur ve sol tarafı Tıklandığında olarak ayarla.
Sağ tarafı CreativeModalDialogViewmodel > Yanıt olarak ayarla.
Yanıt’ı 1. Düğme olarak ayarla.
UEFN Metin Bloğu widget’ına aşağıdaki bağlamayı uygula.
Bağlamanın yönünü Widget’a Tek Yönlü olarak değiştir.
Sol tarafı UEFN Metin Bloku > Metin olarak ayarla.
Sağ tarafı CreativeModalDialogViewmodel > 1. Düğme Ana Metni olarak ayarla.
Kaydet ve Widget Blueprint için Derle’ye tıkla.
Daha sonra bu özel widget’ı bu eğitimin 5. adımda bir Açılır Diyalog cihazına ekleyeceksin.