View a markdown version of this page

Ajoutez des widgets d'interface utilisateur augmentés avec Model Shader à votre scène - AWS IoT TwinMaker

Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

Ajoutez des widgets d'interface utilisateur augmentés avec Model Shader à votre scène

Les widgets Model Shader peuvent modifier la couleur d'un objet selon les conditions que vous définissez. Par exemple, vous pouvez créer un widget de couleur qui modifie la couleur d'un mixeur à biscuits dans votre scène en fonction des données de température du mixeur.

Suivez la procédure suivante pour ajouter des widgets Model Shader à un objet sélectionné.

  1. Sélectionnez un objet dans la hiérarchie auquel vous souhaitez ajouter un widget. Appuyez sur le bouton +, puis choisissez Model Shader.

  2. Pour ajouter un nouveau groupe de règles visuelles, suivez d'abord les instructions ci-dessous pour créer le ColorRule, puis choisissez dans le panneau Inspecteur correspondant à l'objet de l'ID de règle ColorRule.

  3. Sélectionnez l'EntityID auquel ComponentName PropertyName vous souhaitez lier le shader du modèle.

Créez des règles visuelles pour vos scènes

Vous pouvez utiliser des cartes de règles visuelles pour spécifier les conditions basées sur les données qui modifient l'apparence visuelle d'un widget d'interface utilisateur augmentée, tel qu'une balise ou un shader de modèle. Des exemples de règles sont fournis, mais vous pouvez également créer les vôtres. L'exemple suivant montre une règle visuelle.

Exemples de règles visuelles avec des expressions basées sur la température qui activent des icônes d'erreur, d'avertissement et d'informations.

L'image ci-dessus montre une règle permettant de comparer une propriété de données précédemment définie avec l'ID « température » par rapport à une certaine valeur. Par exemple, si la « température » est supérieure ou égale à 40, l'état changera l'apparence de l'étiquette en cercle rouge. La cible, lorsqu'elle est choisie dans le tableau de bord Grafana, remplit un panneau de détails configuré pour utiliser la même source de données.

La procédure suivante vous montre comment ajouter un nouveau groupe de règles visuelles pour la couche d'interface utilisateur augmentée à colorisation du maillage.

  1. Dans l'onglet Règles de la console, entrez un nom, par exemple ColorRule dans le champ de texte, puis choisissez Ajouter un nouveau groupe de règles.

    L'onglet « Règles » avec le nom de la nouvelle carte de règles saisi au-dessus du bouton « Ajouter un nouveau groupe de règles ».
  2. Définissez une nouvelle règle pour votre cas d'utilisation. Par exemple, vous pouvez en créer un sur la base de la propriété de données « température », où la valeur signalée est inférieure à 20. Utilisez la syntaxe suivante pour les expressions de règles : inférieur à est <, supérieur à >, inférieur ou égal est <=, supérieur ou égal est >= et égal est ==. (Pour plus d'informations, consultez la syntaxe JEXL d'Apache Commons.)

  3. Définissez une couleur pour la cible. Pour définir une couleur, par exemple#fcba03, utilisez des valeurs hexadécimales. (Pour plus d'informations sur les valeurs hexadécimales, voir Hexadécimal.)