Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
integration_qt_gtk [Le 05/04/2018, 18:42] 90.26.213.17 |
integration_qt_gtk [Le 05/02/2025, 16:08] (Version actuelle) krodelabestiole desc qt5ct, kvantum / qt4-qtconfig et QGtkStyle - même gtkstyle semblent ne plus exister nulle part / liens morts |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | {{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://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]]. | ||
- | <note tip>Cette page n'a bien sûr d'intérêt que si vous avez déjà une application Qt (resp. GTK) installée. Si ce n'est pas le cas, les manipulations décrites risquent de ne pas fonctionner.</note> | + | ===== Configurer les applications Qt pour utiliser le thème GTK sous Ubuntu ===== |
- | ===== Qt dans GNOME ===== | + | Bien que sur Linux Mint QT5ct soit configuré par défaut pour utiliser le thème GTK avec les applications QT, ce n'est pas encore le cas sous Ubuntu, il faut donc configurer le thème manuellement. |
- | + | ||
- | L'intégration de Qt dans GNOME a fait beaucoup de progrès. Depuis la version 4.5, Qt intègre un module permettant d'utiliser le thème système GTK pour les applications Qt. Celui-ci se nomme //QGtkStyle//. Il suffit donc de configurer les applications pour l'utiliser. \\ | + | |
- | + | ||
- | Sur Bionic le paquet pour faire les réglages s'appelle [[apt>qt5ct]]. | + | |
- | ==== Applications KDE ==== | + | |
- | Nous allons configurer les applications KDE pour utiliser le thème GTK, les icônes et les couleurs du système. | + | |
- | + | ||
- | Note : Relancer les applications une fois les modifications effectuées. | + | |
{{tutoriel:qgtkstyle_avant.png?350}}{{tutoriel:qgtkstyle_apres.png?350}} | {{tutoriel:qgtkstyle_avant.png?350}}{{tutoriel:qgtkstyle_apres.png?350}} | ||
+ | ==== Méthode depuis Ubuntu 20.04 ==== | ||
- | === Mise en œuvre === | + | 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. | ||
- | **Validé sous : Lucid.** | + | === Kvantum === |
- | == Graphiquement == | + | - Installer[[apt>Kvantum]] |
- | [[:tutoriel:comment_installer_un_paquet|Installez le paquet]] **[[apt://systemsettings|systemsettings]]**. | + | - Lancer l'application et choisir un thème en cliquant sur l'onglet //Changer/Supprimer le thème//. |
- | Lancer **systemsettings** (//Système -> Préférences -> System Settings// ou //Système -> Préférences -> Configuration du système//), puis ouvrir **Apparence**. | + | === qt5ct === |
- | * Dans **Style**, onglet //Applications//, choisir **Style des éléments graphiques : GTK+** => **Appliquer** | + | 1- Installer le paquet [[apt>qt5ct]]. ([[https://forum.ubuntu-fr.org/viewtopic.php?id=2024449#9|discusion : « Apparence application QT »]]) — forum Ubuntu.fr . |
- | * 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**. | + | 2 - Installer ensuite les thèmes et plugin avec la commande |
- | + | <code>sudo apt install qt5-style-plugins | |
- | + | ||
- | 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> | ||
- | ===== GTK dans KDE ===== | ||
- | |||
- | <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]].// | ||