Quadros

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

As quinas são GuiObjects que atuam como contêineres para outros GuiObjects. Você pode usá-los para UI que são exibidos em um usuário's tela ou em uma 2>superfície2> dentro da experiência.

Quando você manipula quadros, você também manip

Tipos de Quadro

Existem três tipos principais de quadro, cada um deles servindo um propósito específico no design da UI.

Armação

Um Frame é um retângulo simples, vazio. Se você pudar criar um pai GuiObjects para o

Armação de Scroll

Um ScrollingFrame é um quadro composto por dois elementos: um canvas personalizado e barra de rolagem . Este tipo de quadro permite que você exiba muita informação em um espaço confinado, e é útil para menus e listas.

Você pode definir a posição e tamanho de um ScrollingFrame através de suas propriedades respectivas Position e Size. Observe que a barra de rolagem ocupa uma parte da 1> Class.ScrollingFrame1> tamanho.

Tela.

A tela é a área dentro de um ScrollingFrame que é capaz de conter outros GuiObjects. Se uma das dimensões da tela for maior que o tamanho geral do 2> Class.ScrollingFrame2>, a barra de rolagem é visível, caso contrário, ela está oculta.

A propriedade CanvasSize determina o tamanho de área que você pode rolar, não o tamanho do ScrollingFrame em si. Se você precisar saber quão grande é a área de visualização real em um ScrollingFrame, você pode acessá-lo usando a propriedade de leitura 1>Class.ScrollingFrame

A propriedade CanvasPosition determina sua posição padrão dentro do canvas em pixels e, em seguida, define a posição da barra de rolagem de acordo. Observe que esta propriedade não faz nada quando a barra de rolagem não é visível.

Barra de Scroll

A barra de rolagem mostra sua posição dentro do conteúdo do ScrollingFrame que não é visível. Existem dois tipos de barra de rolagem: uma barra de rolagem vertical e uma barra de rolagem horizontal. Uma barra de rolagem vertical permite que você rolique para cima e para baixo, enquanto uma barra de rolagem horizontal permite que você rolique para a esquerda e para a direita.

Usando a propriedade VerticalScrollBarPosition, você pode alternar a posição de uma barra de rolagem vertical para a esquerda ou direita da tela.

As faixas de rolagem são compostas por três imagens:

  • Topo — Uma imagem que é exibida no topo da barra de rolagem.
  • Meio — Uma imagem que é exibida como a miniatura da barra de rolagem.
  • Início — Uma imagem que é exibida na parte inferior da miniatura da barra de rolagem.

Você pode personalizar essas imagens através de uma barra de rolagem respectiva TopImage , MidImage e BottomImage propriedades. Observe que uma barra de rolagem vertical e horizontal usa as mesmas imagens, mas a bar

Cada imagem escala com base na propriedade ScrollBarThickness, que muda a largura de uma barra de rolagem vertical ou a altura de uma barra de rolagem horizontal. Essa propriedade também determina a largura e a altura das imagens de topo e bottom, bem como a espessura da imagem média. No entanto, a largura e a altura da barra

Armação de Quadro de Visão

Um ViewportFrame é um quadro que usa uma câmera para renderizar objetos 3D. Este tipo de quadro é uma ótima maneira de exibir objetos 3D e modelos em um espaço 2D, como:

  • Um minimapa de sua experiência diretamente no canto de uma tela de usuário.
  • Modelos 3D de itens em um menu de inventário.
  • Objetos giratórios que um personagem equipou.

Objetos 3D que os usuários visualizam através de um ViewportFrame podem mover com sua Câmera, permanecer estático ou girar dentro do Class.ViewportFrame . Este objeto também pode incluir um filho Class.Sky como um cubo para reflexões.

Se você quiser que o objeto 3D se mova com a Câmera:

  1. Posicione sua câmera dentro da experiência para que o objeto que você deseja ver dentro da janela seja visível.

  2. Adicione um novo ViewportFrame à tela e e depois verifique se ele está selecionado no Explorer.

  3. Na janela Propriedades, atribua a propriedade CameraAtual à Câmera:

    1. Selecione a propriedade CameraAtual . Seu cursor muda.
    2. Na <a href="https://pt.help.roblox.com/hc/articles/203313410">janela Explorer</a>, clique no Objeto Câmera de nível superior.
  4. Parece o objeto 3D desejado para o novo ViewportFrame . Observe que se você ainda quiser ver o objeto dentro de sua experiência, você deve duplicá-lo no Workspace e, em seguida, duplicar o objeto de cópia para o Class.ViewportFrame .

Quando você move sua Câmera, o objeto também se moverá dentro do ViewportFrame .