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 28/09/2010, 18:50] Gemnoc Ajout du conditionnel à la mise en garde sous Lucid (je n'ai pas eu besoin de faire ce correctif) |
integration_qt_gtk [Le 16/09/2024, 15:41] (Version actuelle) 81.247.240.195 suppression methode obsolète |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | {{tag>Karmic Lucid tutoriel environnements personnalisation BROUILLON}} | ||
---- | ---- | ||
+ | {{tag>Focal kde}} | ||
+ | {{ 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> | ||
Ligne 10: | Ligne 11: | ||
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. | + | |
- | + | ||
- | ==== 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}} | ||
- | === Mise en œuvre === | ||
- | **Validé sous : Karmic et Lucid.** | ||
- | == 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** | + | ==== Méthode depuis Ubuntu 20.04 ==== |
- | * Dans **Icônes**, onglet //Thèmes//, choisir le thème d'icônes voulu => **Appliquer** | + | === Avec Qt5ct === |
- | * 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**. | + | 1- Installer le paquet [[apt>qt5ct]]. ([[https://forum.ubuntu-fr.org/viewtopic.php?id=2024449#9|discusion : « Apparence application QT »]]) — forum Ubuntu.fr . |
- | <note tip>**Sous Karmic**, il y a un bogue avec les icônes Humanity comme vous pouvez le voir sur les captures. Tester un autre thème. //(Ce bogue semble corrigé sous Lucid.)//</note> | + | 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 Lucid, 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 : | ||
- | <code> | ||
- | rm -i ~/.fonts.conf | ||
- | </code> | ||
- | == Les mains dans le cambouis (Geeks only) == | + | 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> | ||
- | L'installation de **systemsettings** n'est pas indispensable car il ne fait que modifier les paramètres d'un fichier de configuration. | + | 4 - Redémarrer le système |
- | [[: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//). | + | 5 - Lancer le logiciel Qt5ct et dans les deux petites boites "style" et "boite de dialogue standard" sélectionner GTK2. Pour que le thème GTK2 soit intégrés aux application Qt. |
- | Exemple : | + | === Alternative avec Kvantum === |
- | <file> | + | |
- | --- | + | |
- | widgetStyle=gtk+ | + | |
- | --- | + | |
- | Theme=Humanity | + | |
- | --- | + | |
- | </file> | + | |
- | + | ||
- | Il est également possible de modifier les couleurs des fenêtres, mais c'est un peu moins pratique. | + | |
+ | - Installer[[apt>Kvantum]] | ||
+ | - Changer le thème pour KvYaru ou KvGnome Dark (KvYaru Dark n'tant pas disponible) selon si votre système est en light ou Dark. | ||
==== Autres applications Qt4 ==== | ==== Autres applications Qt4 ==== | ||
<note help>Comment utiliser QGtkStyle pour les application Qt non KDE => qt4-qtconfig</note> | <note help>Comment utiliser QGtkStyle pour les application Qt non KDE => qt4-qtconfig</note> | ||
- | ===== GTK dans KDE ===== | ||
- | ==== 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''. | ||
- | |||
- | === Sous Lucid === | ||
- | |||
- | [[: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> | ||
- | |||
- | |||
- | === Sous Karmic (et antérieures ?) === | ||
- | |||
- | [[:tutoriel:comment_installer_un_paquet|Installez le paquet]] [[apt://gtk-qt-engine|gtk-qt-engine]] | ||
- | |||
- | Puis dans **Réglage du système > Apparence > Styles et polices GTK**, sélectionnez **Use my KDE style in GTK applications** | ||
- | |||
- | Ce qui donne dans une console : | ||
- | |||
- | sudo aptitude install gtk2-engines-qtcurve kde-style-qtcurve gtk2-engines-pixbuf | ||
- | |||
- | <note important>Remplacez ''aptitude'' par ''apt-get'' si c'est l'outil que vous utilisez habituellement, puisqu'il est déconseillé d'utiliser les deux.</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. | ||
- | |||
- | 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 à [[:KPackagekit]] ou à [[:adept]]. 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 : | ||
- | |||
- | |||
- | 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 | ||
- | |||
- | |||
- | 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. | ||
- | Voici le contenu du fichier ''.gtkrc-2.0-kde4'' que vous devriez avoir, si vous avez utilisé le thème **molécule flat** : | ||
- | <file># This file was written by KDE | ||
- | # 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://labs.trolltech.com/page/Projects/Styles/GtkStyle | Site officiel de QGtkStyle]] | ||
- | * (en) [[http://brainstorm.ubuntu.com/idea/1714/ | GNOME QT integration sur Ubuntu brainstorm]] | + | * (en) [[http://brainstorm.ubuntu.com/idea/1714/ | GNOME QT integration sur Ubuntu brainstorm]] |