Diseño de páginas

Cuando agrupas un UIPageLayout en un contenedor de UI, cada GuiObject hermano se convierte en una página única a la que puedes cambiar mediante scripting. Este diseño es útil cuando deseas crear interfaces de usuario como modales con pestañas, tutoriales o pantallas de personalización de personajes.

Después de crear múltiples páginas dentro del UIPageLayout, necesitas usar scripting para cambiar de una página a otra. Por ejemplo, el siguiente código, pegado en un Script de lado del cliente que sea hermano del diseño, cambia hacia adelante y luego 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 deseas 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, selecciona el objeto UIPageLayout.

   

2. Abre la Barra de Comandos.

3. Ingresa cualquiera de los siguientes comandos y presiona Enter.

   Acción	Comando
   Página Siguiente	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)