Cómo colocar widgets en la pantalla en Unreal Editor para Fortnite | Fortnite Documentación

Puedes colocar los widgets en la pantalla con el widget de lienzo añadiendo widgets a los espacios de su lienzo.

Botón con el texto Centro en el centro de la pantalla

El código siguiente es un ejemplo de widget del lienzo que mostrará el texto "Centro" en un botón situado en el centro de la pantalla.

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

Configuración de espacios del lienzo

Puedes cambiar los siguientes campos de un espacio del lienzo para colocar los widgets en el lienzo:

Campo	Descripción	Valores
Anclajes	La ubicación en el lienzo donde se ancla el widget, especificada como porcentaje del lienzo. Cuando el lienzo cambia de tamaño, el widget permanece unido a sus anclajes en el nuevo tamaño del lienzo. Puedes especificar los anclajes máximo y mínimo del widget, que pueden cambiar el tamaño del widget cuando SizeToContent está habilitado.	El rango para los campos X e Y de un anclaje es de 0 a 1, donde `vector2{X := 0.0, Y := 0.0}` es la parte superior izquierda del lienzo y `vector2{X := 1.0, Y := 1.0}` es la parte inferior derecha del lienzo.
Alineación	La parte del widget que está en el lugar de anclaje. Por ejemplo, si el campo Alineación es `vector2{X := 0.5, 1.0}`, el centro inferior del widget se sitúa en la ubicación del anclaje.	El rango para los campos X e Y de Alineación es de 0 a 1, donde `vector2{X := 0.0, Y := 0.0}` es la parte superior izquierda del widget y `vector2{X := 1.0, Y := 1.0}` es la parte inferior derecha del widget.
Desfases	Este campo puede afectar al tamaño y a la posición del widget de dos formas: Cuando los campos Anclajes y Alineación están definidos, este campo puede especificar el desfase desde el anclaje para colocar el widget. Cuando el widget está anclado de forma que el tamaño no tiene sentido, este campo puede representar el espacio de tamaño asignado al widget. Sin embargo, si SizeToContent está activado, el widget tomará el tamaño que necesite.	El margen debe estar entre 0 y 1080. Esta resolución se escalará para ajustarse a la resolución de la pantalla del jugador.
SizeToContent	Si está activado, dimensiona el widget como desees.	`true`/`false` para representar si esta opción está activada o no.

La ubicación y disposición de tus elementos de IU depende de la plataforma. La resolución de la IU vendrá determinada por la plataforma que utilice el jugador, y la IU se escalará para ajustarse.

Generalmente, tu flujo de trabajo para posicionar un widget consistirá en establecer los campos en el siguiente orden:

Anclajes para especificar dónde debe aparecer el widget en el lienzo, incluso cuando este cambie de tamaño.
Alineación para especificar qué parte del widget se coloca en la ubicación del anclaje.
Desfases para aplicar un desfase desde el punto de anclaje.
SizeToContent para ajustar el tamaño del widget según sea necesario.

A continuación se muestra cómo al cambiar el margen de desplazamientos, cambia el lugar en el que aparece el widget en relación con la ubicación del anclaje.

El margen superior de desfase es 0.0

El margen superior de desfase es 50.0

A continuación se muestra cómo cambiar el campo Alineación afecta a qué parte del widget se encuentra en la ubicación del anclaje.

Alineación al medio del widget, vector2{X := 0.5, Y := 0.5}

Alineación arriba a la izquierda del widget, vector2{X := 0.0, Y := 0.0}

A continuación se muestra cómo cambiar los anclajes mínimo y máximo puede afectar al tamaño de un widget.

Los anclajes mínimo y máximo son iguales: vector2{X := 0.5, Y := 0.5}

Los anclajes mínimo y máximo son diferentes: Mínimo := vector2{X := 0.4, Y := 0.4}, Máximo := vector2{X := 0.6, Y := 0.6}

Ejemplo de colocación de widgets en la pantalla

El código siguiente es un ejemplo de colocación de widgets en varios puntos de la pantalla.

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