Partilhar via


Usar controles de interface do usuário pré-criados

Descrição geral

O pacote Control Samples fornece controles de interface do usuário pré-construídos criados usando o Mesh Toolkit que você pode importar para seus projetos. Nós os usamos extensivamente em nossos tutoriais Mesh 101 e Mesh 201 .

Captura de tela de várias amostras de controle no tutorial do Mesh 101.

As amostras de controle ainda estão em desenvolvimento, por isso as chamamos de "amostras" para indicar que estão evoluindo e estão sujeitas a alterações ao longo do tempo. Os detalhes sobre as amostras de controle são fornecidos na seção Amostras de controle em detalhes mais abaixo nesta página, mas aqui está uma rápida olhada em como as usamos em nossos tutoriais.

Base traseira

Como uma placa traseira é um objeto de suporte tão útil para qualquer exibição de texto informativo, usamos o pré-fabricado BackplateBase em alguns lugares.

Captura de tela das várias instâncias do pré-fabricado BackplateBase no tutorial do Mesh 101.

Um exemplo: No tutorial do Mesh 101, BackplateBase pode ser encontrado como um objeto filho para ChapterLabel , que é a exibição de texto de informações para a primeira estação, 3.1: Reprodução de vídeo.

Captura de tela de uma instância de BackplateBase no tutorial do Mesh 101.

Base de botões

No tutorial do Mesh 101, o pré-fabricado ButtonBase é usado para criar o botão Reproduzir para a tela de vídeo na estação de reprodução de vídeo 3.1: Video. Note que o pré-fabricado foi renomeado aqui para "PlayVideoButton".

Captura de tela de uma ocorrência de ButtonBase no tutorial do Mesh 101.

Terra

No tutorial do Mesh 201, o pré-fabricado do Earth é usado para Station 4: Load a URL from a 3D asset.

Captura de tela de uma instância pré-fabricada do Google Earth no tutorial do Mesh 101.

InformationButton

No tutorial do Mesh 101, o pré-fabricado InformationButton é usado para a estação 3.2: Info Dialog Trigger . Note que o pré-fabricado foi ligeiramente renomeado aqui para "Information_Button".

Captura de tela de uma ocorrência de InformationButton no tutorial do Mesh 101.

Introdução

O pacote Control Samples é incluído quando você baixa as amostras de malha do GitHub.

Captura de ecrã do pacote Control Samples no Explorador de Ficheiros.

Para adicionar o pacote Control Samples ao seu projeto:

  1. Em seu projeto Unity na barra de menus, selecione Window>Package Manager.
  2. Clique na lista suspensa '+' e selecione Adicionar pacote do disco ....

Captura de ecrã do menu Gestor de Pacotes com o item de menu Adicionar pacote a partir do disco realçado.

  1. Na janela Selecionar pacote no disco, navegue até a pasta chamada com.microsoft.mesh.toolkit.control.samples e clique duas vezes no arquivo package.json.

Captura de ecrã do ficheiro package.json no Explorador de Ficheiros.

  1. O pacote Control Samples aparece no Gerenciador de Pacotes marcado como "Local" ...

Captura de tela do pacote Control Samples no Gerenciador de Pacotes.

... e pode ser encontrado na pasta Pacotes de Projeto>.

Captura de tela do pacote Control Samples na pasta Packages.

Amostras de controle em detalhes

Os pré-fabricados Control Sample estão em subpastas da pasta Runtime .

Tempo de execução>ButtonBase

  • BackplateBase: Use este pré-fabricado para colocar todos os seus controles em uma placa traseira com cantos arredondados e uma superfície iridescente.

Uma captura de tela do pré-fabricado BackplateBase na cena.

  • ButtonBase: A base pré-fabricada para todas as variantes de botão. O botão anima, produz feedback de áudio quando pressionado e contém um rótulo. Use o Visual Scripting para configurar eventos que são acionados quando um avatar clica no botão.

Uma captura de tela do pré-fabricado ButtonBase na cena.

Globo de tempo de execução>

  • Terra: Um globo terrestre que gira e pode ser selecionado. Quando selecionado, o globo gera uma posição de latitude e longitude e adiciona um marcador. Essa funcionalidade pode ser estendida e modificada com o Visual Scripting. Todas as ações são compartilhadas por todos os clientes por padrão.

Uma captura de tela do pré-fabricado da Terra na cena.

Runtime>InformationButton

  • InformationButton: Um botão de moeda espacial do mundo flutuante. O botão apresenta deteção de proximidade através do Avatar Trigger comportamento. Quando um avatar está a uma certa distância do botão, a moeda para de girar e é colocada em cartaz. O avatar é capaz de clicar na moeda. Se o avatar estiver fora do alcance, ele não poderá mais clicar no botão e o botão voltará a girar. O comportamento interacionável do botão é controlado por seu componente Mesh Interactable Setup e pelo script InformationButton .

Captura de tela do pré-fabricado InformationButton na cena.

Próximos passos