Discussion :

[Yakuzan]

Salut, j'aimerais savoir comment ils ont fait dans Qt Créateur pour créer les boutons de gauche(Welcome, Edit, Debug...) ayant une transition lente pour créer une animation moderne lors du survol de la souris.

J'ai déjà crée une application dont l'interface est complètement modifier à l'aide des styles, mais j'ai l'impression que pour des transitions plus complexes je devrais utiliser un autre moyen pour arriver à mes fins. J'ai déjà lu le QQ sur les GUI moderne avec la nouvelle Bibliothèque d'Animation de 4.6 et je sais aussi que le Graphics view pourrait me servir sauf que j'aimerais savoir la façon optimal de créer les effets désirés.

[Invité]

Excellente question ! Je crois que c'est à coup de CSS, mais je ne suis pas sûr, le mieux est de regarder les sources de Qt Creator là.

[Yakuzan]

Excellente question ! Je crois que c'est à coup de CSS, mais je ne suis pas sûr, le mieux est de regarder les sources de Qt Creator là.

Quand je parle de styles je parle bel et bien du CSS. Ils permets de beau effet, mais comme dans les applications WEB, il est nécéssaire d'utiliser Javascript pour aller au-delà d'une simple permutation d'image.

[Invité]

tu sais, il y a aussi le framework graphics-view et le framework animation de Qt. Et pour couronner le tout, il y a le module QtScript...

[gbdivers]

Bonjour

En fait, Qt Creator n'utilise pas le css pour les styles mais uniquement QStyle (http://qt.developpez.com/doc/latest/qstyle.html)

Le problème avec le css, c'est que cela nécessite de parser un QString, ce qui est un peu plus lent que de redessiner les widgets directement.

Par contre, le framework QGraphics n'est pas adapté pour faire cela (même si c'est possible, une architecture MVC n'est pas utile pour un UI). Javascript et QtScript n'est pas utile dans ce cas.

Pour les interfaces modernes, Qt va sortir bientôt Qt Quick et le QML : http://www.developpez.net/forums/d82...creator-2-0-a/

Pour en revenir à ta question, pour faire un tel effet, dans une première approche, tu peux utiliser un classe personnalisée qui aurait :
- un background avec l'image du bouton de fond
- une image lorsque le bouton est survolé (un halo sur un fond transparent par exemple ou un bouton à l'aspect enfoncé)
- une image différente pour chaque bouton (le "Welcome", "Help", "Debug"... de Qt Creator)
- un effet de transparence pour passer du backround à l'image du bouton lorsqu'il est survolé (http://qt.developpez.com/doc/latest/...ityeffect.html)
- une animation pour passer d'un background a l'autre

Ca devrait donner l'effet désiré

[Yakuzan]

Je pense alors attendre la venu de Qt Quick. Je suis stupéfait du travail nécéssaire pour faire cet effet. Quand j'utilise JQuery il est question de 10 lignes de codes.

Je vais peut-être le faire une fois que mon projet est à une étape plus évolué.

Enfin, si je trouve un moyen simple de le faire j'écrirais un tutorial.