Fortnite İçin Unreal Editor’de Widget’ları Ekranda Konumlandırma | Fortnite Dokümantasyon

Widget’larını ekranda tuval widget’ı ile tuval yuvalarına widget’lar ekleyerek konumlandırabilirsin.

Ekranın ortasında Center yazısının bulunduğu düğme

Aşağıdaki kod, bir düğme üzerindeki "Center" metnini ekranın ortasında görüntüleyecek bir tuval widget’ı örneğidir.

Verse

using { /Fortnite.com/Devices }
using { /Verse.org/Simulation }
using { /UnrealEngine.com/Temporary/UI }
using { /Fortnite.com/UI }
using { /UnrealEngine.com/Temporary/SpatialMath}

hello_world_device := class(creative_device):

    # Set the Button device in the Editor to reference the device in the level
    @editable

Tuval Yuvası Ayarları

Bir tuval yuvasının aşağıdaki alanlarını, widget'ları tuvalde konumlandırmak için değiştirebilirsin:

Alan	Açıklama	Değerler
Bağlayıcılar	Tuvalin yüzdesi olarak belirtilen, widget’ın tuvalde sabitlendiği konum. Tuval yeniden boyutlandırıldığında, widget yeni tuval boyutunda sabitleyiciye bağlı kalır. SizeToContent etkinleştirildiğinde widget’ın boyutunu değiştirebilen maksimum ve minimum widget sabitleyicilerini belirtebilirsin.	Bir sabitleyicinin X ve Y alanlarının aralığı 0 ila 1 olup burada `vector2{X := 0.0, Y := 0.0}`, tuvalin sol üst kısmı ve `vector2{X := 1.0, Y := 1.0}`, tuvalin sağ alt kısmıdır.
Hizalama	Widget’ın sabitleyici konumunda bulunan parçası. Örneğin, hizalama alanı `vector2{X := 0.5, 1.0}` ise widget'ın alt orta kısmı sabitleyici konumuna yerleştirilir.	Hizalama için X ve Y alanlarının aralığı 0 ila 1 olup burada `vector2{X := 0.0, Y := 0.0}`, widget’ın sol üst kısmı ve `vector2{X := 1.0, Y := 1.0}`, widget’ın sağ alt kısmıdır.
Ofsetler	Bu alan, widget'ın boyutunu ve konumunu iki şekilde etkileyebilir: Sabitleyiciler ile Hizalama alanlarının her ikisi de ayarlandığında bu alan, widget’ı konumlandırmak için sabitleyiciden uzaklığı belirtebilir. Widget, boyutun bir anlamı olmayacak şekilde sabitlendiğinde bu alan, widget için ayrılan boyut alanını temsil edebilir. Ancak SizeToContent etkinse widget gerekli olan boyutu alır.	Kenar boşluğu 0 ila 1080 aralığında olmalıdır. Bu çözünürlük, oyuncunun ekran çözünürlüğüne uyacak şekilde ölçeklenir.
SizeToContent	Etkinleştirildiğinde widget’ı istenen boyuta ayarlar.	Bu seçeneğin etkin olup olmadığını göstermek için `true`/`false` değerini alır.

Kullanıcı arayüzü öğelerinin konumu ve düzeni platforma bağlıdır. Kullanıcı arayüzünün çözünürlüğü, oyuncunun kullandığı platform tarafından belirlenecek ve kullanıcı arayüzü sığacak şekilde ölçeklenecektir.

Genel olarak bir widget’ın konumlandırılmasına ilişkin iş akışı, alanların aşağıdaki sırayla ayarlanmasından oluşur:

Tuval yeniden boyutlandırıldığında bile widget’ın tuval üzerinde nerede görüneceğini belirlemek için sabitleyiciler.
Widget’ın hangi bölümünün sabitleyici konumuna yerleştirileceğini belirlemek için hizalama.
Sabitleyici noktasından bir ofset belirlemek için ofsetler.
Widget’ı gerektiği gibi boyutlandırmak için SizeToContent.

Aşağıda, Kenar Boşluğu Uzaklığını değiştirmenin, widget’ın sabitleyici konumuna göre nerede göründüğünü nasıl değiştirdiği gösterilmektedir.

Ofset Üst Kenar Boşluğu 0,0’dır.

Ofset Üst Kenar Boşluğu 50,0’dır.

Aşağıda, Hizalama alanının değiştirilmesinin, widget’ın hangi kısmının bağlayıcı konumunda olduğunu nasıl etkilediği gösterilmektedir.

Widget’ın ortasına ayarlanmış hizalama, vector2{X := 0.5, Y := 0.5}

Widget’ın sol üstüne ayarlanmış hizalama, vector2{X := 0.0, Y := 0.0}

Aşağıda, Minimum ve Maksimum Sabitleyicileri değiştirmenin bir widget’ın boyutunu nasıl etkileyebileceği gösterilmektedir.

Minimum ve maksimum sabitleyiciler aynıdır: vector2{X := 0.5, Y := 0.5}

Minimum ve maksimum sabitleyiciler farklıdır: Minimum := vector2{X := 0.4, Y := 0.4}, Maximum := vector2{X := 0.6, Y := 0.6}

Widget’ları Ekranda Konumlandırma Örneği

Aşağıdaki kod, widget’ların ekranın çeşitli noktalarında konumlandırılmasına bir örnektir.

Tuvalin etrafına konumlandırılan widget’lar

Verse

using { /Fortnite.com/Devices }
using { /Verse.org/Simulation }
using { /UnrealEngine.com/Temporary/UI }
using { /Fortnite.com/UI }
using { /UnrealEngine.com/Temporary/SpatialMath}

hello_world_device := class(creative_device):

    # Set the Button device in the Editor to reference the device in the level
    @editable