Widget Türleri

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.

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}
Copy full snippet

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}
Copy full snippet

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
Copy full snippet

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}
Copy full snippet

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.")
Copy full snippet

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.