Masquer des composites avec un acteur "Liste de cases à cocher"

[Emilio80100]

Bonjour,

J’utilise l’acteur "Liste de cases à cocher" pour filtrer l’affichage dans une scène.

Mon objectif est de masquer ou afficher certains composites en fonction des cases cochées. J’ai essayé d’utiliser la propriété Visibilité directement dans les composites, mais je n’arrive pas à la piloter avec les valeurs de la liste de cases à cocher

Je me demande donc s’il existe une méthode pour masquer directement un groupe de composites en fonction de leur organisation dans la scène (par exemple selon leur tri ou leur regroupement), plutôt que de devoir gérer chaque composite individuellement.

En résumé :

Case cochée → afficher certains composites

Case décochée → masquer ces composites

pour l’instant je n’arrive pas à piloter correctement la visibilité directement depuis les composites.

Merci

[Raphwit]

Bonjour,

Votre filtre est-il directement dans vote scène ?
Si oui vous pouvez lier directement la propriété "visible" des composites concernés avec votre filtre !

[Emilio80100]

Oui la liste de cases à cocher est dans la même scène, pouvez-vous me faire un exemple svp?

[Emilio80100]

Voici une capture d'écran

[Raphwit]

Bonjour, désolé de la réponse tardive, je vous joint une scène qui a le comportement souhaité.

Il faut dans votre cas faire une correspondance entre les clés des acteurs et les valeurs cochées !
La valeur des options dans l'acteur checkbox-list doit donc être la clé de l'acteur que cette option contrôle.

La scène comporte le script qui s'occupe d'afficher / cacher les acteurs au postInit et au moment ou on change la sélection.

SYNAPPS-STUDIO-SCENE|{"config":{"key":"scene17","name":"Scène 17"},"leadActor":{"type":"layout/stack","key":"stack1","children":[{"type":"input/checkbox-list","key":"checkbox-list1","properties":{"value":"[\"value1\"]","options":"[\n  {\n    \"value\": \"text1\",\n    \"text\": \"Texte 1\"\n  },\n  {\n    \"value\": \"text2\",\n    \"text\": \"Texte 2\"\n  },\n  {\n    \"value\": \"text3\",\n    \"text\": \"Texte 3\"\n  }\n]","values":""},"events":{"onPostInit":["  JSON.parse(this.properties.options).forEach(element => {","","  if (this.properties.values === '[]') {","    context.getActor(element.value).properties.visible = false;","    return;","  }","","  if (this.properties.values.includes(element.value) || this.properties.values === '') {","    context.getActor(element.value).properties.visible = true;","    return;","  } else {","    context.getActor(element.value).properties.visible = false;","    return;","  }","});"],"onPropertyChanged":["if (context.propertyPath === 'properties.values') {","  JSON.parse(this.properties.options).forEach(element => {","","    if (this.properties.values === '[]') {","      context.getActor(element.value).properties.visible = false;","      return;","    }","","    if (this.properties.values.includes(element.value) || this.properties.values === '' || this.properties.values === 'null' ) {","      context.getActor(element.value).properties.visible = true;","      return;","    } else {","      context.getActor(element.value).properties.visible = false;","      return;","    }","  });","}"]}},{"type":"layout/stack","key":"stack2","children":[{"type":"display/text","key":"text1","properties":{"content":"Text 1","horizontalAlignment":"expand"}},{"type":"display/text","key":"text2","properties":{"content":"Text 2","horizontalAlignment":"expand"}},{"type":"display/text","key":"text3","properties":{"content":"Text 3","horizontalAlignment":"expand"}}],"properties":{"orientation":"horizontal"}}],"properties":{"fontSize":"5em"}}}