View a markdown version of this page

Añade widgets de interfaz de usuario aumentada con sombreador de modelos a tu escena - AWS IoT TwinMaker

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

Añade widgets de interfaz de usuario aumentada con sombreador de modelos a tu escena

Los widgets de sombreado de modelos pueden cambiar el color de un objeto en las condiciones que tú definas. Por ejemplo, puede crear un widget de color que cambie el color de un mezclador de cookies de la escena en función de los datos de temperatura del mezclador.

Utilice el procedimiento siguiente para añadir widgets de sombreado de modelos a un objeto seleccionado.

  1. Seleccione un objeto de la jerarquía al que desee agregar un widget. Pulse el botón + y, a continuación, seleccione Model Shader.

  2. Para añadir un nuevo grupo de reglas visuales, primero siga las instrucciones que aparecen a continuación para crearlo y ColorRule, a continuación, seleccione ColorRule en el panel del Inspector para el objeto del identificador de regla.

  3. Selecciona el ID de entidad y al PropertyName que deseas vincular el sombreador del modelo. ComponentName

Cree reglas visuales para sus escenas

Puedes usar mapas de reglas visuales para especificar las condiciones basadas en datos que cambian la apariencia visual de un widget de interfaz de usuario aumentada, como una etiqueta o un sombreador de modelo. Se proporcionan ejemplos de reglas, pero también puede crear las suyas propias. El siguiente ejemplo muestra una regla visual.

Ejemplo de reglas visuales con expresiones basadas en la temperatura que activan los iconos de error, advertencia e información.

La imagen de arriba muestra una regla que se aplica cuando una propiedad de datos previamente definida con el identificador «temperatura» se compara con un valor determinado. Por ejemplo, si la «temperatura» es mayor o igual a 40, el estado cambiará la apariencia de la etiqueta a un círculo rojo. Cuando se elige el objetivo en el panel de control de Grafana, se rellena un panel de detalles que está configurado para usar el mismo origen de datos.

En el procedimiento a continuación se muestra cómo agregar un nuevo grupo de reglas visuales para la capa de interfaz de usuario aumentada con coloración de la malla.

  1. En la pestaña de reglas de la consola, introduce un nombre como el que aparece ColorRule en el campo de texto y elige Agregar nuevo grupo de reglas.

    La pestaña «Reglas» con el nombre del nuevo mapa de reglas introducido encima del botón «Agregar nuevo grupo de reglas».
  2. Defina una nueva regla para el caso de uso. Por ejemplo, puede crear una basada en la propiedad de datos «temperatura», en la que el valor indicado sea inferior a 20. Usa la siguiente sintaxis para las expresiones de reglas: Menor que es <, mayor que es >, menor o igual es <=, mayor o igual es >= e igual es ==. (Para obtener más información, consulte la sintaxis JEXL de Apache Commons).

  3. Defina el objetivo en un color. Para definir un color, por ejemplo#fcba03, utilice valores hexadecimales. (Para obtener más información sobre los valores hexadecimales, consulte https://en.wikipedia.org/wiki/Hexadecimal Hexadecimal).