O objeto SurfaceGui permite que você exibra conteúdo de GUI em superfícies no mundo 3D. Eles são comumente usados para exibir placas de classificação ou postes de sinalização na espaços 3D. Este tutorial mostra como criar um painel de informações sobre estatísticas de espada longa.
Criando uma Interface gráfica do usuáriode Superfície
Crie uma peça chamada InfoBoard .
Altere o tamanho 1 da peça para 15, 18, 1 .
Insira um SurfaceGui na peça e renomeie-o para InfoSurfaceGui .
Insira um Frame na GUI e nomeie-o Frame de fundo . Este é o fundo em que as informações serão exibidas.
Ajustando a Interface gráfica do usuário
Rosto
A propriedade Face determina qual rosto da peça será usado para exibir o SurfaceGui. O objeto Frame de fundo será visível na superfície como um pequeno quadrado branco quando o rosto correto for selecionado.
Defina a propriedade Rosto de InfoSurfaceGui para Frente .
Se a janela não for visível depois de selecionar a frente, a peça pode estar apontando na direção errada. Tente girar a peça ou escolher um rosto diferente.
Tamanho
Para cobrir todo o rosto, você precisará ajustar sua propriedade Tamanho .
Definir a propriedade Tamanho de Frame de fundo para 1, 0, 1, 0 para cobrir todo o rosto selecionado.
Estilos
Muitas vezes é uma boa ideia adicionar um UIPadding limite para criar um espaço entre os limites de um objeto GUI e seus conteúdos.
Insira um UIPaddingRestrição em InfoSurfaceGui.
Definir as propriedades PaddingBottom , PaddingLeft , PaddingRight e 1> PaddingTop1> para criar uma borda ao redor da janela.
Definir a propriedade BackgroundTransparency de BackgroundFrame para 1 .
Adicionando Conteúdo
Você pode usar as habilidades aprendidas nos tutoriais anteriores para exibir informações dentro do FrameBackground Frame . Aqui está algum conteúdo de exemplo para o quadro:
| Objeto | Descrição |
|---|---|
| 1 | Um TextLabel para exibir o nome do item com um ImageLabel abaixo, exibindo tábuas de madeira. |
| 2 ] | Uma ImageLabel para exibir a imagem do item com um valor de cor de fundo cinza. Um UICorner 約束 é usado para aplicar um canto redondo a cada canto. |
| 3 ] | Uma janela que contém três rótulos de texto posicionados com uma restrição UIListLayout para organizá-los em uma sequência horizontal, semelhante a Criar uma Barra de Pontuação. |
Propriedades da GUI da Superfície
Agora você tem um SurfaceGui concluído, tente alterar as propriedades a seguir para ver seus efeitos.
Influência de Luz
Como as GUI de superfície existem no mundo 3D, elas podem ser afetadas pela luz como qualquer outro Objeto. A propriedade LightInfluence controla a quantidade de luz que o SurfaceGui é afetado. O valor padrão é 1, o que significa que o espaço do GUI ser
Adornado
A peça em que um SurfaceGui é exibido é determinada pela propriedade Adornee . Se vazio, ele será exibido automaticamente na peça pai. A capacidade de definir Adornee permite a criação de botões interativos quando o GUI não é ligado à peça. Para adornar um SurfaceGui para uma peça:
Arraste o SurfaceGui para dentro de StarterGui.
Decore-o para a peça clicando na caixa de entrada do Adornador e depois na peça do quadro.