Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

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** : +Redémarrer ​le système
  
-<​file>#​ This file was written by KDE +5 - Lancer le logiciel Qt5ctchoisir 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 centerunder "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]].//​
  
  • integration_qt_gtk.1522946561.txt.gz
  • Dernière modification: Le 05/04/2018, 18:42
  • par 90.26.213.17