Compartir a través de


Uso de controles de interfaz de usuario precompilados

Información general

El paquete Ejemplos de control proporciona controles de interfaz de usuario creados previamente mediante mesh Toolkit que puede importar en los proyectos. Los usamos ampliamente en nuestros tutoriales de Mesh 101 y Mesh 201 .

Captura de pantalla de varios ejemplos de control en el tutorial de Mesh 101.

Las muestras de control siguen en desarrollo, por lo que las llamamos "muestras" para indicar que evolucionan y están sujetas a cambios con el tiempo. Los detalles sobre los ejemplos de control se proporcionan en la sección Ejemplos de control en detalle más abajo en esta página, pero aquí se muestra un vistazo rápido a cómo los usamos en nuestros tutoriales.

BackplateBase

Dado que una placa inversa es un objeto de apoyo útil para cualquier presentación de texto informativo, usamos el objeto prefabricado BackplateBase en bastantes lugares.

Captura de pantalla de las numerosas instancias del objeto prefabricado BackplateBase en el tutorial de Mesh 101.

Un ejemplo: En el tutorial de Mesh 101, BackplateBase se puede encontrar como un objeto secundario a ChapterLabel , que es la presentación de texto de información para la primera estación, 3.1: Reproducción de vídeo.

Captura de pantalla de una instancia de BackplateBase en el tutorial de Mesh 101.

ButtonBase

En el tutorial mesh 101, el objeto prefabricado ButtonBase se usa para crear el botón Reproducir para la pantalla de vídeo en la estación 3.1: Reproducción de vídeo. Tenga en cuenta que el objeto prefabricado se ha cambiado aquí a "PlayVideoButton".

Captura de pantalla de una instancia de ButtonBase en el tutorial de Mesh 101.

Earth

En el tutorial de Mesh 201, el objeto prefabricado Earth se usa para station 4: Load a URL from a 3D asset (Carga de una dirección URL desde un recurso 3D).

Captura de pantalla de una instancia prefabricada de tierra en el tutorial de Mesh 101.

InformationButton

En el tutorial de Mesh 101, el objeto prefabricado InformationButton se usa para la estación 3.2: Desencadenador de diálogo de información. Tenga en cuenta que el objeto prefabricado se ha cambiado ligeramente aquí a "Information_Button".

Captura de pantalla de una instancia de InformationButton en el tutorial de Mesh 101.

Introducción

El paquete Ejemplos de control se incluye al descargar los ejemplos de Mesh desde GitHub.

Captura de pantalla del paquete de ejemplos de control en Explorador de archivos.

Para agregar el paquete de ejemplos de control al proyecto:

  1. En el proyecto de Unity de la barra de menús, seleccione Ventana> Administrador de paquetes.
  2. Haga clic en la lista desplegable "+" y, a continuación, seleccione Agregar paquete desde el disco ....

Captura de pantalla del menú Administrador de paquetes con el elemento de menú Agregar paquete desde disco resaltado.

  1. En la ventana Seleccionar paquete en disco , vaya a la carpeta denominada com.microsoft.mesh.toolkit.control.samples y haga doble clic en el archivo package.json .

Captura de pantalla del archivo package.json en Explorador de archivos.

  1. El paquete Ejemplos de control aparece en el Administrador de paquetes etiquetado como "Local" ...

Captura de pantalla del paquete de ejemplos de control en el Administrador de paquetes.

... y se pueden encontrar en la carpeta Paquetes de proyecto>.

Captura de pantalla del paquete Ejemplos de control en la carpeta Paquetes.

Ejemplos de control con detalle

Los objetos prefabricados de ejemplo de control están en subcarpetas de la carpeta Runtime .

Runtime>ButtonBase

  • BackplateBase: use este objeto prefabricado para colocar todos los controles en una placa trasera con esquinas redondeadas y una superficie ídidas.

Captura de pantalla del objeto prefabricado BackplateBase en la escena.

  • ButtonBase: el objeto prefabricado base para todas las variantes de botón. El botón anima, genera comentarios de audio cuando se presiona y contiene una etiqueta. Use Visual Scripting para configurar eventos que se desencadenan cuando un avatar hace clic en el botón.

Captura de pantalla del objeto prefabricado ButtonBase en la escena.

Globo en tiempo de ejecución>

  • Tierra: un globo terráqueo que gira y se puede seleccionar. Cuando se selecciona, el globo genera una posición de latitud y longitud y agrega un marcador. Esta funcionalidad se puede ampliar y modificar con Scripting visual. Todos los clientes comparten todas las acciones de forma predeterminada.

Captura de pantalla del objeto prefabricado de la Tierra en la escena.

Runtime>InformationButton

  • InformationButton: botón de moneda de espacio del mundo flotante. El botón presenta la detección de proximidad a través del Avatar Trigger comportamiento. Cuando un avatar está a cierta distancia del botón, la moneda deja de girar y está en su lugar en cartelera. El avatar puede hacer clic en la moneda. Si el avatar está fuera del intervalo, ya no puede hacer clic en el botón y el botón vuelve a girar. El comportamiento interactable del botón está controlado por su componente Mesh Interactable Setup y el script InformationButton .

Captura de pantalla del objeto prefabricado InformationButton en la escena.

Pasos siguientes