Posizionare i widget sullo schermo in Unreal Editor per Fortnite | Fortnite Documentazione

Puoi posizionare i widget sullo schermo con il widget canvas aggiungendo widget ai relativi slot canvas.

Pulsante con testo Centro visualizzato nella parte centrale dello schermo

Il codice seguente è un esempio di widget canvas che visualizza il testo "Centro" su un pulsante al centro dello schermo.

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

Impostazioni slot canvas

Puoi modificare i seguenti campi di uno slot canvas per posizionare i widget nel canvas:

Campo	Descrizione	Valori
Ancore	La posizione nel canvas in cui è ancorato il widget, specificata come percentuale del canvas. Quando il canvas viene ridimensionato, il widget rimane attaccato ai suoi ancoraggi nella nuova dimensione del canvas. Puoi specificare gli ancoraggi massimo e minimo del widget, che possono modificare le dimensioni del widget quando SizeToContent è abilitato.	L'intervallo dei campi X e Y di un ancoraggio è compreso tra 0 e 1, dove `vector2{X := 0.0, Y := 0.0}` è la parte superiore sinistra del canvas e `vector2{X := 1.0, Y := 1.0}` è la parte inferiore destra del canvas.
Allineamento	La parte del widget che si trova nella posizione di ancoraggio. Ad esempio, se il campo Allineamento è `vector2{X := 0.5, 1.0}`, il centro inferiore del widget viene posizionato nella sede di ancoraggio.	L'intervallo dei campi X e Y per l'allineamento è compreso tra 0 e 1, dove `vector2{X := 0.0, Y := 0.0}` è la parte superiore sinistra del widget e `vector2{X := 1.0, Y := 1.0}` è la parte inferiore destra del widget.
Offset	Questo campo può influire sulle dimensioni e sulla posizione del widget in due modi: Quando i campi Ancoraggi e Allineamento sono entrambi impostati, questo campo può specificare l'offset dall'ancoraggio per posizionare il widget. Quando il widget è ancorato in modo che la dimensione non abbia senso, questo campo può rappresentare lo spazio di dimensione allocato per il widget. Tuttavia, se SizeToContent è abilitato, il widget prenderà le dimensioni necessarie.	Il margine deve essere compreso tra 0 e 1080. Questa risoluzione verrà ridimensionata per adattarsi alla risoluzione dello schermo del giocatore.
SizeToContent	Quando è abilitato, dimensiona il widget come desiderato.	`true` / `false` per rappresentare se questa opzione è abilitata o meno.

La posizione e il layout degli elementi della UI variano da piattaforma a piattaforma. La risoluzione della UI sarà determinata dalla piattaforma utilizzata dal giocatore e la UI verrà ridimensionata automaticamente per adattarsi.

In genere, il flusso di lavoro per il posizionamento di un widget imposta i campi nel seguente ordine:

Ancoraggi per specificare dove deve apparire il widget sul canvas, anche quando il canvas viene ridimensionato.
Allineamento per specificare quale parte del widget è posizionata nella sede di ancoraggio.
Offset per applicare un offset dal punto di ancoraggio.
SizeToContent per ridimensionare il widget in base alle esigenze.

Di seguito viene illustrato come la modifica del margine dell'offset cambia la posizione in cui il widget è visualizzato rispetto alla posizione di ancoraggio.

Il margine superiore degli offset è 0,0

Il margine superiore degli offset è 50,0

Di seguito viene illustrato come la modifica del campo Allineamento influisce sulla parte del widget che si trova nella posizione di ancoraggio.

Allineamento impostato al centro del Widget, vector2{X := 0.5, Y := 0.5}

Allineamento impostato in alto a sinistra del Widget, vector2{X := 0.0, Y := 0.0}

Di seguito viene illustrato come la modifica degli ancoraggi minimi e massimi può influire sulle dimensioni di un widget.

Gli ancoraggi minimi e massimi sono uguali: vector2{X := 0.5, Y := 0.5}

Gli ancoraggi minimi e massimi sono diversi: Minimum := vector2{X := 0.4, Y := 0.4}, Maximum := vector2{X := 0.6, Y := 0.6}

Esempio di posizionamento dei widget sullo schermo

Il codice seguente rappresenta un esempio di posizionamento dei widget in vari punti dello schermo.

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