https://www.youtube.com/watch?v=LozsXNIWVA4

Vidéo précédente: 🇫🇷Guide complet (5/12): interface variables

Intro

Contenu de la vidéo

Présentation ( 0:00 - 0:36 ) Style ( 0:36 - 3:53 ) Attributs spécifiques ( 3:53 - 5:51 ) Variable theme ( 5:51 - 13:34 ) Les états d’attributs ( 13:34 - 17:32 ) Transitions d’états ( 17:32 - 20: 39 )

Script

1. Présentation

Voyons comment créer un design ou intégrer son propre design.

On a déjà vu les noeuds, comment utiliser le graphe et les variables.

2. Style

La base pour changer l’apparence est les attributs des noeuds, notamment un attribut qui est présent dans la plupart:

Style,

Comme sur le noeud texte, où on peut changer l’attribut fond par exemple, pour mettre un fond jaune en couleur unique, ou via un dégradé, dont on peut changer la direction.

On peut rajouter une bordure, comme rouge.

Essayons sur le noeud image, où on peut changer l’arrondi ou encore l’ombre. On peut rajouter une ombre inter, “inner” avec un flou, “blur”, de 10 pixels, que l’on met en couleur rouge. Comme c’est une image, il faut que je change l’ombre à l’extérieur, “outer”, pour la voir apparaitre.

Pour le texte, je peux en mettre une à l’intérieur qui se verra mieux.