Layouts de página

Quando você define um UIPageLayout como pai de um contêiner de UI, cada GuiObject irmão se torna uma página única para a qual você pode fazer a transição através de script. Este layout é útil quando você deseja criar interfaces de usuário, como modais com abas, tutoriais ou telas de personalização de personagem.

Depois de criar várias páginas dentro do UIPageLayout, você precisará usar scripting para fazer a transição de uma página para outra. Por exemplo, o seguinte código, colado em um Script irmão de lado do layout, faz a transição para frente e depois para trás entre as páginas a cada dois 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()

Se você quiser visualizar as páginas enquanto edita no Studio, você pode usar a Barra de Comandos para navegar de uma página a outra, permitindo que você revise onde precisa fazer alterações sem precisar rodar sua experiência a cada vez.

1. Na hierarquia da janela Explorer, selecione o objeto UIPageLayout.

   

2. Abra a Barra de Comandos.

3. Insira qualquer um dos seguintes comandos e pressione Enter.

   Ação	Comando
   Próxima Página	game:GetService("Selection"):Get()[1]:Next()
   Página Anterior	game:GetService("Selection"):Get()[1]:Previous()
   Primeira Página	game:GetService("Selection"):Get()[1]:JumpToIndex(0)