Feuilles de style Qt; dégradés de couleurs, dégradés 2D et classes CSS

Question

J'ai quelques questions sur la fonctionnalité de la feuille de style de Qt. C'est vraiment génial, mais on a l'impression que la fonctionnalité n'est pas encore là pour longtemps, c'est vrai? C'est de loin la façon la plus simple de styliser mon interface graphique.

1. Est-il possible d'ajouter un fondu de couleur dans les feuilles de style? Chaque fois que la souris survole un certain widget, je ne veux pas qu'il change brusquement de couleur de fond, il suffit de fondre dans la nouvelle couleur en 200ms ou quelque chose. Y a-t-il une bonne façon de procéder ou faut-il que cela soit fait selon le code?

2. Puis-je avoir un dégradé 2D? Je sais comment utiliser le dégradé 1D maintenant, vous pouvez changer la couleur progressivement sur un axe (souvent horizontalement ou verticalement). Je voudrais ajouter un deuxième gradient en plus de cela, qui a une valeur alpha faible par exemple. Donc, si votre dégradé passe du vert (haut) au rouge (bas), je voudrais aussi qu'il passe de transparent (gauche) à blanc (droit). Qt possède des sélecteurs CSS pour les types (par exemple QPushButton) et pour les ID (par exemple #mywidgetname), mais je n'ai pas trouvé un moyen de sélectionner ou de définir des classes. J'ai un certain nombre de QFrames par exemple, et à un certain sous-ensemble je voudrais ajouter un style particulier. Dois-je nommer mes cadres tout de même (même ID)? Semble mauvais. Mais choisir sur leur type (QFrame) n'est pas correct non plus ...

Merci!

Answer 1

1. Je n'utilise pas de CSS connu. Cependant, Qt a plusieurs belles démos utilisant différentes techniques (en utilisant le framework d'animation), voir par exemple le démos/examples browser.

2. Vous pouvez probablement obtenir ce que vous voulez dans # 2 en utilisant la construction suivante à l'aide des coordonnées relatives des points d'extrémité:

   qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0.273, stop:0 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255)) 
   

   Qt Designer a un éditeur agréable pour les gradients (et CSS en général), vous voudrez peut-être jouer avec cela et voir ce qu'il propose et l'utiliser comme source d'inspiration.

3. Pas tout à fait sûr de savoir comment résoudre le mieux, mais vous pouvez mettre plusieurs correspondances avant la même règle, vous pouvez donc avoir:

   QFrame#frame1, QFrame#frame2 { background-color: blue; } 
   

Answer 2

Vous pouvez également sélectionner tous QFrames pour parent particulier

#ParentName > QFrame sélectionnera tous les QFrames qui sont des enfants de #ParentName

#ParentName QFrame sélectionnera tous les QFrames contenus dans #Par entName et ses enfants

Answer 3

Je sais que c'est une vieille question, mais j'ai récemment eu un problème similaire.

De toute façon, pour "3." J'ai trouvé que vous pouvez utiliser un "sélecteur de propriété" dans le qss et juste définir la valeur de la propriété sur les widgets pertinents.

par exemple.dans votre code C++:

widget1->setProperty("StyleClass", "MyCustomLAF"); 
widget2->setProperty("StyleClass", "MyCustomLAF"); 

puis dans le QSS:

QWidget[StyleClass="MyCustomLAF"] { color : purple ; } 

Ensuite, une instance avec la propriété "styleClass" sur "MyCustomLAF" QWidget (ou classe dérivée) aura la couleur: violet style appliqué. Pardonnez-moi si l'explication suivante est un peu confuse ou techniquement incorrecte, mais je sous-entends que la propriété "StyleClass" est ce que Qt appelle une "propriété dynamique" qui signifie (dans mes mots) une propriété ajoutée à une instance QObject à l'exécution, sans être enregistré dans le "méta stuff" en utilisant la macro Q_PROPERTY.