View a markdown version of this page

Aggiungete i widget dell'interfaccia utente aumentata Model Shader alla scena - AWS IoT TwinMaker

Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

Aggiungete i widget dell'interfaccia utente aumentata Model Shader alla scena

I widget Model Shader possono cambiare il colore di un oggetto in condizioni definite dall'utente. Ad esempio, potete creare un widget a colori che cambia il colore di un cookie mixer nella scena in base ai dati di temperatura del mixer.

Utilizzate la procedura seguente per aggiungere i widget del modello shader a un oggetto selezionato.

  1. Selezionate un oggetto nella gerarchia a cui desiderate aggiungere un widget. Premi il pulsante + e scegli Model Shader.

  2. Per aggiungere un nuovo gruppo di regole visive, seguite prima le istruzioni seguenti per creare il ColorRule, quindi nel pannello Inspector relativo all'oggetto dell'ID della regola, scegliete. ColorRule

  3. Selezionate l'EntityID e PropertyName desiderate associare lo shader del modello a. ComponentName

Create regole visive per le vostre scene

Puoi utilizzare le mappe visive delle regole per specificare le condizioni basate sui dati che modificano l'aspetto visivo di un widget dell'interfaccia utente aumentata, come un tag o uno shader del modello. Sono disponibili regole di esempio, ma puoi anche crearne di tue. L'esempio seguente mostra una regola visiva.

Esempio di regole visive con espressioni basate sulla temperatura che attivano icone di errore, avviso e informazioni.

L'immagine sopra mostra una regola per quando una proprietà di dati definita in precedenza con ID 'temperatura' viene confrontata con un determinato valore. Ad esempio, se la «temperatura» è maggiore o uguale a 40, lo stato cambierà l'aspetto del tag in un cerchio rosso. Il target, se scelto nella dashboard di Grafana, popola un pannello di dettaglio configurato per utilizzare la stessa fonte di dati.

La procedura seguente mostra come aggiungere un nuovo gruppo di regole visive per il livello di interfaccia utente aumentata con colorazione delle mesh.

  1. Nella scheda delle regole della console, inserisci un nome come ColorRule nel campo di testo e scegli Aggiungi nuovo gruppo di regole.

    La scheda «Regole» con il nome della nuova mappa delle regole inserito sopra il pulsante «Aggiungi nuovo gruppo di regole».
  2. Definisci una nuova regola per il tuo caso d'uso. Ad esempio, puoi crearne una in base alla proprietà dei dati «temperatura», in cui il valore riportato è inferiore a 20. Utilizzate la sintassi seguente per le espressioni delle regole: Minore di è <, maggiore di è >, minore o uguale è <=, maggiore o uguale è >= e uguale è ==. (Per ulteriori informazioni, vedete la sintassi JEXL di Apache Commons.)

  3. Imposta l'obiettivo su un colore. Per definire un colore, ad esempio#fcba03, usa valori esadecimali. (Per ulteriori informazioni sui valori esadecimali, consulta Esadecimale.)