Botões – MRTK3

Button Main

Um botão dá ao usuário uma forma de acionar uma ação imediata. É um dos componentes mais fundamentais da realidade misturada, e fornecer interações de botão satisfatórias e confiáveis é essencial para uma experiência de realidade misturada de qualidade. O MRTK fornece duas categorias de pré-fabricados de botão: baseado em tela e não baseado em tela. Ambas as configurações usam o PressableButton script, uma subclasse de StatefulInteractable estendida para incluir comportamentos específicos dos botões.

Saiba mais sobre como funciona o sistema de interface do usuário da Tela híbrida.

Cenas de exemplo

Se você estiver usando o projeto de modelo de desenvolvimento, várias cenas de exemplo estarão disponíveis que demonstram os pré-fabricados de botão disponíveis.

CanvasUITearSheet.unity mostra todas as variantes de pré-fabricado de botão baseadas em tela disponíveis no MRTK.

Canvas Tearsheet

CanvasExample.unity mostra alguns exemplos de criação de layouts maiores usando os componentes baseados em tela.

Canvas Example Scene

UITearSheet.unity mostra todas as variantes de pré-fabricado de botão não baseadas em Tela disponíveis no MRTK.

Button Example Scene

Pré-fabricados (Tela)

Os botões baseados em tela são flexíveis e configuráveis e podem ser redimensionados para qualquer dimensão ou proporção. Dessa forma, apenas um pequeno número de pré-fabricados de botão são fornecidos.

  • EmptyButton fornece a superfície/placa frontal pressível, a placa de fundo holográfica e o efeito de brilho. Não há texto, ícone, rótulo ou outro conteúdo; isso é para que controles mais abstratos semelhantes a botões possam ser criados como uma variante desse pré-fabricado sem interferir no texto ou no conteúdo do ícone.
  • ActionButton é um botão simples que inclui um ícone, um texto e um rótulo. Esses componentes individuais podem ser habilitados ou desabilitados e o sistema de layout se adaptará adequadamente.

Aprimoramentos adicionais podem ser adicionados ao botão, como o indicador de alternância de alternância. Os recursos que não se destinam a se mover com a placa frontal devem ser anexados ao componente backplate.

Adding a toggle switch

Pré-fabricados (não tela)

Os botões que não são de tela não são redimensionáveis; como resultado, um grande número de pré-fabricados de botão são fornecidos em muitas permutações de tamanho e recursos. Esses pré-fabricados são nomeados no formato: PressableButton_SIZE_STYLE. Por exemplo,

  • PressableButton_32x32mm_IconAndText: botão de tamanho 32x32mm com ícone e texto
  • PressableButton_128x32mm_SinglelineTextWithSubtitle: botão largo de tamanho 128x32mm com texto de linha única + texto de legenda

Estrutura (Tela)

As diferentes partes de um ActionButton podem ser ativadas/desativadas para personalizar a aparência e o comportamento do botão. Dissecamos duas configurações diferentes possíveis para mostrar as diferentes partes do pré-fabricado do botão. Observe que o "backglow" não está visível nessas capturas de tela, pois o botão não está sendo pressionado ativamente.

Primeiro, uma configuração maior em que o objeto Texto principal está ativo e usa estilos embutidos para exibir um cabeçalho e um subtít. Large Canvas button structure Em segundo lugar, uma configuração menor em que o Rótulo está ativo para mostrar uma descrição da ação abaixo do ícone. O objeto Texto principal está desabilitado. Small Canvas button structure

Estrutura (não tela)

A captura de tela a seguir mostra a estrutura de um botão não baseado em tela.

Non-canvas button structure

Classe PressableButton

A PressableButton classe é derivada de StatefulInteractable funções novas e substituídas específicas dos botões. No inspetor, você pode definir configurações relacionadas à imprensa volumétrica, além de todas as outras configurações configuráveis de StatefulInteractable. PressableButton inspector screenshot