| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
| integration_qt_gtk [Le 11/09/2022, 11:49] – Suppression des espaces en fin de ligne (détecté et corrigé via le bot wiki-corrector (https://forum.ubuntu-fr.org/viewtopic.php?id=2067892) moths-art | integration_qt_gtk [Le 05/02/2025, 16:08] (Version actuelle) – desc qt5ct, kvantum / qt4-qtconfig et QGtkStyle - même gtkstyle semblent ne plus exister nulle part / liens morts krodelabestiole |
|---|
| {{tag>Bionic Xenial Trusty tutoriel environnements personnalisation BROUILLON}} | {{tag>noble gnome kde personnalisation}} |
| ---- | |
| |
| {{ https://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/GTK.svg/1200px-GTK.svg.png?80}} | {{ https://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/GTK.svg/1200px-GTK.svg.png?80}} |
| {{ https://cdn.icon-icons.com/icons2/1508/PNG/512/qt_104660.png?80}} | {{ https://cdn.icon-icons.com/icons2/1508/PNG/512/qt_104660.png?80}} |
| ====== Intégration Qt / GTK ====== | ====== Intégration Qt / GTK ====== |
| | |
| <note important> | <note important> |
| Si vous essayez les manipulations décrites dans ce tutoriel, merci de corriger les erreurs et d'ajouter vos remarques, avertissements, etc. | Si vous essayez les manipulations décrites dans ce tutoriel, merci de corriger les erreurs et d'ajouter vos remarques, avertissements, etc. |
| </note> | </note> |
| |
| |
| Cette page a pour but de décrire des manipulations permettant une meilleure intégration des applications [[wpfr>Qt]] dans [[:GNOME]] et [[wpfr>GTK%2B|GTK]] dans [[:KDE]]. | Cette page a pour but de décrire des manipulations permettant une meilleure intégration des applications [[wpfr>Qt]] dans [[:GNOME]] et [[wpfr>GTK%2B|GTK]] dans [[:KDE]]. |
| ==== Méthode depuis Ubuntu 20.04 ==== | ==== Méthode depuis Ubuntu 20.04 ==== |
| |
| 1- Installer le paquet [[apt>qt5ct]]. ([[https://forum.ubuntu-fr.org/viewtopic.php?id=2024449#9|discusion : « Apparence application QT »]]) — forum Ubuntu.fr . | Il existe deux utilitaires principaux qui permettent d'ajuster l'affichage des applications [[:Qt]] dans l'environnement [[:GNOME]] : [[https://sourceforge.net/projects/qt5ct/|qt5ct]] (Qt5 Configuration Tool) et [[https://github.com/tsujan/Kvantum|Kvantum]].\\ |
| | **Kvantum** est un moteur de thème assez puissant alors que **qt5ct** est une simple interface de configuration. Les deux applications sont compatibles et peuvent se compléter. |
| |
| 2 - Installer ensuite les thème et plugin avec la commande | === Kvantum === |
| <code>sudo apt install qt5-style-plugins | |
| </code> | |
| |
| 3 - Enfin, intégré le theme GTK2 aux application Qt | - Installer[[apt>Kvantum]] |
| <code>echo "export QT_QPA_PLATFORMTHEME=gtk2" >> ~/.profile</code> | - Lancer l'application et choisir un thème en cliquant sur l'onglet //Changer/Supprimer le thème//. |
| |
| 4 - Relancer les applications | === qt5ct === |
| |
| | 1- Installer le paquet [[apt>qt5ct]]. ([[https://forum.ubuntu-fr.org/viewtopic.php?id=2024449#9|discusion : « Apparence application QT »]]) — forum Ubuntu.fr . |
| |
| ==== Méthode sous Lucid ==== | 2 - Installer ensuite les thèmes et plugin avec la commande |
| | <code>sudo apt install qt5-style-plugins |
| == Graphiquement == | |
| [[:tutoriel:comment_installer_un_paquet|Installez le paquet]] **[[apt://systemsettings|systemsettings]]**. | |
| | |
| Lancer **systemsettings** (//Système -> Préférences -> System Settings// ou //Système -> Préférences -> Configuration du système//), puis ouvrir **Apparence**. | |
| | |
| * Dans **Style**, onglet //Applications//, choisir **Style des éléments graphiques : GTK+** => **Appliquer** | |
| * Dans **Icônes**, onglet //Thèmes//, choisir le thème d'icônes voulu => **Appliquer** | |
| * Dans **Polices**, configurer les polices tel que celles du système (menu //Système -> Préférences -> Apparence//, onglet //Polices//) | |
| | |
| Il se peut que les couleurs des fenêtres Qt soient un peu différentes des applications GTK. Dans ce cas, vous pouvez les régler dans **Couleurs**, onglet **Couleurs**. | |
| | |
| | |
| Le site [[http://kde-look.org/|KDE-Look.org]] propose des thèmes, des modèles de couleurs, des polices ou des icônes installables à partir de "Configuration système" ou directement depuis des logiciels KDE tels que K3B, Amarok, Kopete ou Kmail. | |
| | |
| **Sous Quantal cette configuration //pourrait// modifier la police des applications Mozilla**. Dans un tel cas, pour résoudre ce problème, une fois les changements effectués, supprimez le paquet //systemsettings// (systemsettings ne modifie qu'un fichier déjà existant, supprimer le paquet ne supprimera pas vos modifications) puis entrez les commandes suivantes dans un [[terminal]] : | |
| | |
| <code> | |
| sudo mkdir /etc/fonts/conf.d/backup | |
| sudo mv /etc/fonts/conf.d/10* /etc/fonts/conf.d/backup | |
| sudo dpkg-reconfigure fontconfig | |
| </code> | </code> |
| Si ça ne fonctionne pas, répéter la manipulation en ayant au préalable supprimé le fichier de configuration **~/.fonts.conf**, fichier de configuration des polices spécifique à l'utilisateur (dans Quantal, ce fichier de configuration se trouve dans le sous-répertoire ~/.config/fontconfig/ et sa suppression résout le problème) : | |
| <code> | |
| rm -i ~/.fonts.conf | |
| </code> | |
| Pour Quantal : | |
| <code> | |
| rm -i ~/.config/fontconfig/fonts.conf | |
| </code> | |
| |
| == Les mains dans le cambouis (Geeks only) == | |
| |
| L'installation de **systemsettings** n'est pas indispensable car il ne fait que modifier les paramètres d'un fichier de configuration. | |
| |
| [[:tutoriel:comment_modifier_un_fichier|Modifier le fichier]] ''~/.kde/share/config/kdeglobals''. Et modifier les valeurs ''widgetStyle'' pour le style et ''Theme'' pour les icônes. La valeur à placer dans ''Theme'' correspond au nom du thème d'icônes (//Système -> Apparence -> Personnaliser -> Icônes//). | |
| |
| Exemple : | |
| <file> | |
| --- | |
| widgetStyle=gtk+ | |
| --- | |
| Theme=Humanity | |
| --- | |
| </file> | |
| |
| Il est également possible de modifier les couleurs des fenêtres, mais c'est un peu moins pratique. | |
| |
| |
| |
| ==== Autres applications Qt4 ==== | |
| <note help>Comment utiliser QGtkStyle pour les application Qt non KDE => qt4-qtconfig</note> | |
| |
| |
| ===== Configurer les applications GTK pour utiliser le thème QT sous Kubuntu ===== | |
| |
| <note important> Cette méthode ne fonctionne plus pour synaptic sous kubuntu 14.04. </note> | |
| ==== Thème par défaut du gtk-qt-engine ==== | |
| Les applications en GTK (d'origine GNOME) ne prennent pas en compte les différents réglages de KDE, notamment de décoration et de style de fenêtre. | |
| |
| Un bon moyen de régler ce problème est d'utiliser le ''gkt-qt engine''. Pour cela [[:tutoriel:comment_installer_un_paquet|installez les paquets]] [[apt>gtk2-engines-qtcurve,kde-style-qtcurve,kcm-gtk|gtk2-engines-qtcurve, kde-style-qtcurve, kcm-gtk]] | |
| |
| Puis dans **Configuration du système > Apparence > Apparence GTK+ dans KDE** selectionnez le style **QtCurve**. Vous pouvez également choisir le thème QtCurve pour les applications Qt dans **Configuration du système > Apparence > Style** pour une parfaite harmonie ;-). | |
| |
| <note> | |
| Si la configuration n'est pas sauvegardée après déconnexion / reconnexion, vous pouvez être touché par un bogue de ''startkde'' (heureusement simple à résoudre) : [[https://bugs.launchpad.net/ubuntu/+source/kdebase-workspace/+bug/352946|Bug 352946]]. | |
| </note> | |
| |
| ==== Le thème Oxygen Molecule ==== | |
| Pour une intégration encore plus poussée et une meilleure fidélité avec le thème Oxygen, **Oxygen Molecule** est recommandé. | |
| |
| Au préalable vous devez installer le **gtk-qt-engine** comme décrit dans la section précédente. [[:tutoriel:comment_installer_un_paquet|L'installation du paquet]] [[apt://gtk2-engines-pixbuf|gtk2-engines-pixbuf]] est aussi nécessaire pour le bon fonctionnement du thème. | |
| |
| Avec Kubuntu 11.10, le thème est disponible dans les dépôts officiels [[apt://oxygen-molecule|oxygen-molecule]]. Sinon, vous trouverez ce thème à [[http://kde-look.org/content/show.php/Oxygen-Molecule+KDE+&+GTK++unified+theme?content=103741|cette adresse]]. | |
| |
| Comme indiqué dans les instructions d'installation, il faut copier le répertoire contenant gtk2.0 dans ''/usr/share/themes'' ; | |
| |
| Ensuite, vous n'aurez qu'à le sélectionner dans **Réglage du système > Apparence > Styles et polices GTK** et toutes vos applications GTK en profiteront. | |
| |
| === Un thème pour Firefox === | |
| L'apparence par défaut de Firefox dans un environnement KDE ne plaît pas à tout le monde. | |
| |
| Un moyen très simple de l'améliorer est d'utiliser un thème Firefox spécialement conçu pour KDE. | |
| |
| Il est disponible à [[http://kde-look.org/content/show.php/Oxygen+KDE+(Firefox+Theme)?content=117962|cette addresse]]. Pour l'installer, vous n'avez qu'à l'ouvrir par Firefox, ou tout simplement le glisser-déposer dans le gestionnaire de modules complémentaires. L'installation du thème GTK **Oxygen Molecule** est conseillée. | |
| |
| Comme indiqué sur ce précédent lien, l'auteur de ce thème fournit encore d'autres astuces pour parfaire cette intégration. | |
| |
| ==== Retrouver le thème GTK dans vos applications lancées en root ==== | |
| |
| Si vous rencontrez le problème suivant : Par exemple, vous avez installé [[:Synaptic]] comme gestionnaire de paquets, car vous le préférez à [[:Muon]]. Malheureusement, les modifications que vous avez apportées en suivant les indications des précédentes parties, ne suffisent pas car visiblement, Synaptic affiche toujours ses vieilles icônes style Windows 98 ! | |
| |
| Pour harmoniser tout ça, il vous suffit d'ouvrir un [[:terminal]] et de faire : <code>sudo rm -f /root/.icons /root/.themes /root/.fonts.conf | |
| sudo ln -s ~/.icons /root/icons | |
| sudo ln -s ~/.themes /root/ | |
| sudo ln -s ~/.fonts.conf /root/ | |
| sudo ln -s ~/.gtkrc-2.0-kde4 /root/.gtkrc-2.0</code> | |
| |
| |
| Pour l'explication, nous faisons ici un lien symbolique (l'équivalent du "créer un raccourci" sous Windows en gros) entre vos paramètres persos et le dossier /root qui contient les paramètres du superutilisateur. | 3 - Entrer cette commande pour faire de qt5ct votre gestionnaire de thème par défaut |
| | <code>echo "export QT_QPA_PLATFORMTHEME=qt5ct" >> ~/.profile</code> |
| |
| Voici le contenu du fichier ''.gtkrc-2.0-kde4'' que vous devriez avoir, si vous avez utilisé le thème **molécule flat** : | 4 - Redémarrer le système |
| |
| <file># This file was written by KDE | 5 - Lancer le logiciel Qt5ct, choisir un //Style// (//Kvantum// éventuellement) et sélectionner GTK3 pour //Boîte de dialogue standard// afin que le thème GTK3 soit intégré aux applications Qt. |
| # You can edit it in the KDE control center, under "GTK Styles and Fonts" | |
| | |
| include "/usr/share/themes/kde44-oxygen-molecule-flat/gtk-2.0/gtkrc" | |
| | |
| style "user-font" | |
| { | |
| font_name="Sans Serif" | |
| } | |
| widget_class "*" style "user-font" | |
| | |
| gtk-theme-name="kde44-oxygen-molecule-flat" | |
| gtk-font-name="Sans Serif 8"</file> | |
| |
| ===== Voir Aussi ===== | ===== Voir Aussi ===== |
| * (en) [[http://labs.trolltech.com/page/Projects/Styles/GtkStyle | Site officiel de QGtkStyle]] | |
| * (en) [[http://brainstorm.ubuntu.com/idea/1714/ | GNOME QT integration sur Ubuntu brainstorm]] | |
| |
| | * tutoriel : [[:tutoriel:personnaliser_gnome|Personnaliser Ubuntu (Gnome)]] |
| |
| ---- | ---- |
| //Contributeurs : GNU-max (l'auteur), [[:utilisateurs:Gemnoc]].// | //Contributeurs : GNU-max (l'auteur), [[:utilisateurs:Gemnoc]].// |
| |