Diseños de página

*Este contenido se traduce usando la IA (Beta) y puede contener errores. Para ver esta página en inglés, haz clic en aquí.

Cuando padres un UIPageLayout a un contenedor de interfaz de usuario, cada hermano GuiObject se convierte en una página única que puedes transitar a través de la scripting.Este diseño es útil cuando quieres crear interfaces de usuario como ventanas con pestañas, tutoriales o pantallas de personalización de caracteres.

Después de crear múltiples páginas dentro del UIPageLayout, necesitas usar scripts para pasar de página a página.Por ejemplo, el siguiente código, pegado en un hermano del lado del cliente Script del diseño, transita hacia adelante y hacia atrás entre las páginas cada dos segundos.


local frame = script.Parent
local pageLayout = frame:FindFirstChildWhichIsA("UIPageLayout")
task.wait(2)
pageLayout:Next()
task.wait(2)
pageLayout:Next()
task.wait(2)
pageLayout:Previous()
task.wait(2)
pageLayout:Previous()

Si quieres ver páginas mientras editas en Studio, puedes usar la barra de comandos para navegar de una página a otra, permitiéndote revisar dónde necesitas hacer cambios sin tener que jugar tu experiencia cada vez.

  1. En la jerarquía de la ventana Explorador, seleccione el objeto UIPageLayout.

  2. Desde la pestaña Ver, abra la Barra de comandos.

    Studio's View tab with the Command Bar button highlighted.
  3. Ingrese cualquiera de los siguientes comandos y presione Enter.

    AcciónComanda
    Siguiente página game:GetService("Selection"):Get()[1]:Next()
    Página anterior game:GetService("Selection"):Get()[1]:Previous()
    Primera página game:GetService("Selection"):Get()[1]:JumpToIndex(0)