Botón : MRTK3

Un botón proporciona al usuario una manera de desencadenar una acción inmediata. Es uno de los componentes fundamentales de la realidad mixta y proporcionar interacciones de botón satisfactorias y confiables es esencial para una experiencia de realidad mixta de calidad. MRTK proporciona dos categorías de prefabricados de botón: basadas en Lienzo y no basadas en Canvas. Ambas configuraciones usan el PressableButton script, una subclase de StatefulInteractable extendida para incluir comportamientos específicos de los botones.

Obtenga más información sobre cómo funciona el sistema de interfaz de usuario de Canvas híbrido.

Escenas de ejemplo

Si usa el proyecto de plantilla de desarrollo, hay varias escenas de ejemplo disponibles que muestran los prefabricados de botón disponibles.

CanvasUITearSheet.unity muestra todas las variantes prefabricadas de botón basadas en Canvas disponibles en MRTK.

CanvasExample.unity muestra algunos ejemplos de creación de diseños más grandes mediante los componentes basados en Canvas.

Prefabricados

Los botones basados en lienzo son flexibles y configurables y se pueden cambiar de tamaño a cualquier dimensión o proporción. Por lo tanto, solo se proporcionan algunos prefabricados de botón.

• EmptyButton proporciona la superficie o la placa frontal presionables, la placa posterior holográfica y el efecto de resplandor. No hay texto, icono, etiqueta u otro contenido. Esto es tan abstracto que los controles similares a los botones se pueden crear como una variante de este prefabricado sin interferir con el texto o el contenido del icono.
• ActionButton es un botón sencillo que incluye un icono, texto y una etiqueta. Estos componentes individuales se pueden habilitar o deshabilitar y el sistema de diseño se adaptará en consecuencia.

Se pueden agregar otras mejoras al botón, como el indicador de conmutador de alternancia. Las características que no están diseñadas para moverse con la placa frontal deben adjuntarse al componente de la placa posterior.

Estructura

Las distintas partes de un control ActionButton se pueden activar o desactivar para personalizar el aspecto y el comportamiento del botón. Hemos diseccionado dos configuraciones posibles diferentes para mostrar las distintas partes del prefabricado de botón. El "retroceso" no es visible en estas capturas de pantalla, ya que el botón no se presiona activamente.

En primer lugar, una configuración más grande donde el objeto Text principal está activo y usa estilos insertados para mostrar un encabezado y un subtexto. En segundo lugar, una configuración más pequeña donde está activo para mostrar una descripción de la acción debajo del icono. El objeto Text principal está deshabilitado.

Clase PressableButton

La PressableButton clase se deriva de StatefulInteractable con funciones nuevas y reemplazadas específicas de los botones. En el Inspector, puede configurar los valores relacionados con la prensa volumétrica además de todos los demás valores configurables de StatefulInteractable.

Construcción de la interfaz de usuario con botones

Al crear paneles de menú o de interfaz de usuario con varios botones, se recomienda usar una geometría de placa posterior compartida. Mediante el uso de una placa posterior compartida, podemos reducir el ruido visual y mejorar la facilidad de uso. Estos son algunos de los ejemplos de colocación de botones sobre la placa posterior compartida.

Componentes adicionales

Como referencia, estos son algunos componentes adicionales responsables de controlar los aspectos de los objetos visuales y la funcionalidad de los botones:

• El pulso de la placa frontal visual observado cuando se selecciona el botón lo controla un InteractablePulse componente.
• El icono de botón puede establecerse en un icono de MRTK mediante FontIconSelector.
• Opcionalmente RectTransformColliderFitter , puede usarse en los botones de Canvas para ajustarlo BoxCollider a su RectTransform. Este componente está deshabilitado de forma predeterminada para el rendimiento.