Layouts de páginas

*Este conteúdo é traduzido por IA (Beta) e pode conter erros. Para ver a página em inglês, clique aqui.

Quando você parente um UIPageLayout para um contêiner de UI, cada irmão GuiObject se torna uma página única que você pode transicionar através de scripting.Este layout é útil quando você quer criar interfaces de usuário, como abas de modais, tutoriais ou telas de personalização de personagens.

Depois de criar várias páginas dentro do UIPageLayout, você precisa usar scripts para fazer a transição de página para página.Por exemplo, o seguinte código, pastado em um irmão do lado do cliente Script do layout, transita para frente e 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 páginas enquanto estiver editando no Studio, você pode usar a Barra de Comando para navegar de uma página para outra, permitindo que você revise onde precisa fazer alterações sem ter que jogar sua experiência cada vez.

  1. Na hierarquia da janela Explorer, selecione o ObjetoUIPageLayout.

  2. Da aba Ver, abra a Barra de Comando.

    Studio's View tab with the Command Bar button highlighted.
  3. Insira qualquer um dos seguintes comandos e pressione Enter.

    AçãoComando
    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)