Widget’lar, kullanıcı arayüzünde ekleyebileceğin veya kaldırabileceğin öğelerdir.
Aşağıdaki bölümlerde, Verse’te özel kullanıcı arayüzünü oluşturmak için kullanabileceğin tüm widget’lar açıklanmaktadır.
Tuval
Tuval kapsayıcı bir widget’tır. Kullanıcı arayüzünüzü tasarlamak için tuval yuvalarını kullanarak tuval içinde diğer widget’ları konumlandırabilirsin. Bir tuval widget’ı, kullanıcı arayüzü hiyerarşisinin en üstünde olduğunda tüm ekranı temsil eder.
Bir tuval widget’ını başka bir tuval widget’ının içine yerleştirebilirsin, ancak tüm ekranı kaplayacak olan tek widget kök tuval widget’ıdır.
Bir tuval widget’ının nasıl oluşturulacağına ve widget’ların ekranda nasıl konumlandırılacağına ilişkin örnekler için Widget’ları Ekranda Konumlandırma bölümüne bakabilirsin.
Düğme
Kullanıcı arayüzüne ekleyebileceğin üç tür buton widget’ı vardır. Bu düğmeler arasındaki fark yalnızca kozmetiktir.
| Kullanıcı Arayüzü | Verse Kodu |
|---|---|
![]() |
|
![]() |
|
![]() |
|
Düğme etkileşimlerini nasıl kuracağını öğrenmek için Widget’ları Etkileşime Geçilebilir Hale Getirme bölümüne bak.
Renk Bloğu
Bir widget oluşturabilir ve color_block widget’ını kullanarak rengini ve opaklığını belirleyebilirsin.
Widget := color_block:
DefaultColor := NamedColors.CornflowerBlue
DefaultOpacity := 1.0
DefaultDesiredSize := vector2{X := 128.0, Y := 128.0}
Görüntü
texture_block widget’ına atanmış bir doku kullanarak kullanıcı arayüzüne görüntüler ekleyebilirsin.
Widget := texture_block:
DefaultImage := MyTexture
DefaultDesiredSize := vector2{X := 128.0, Y := 128.0}
UEFN’deki dokularını Verse kodunda nasıl kullanıma açacağın hakkında bilgi için UEFN’deki Öğeleri Verse’te Kullanıma Açma bölümüne bak.
Kaydırıcı
Bir oyuncunun önceden tanımlı bir aralıkta değerleri ayarlayabilmesi için kaydırıcılar ekleyebilirsin. Adım boyutu özelliği, bir oyun kumandası veya klavyede değerin ne kadar değiştiğini ifade eder ancak değeri değiştirmek için fare kullanan bir oyuncunun adım boyutunu etkilemez.
Widget := slider_regular:
DefaultValue := 5.0
DefaultMinValue := 0.0
DefaultMaxValue := 10.0
DefaultStepSize := 0.5
Kaydırıcı etkileşimlerini nasıl yapacağını öğrenmek için Widget’ları Etkileşime Geçilebilir Hale Getirme bölümüne bak.
Metin
Kullanıcı arayüzünde metin görüntülemek için Metin Bloğunu kullan.
TextForUI<localizes> : message = "This is my text!"
Widget := text_block{DefaultText := TextForUI}
Katman
Bir katman widget’ı kullanarak widget’ları birbirinin üzerine yığabilirsin. Widget’lar, katman yuvalarında belirttiğin sırayla işlenir
Aşağıdaki örnekte önce renk bloğu işlenir, ardından renk bloğunun üstünde metin bloğu işlenir. Katman yuvalarının sırasını değiştirdiysen (önce metin bloğu gelecek şekilde), renk bloğu metin bloğunun üzerinde işlenir ve metni gizler.
TextForUI<localizes>(InText : string) : message = "{InText}"
Widget := overlay:
Slots := array:
overlay_slot:
Widget := color_block:
DefaultColor := NamedColors.MintCream
DefaultOpacity := 1.0
DefaultDesiredSize := vector2{X := 1024.0, Y := 128.0}
overlay_slot:
Widget := text_block:
DefaultText := TextForUI("Bu benim, bir renk bloğu üzerinde katman olan metin bloğum.")
Yığın Kutusu
Bir yığın kutusu widget’ı kullanarak widget’ları dikey veya yatay şekilde istifleyebilirsin.
| Dikey Yönlendirme | Yatay Yönlendirme |
|---|---|
![]() |
![]() |
|
|




