witsa / synapps

Construisez des apps standards, adaptatives et multiplateformes avec le REDY
11 stars 3 forks source link

Passage de souris + affichage scène #741

Closed Baptiste-ALL closed 3 months ago

Baptiste-ALL commented 3 months ago

Bonjour, tous d'abord merci à vous pour ce logiciel. je souhaite trouvé le moyen lorsqu'on survol un bouton avec la souris, de faire affiché une scène dans un petit écran.

Merci d'avance

WITNicolas commented 3 months ago

Bonjour,

Il faudra une modale (qui sera le popup) et il y a aura besoin de créer 2 évènements sur le bouton.

OnMouseOver context.getActor('CLE DE LA MODALE').properties.isShown = true

OnMouseOut context.getActor('CLE DE LA MODALE').properties.isShown = false

image

Baptiste-ALL commented 3 months ago

Merci pour la réponse rapide j'ai donc essayé mais coté (popup) cela m'affiche

error during onmouseover with 'cle du bouton'

et j'aimerais affiché une autre scène dans ce popup différente que celle du bouton.

Raphwit commented 3 months ago

Bonjour, voici une scène sommaire pour vous inspirer pour le comportement que vous souhaitez :

SYNAPPS-STUDIO-SCENE|{"config":{"key":"scene1","name":"Scène 1"},"leadActor":{"type":"layout/stack","key":"stack1","children":[{"type":"input/button","key":"button1","properties":{"content":"Button","mode":"primary"},"events":{"onMouseOver":["context.getActor('modal1').properties.isShown = true;"],"onMouseOut":["context.getActor('modal1').properties.isShown = false;"]}},{"type":"layout/modal","key":"modal1","properties":{"height":"200px","width":"200px","translucentOverlay":false},"children":[{"type":"layout/stack","key":"stack2","properties":{"verticalAlignment":"expand"},"children":[{"type":"display/text","key":"text1","properties":{"content":"HELLO WORLD","horizontalAlignment":"middle","verticalAlignment":"middle"}}]}]}]}}

Il suffit de coller cette scène dans Synapps pour l'obtenir, elle contient un bouton qui affiche une modale lorsque l'on passe la souris dessus !

Attention, si la modale ne n'as pas un overlay transparent, cela ne fonctionne pas !

Baptiste-ALL commented 3 months ago

Merci beaucoup cela me permet d'avance. Justement j'ai fait un essai sa affiche bien le POPUP et le mot HELLOWORLD que j'ai voulus remplacé part ENERGIE {{gaz}} et dans gaz je suis allé cherche une ressource. au final sa affiche ENERGIE :easy.RESS.R .... j'ai essayé pas mal de truc diffèrent mais je bloque sinon c'était un texte et un autre texte avec la valeur mais j'aimerais faire plus propre. Merci d'avance

Raphwit commented 3 months ago

Lors de la liaison de cette ressource, il faut préciser le champ à aller chercher, c'est probablement ce qu'il vous manque !

Voici l'exemple sur une liaison vers une ressource : image

Baptiste-ALL commented 3 months ago

ok c'est bon c'est que le champ n'apparaisse pas car je n'avais pas lier la ressource j'avais juste sélectionné la ressource merci