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 13/06/2010, 13:19]
GNU-max Ajout installation gtk-qt-engine sous Lucid.
integration_qt_gtk [Le 25/10/2022, 11:04] (Version actuelle)
78.197.27.46 [Méthode depuis Ubuntu 20.04]
Ligne 1: Ligne 1:
-{{tag>​brouillon tutoriel environnements personnalisation}} +---- 
-====== ​Integration ​Qt / GTK ======+ 
 +{{  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 ======
 <note important>​ <note important>​
-En chantier : si vous essayez les manipulations décrites dans ce tutoriel, merci de corriger les erreurs et d'​ajouter vos remarques, ​warnings ​etc. +Si vous essayez les manipulations décrites dans ce tutoriel, merci de corriger les erreurs et d'​ajouter vos remarques, ​avertissements, ​etc.
- +
-De l'aide serait le bienvenue de la part d'un utilisateur de KDE pour la partie intégration GTK à KDE. (Partiellement fait)+
 </​note>​ </​note>​
  
  
-Cette page à pour but de décrire des manipulations permettant une meilleur ​intégration des applications [[http://​fr.wikipedia.org/​wiki/​Qt|Qt]] dans Gnome et [[http://​fr.wikipedia.org/​wiki/​GTK%2B|GTK]] dans KDE. +Cette page 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>​ +
- +
-===== Qt dans Gnome =====+
  
-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. +===== Configurer ​les applications ​Qt pour utiliser le thème GTK sous Ubuntu =====
-==== 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.+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.
  
 {{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.** 
  
-== 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). 
  
-  * Dans **Apparence** choisir **Widget style : GTK+** ​=> **Apply** +==== Méthode depuis Ubuntu 20.04 ==== 
-  * Dans **Icons** choisir le thème d'​icônes voulu => **Apply**+=== Avec Qt5ct ===
  
-Il se peut que les couleurs des fenêtres Qt soient un peu différentes des applications GTKDans ce cas, vous pouvez les régler dans **Colors** onglet **Colors**.+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>Il y a un bug avec les icônes Humanity comme vous pouvez le voir sur les captures. Tester un autre thème.</note>+2 - Installer ensuite les thèmes et plugin avec la commande 
 +<code>sudo apt install qt5-style-plugins 
 +</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ônesLa 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 GTK2Pour que le thème ​GTK2 soit intégrés aux application Qt.
  
-Exemple : +=== Alternative avec Kvantum ===
-<​code>​ +
---- +
-widgetStyle=gtk+ +
---- +
-Theme=Humanity +
---- +
-</​code>​ +
- +
-Il est également possible de modifier les couleurs des fenêtre 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  ===+===== 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.
  
-[[:​tutoriel:​comment_installer_un_paquet|Installez ​les paquet]] [[apt://gtk2-engines-qtcurve,​kde-style-qtcurve,​kcm-gtk|gtk2-engines-qtcurve,​ kde-style-qtcurve,​ kcm-gtk]]+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 ;-). 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 ;-).
  
-=== Sous Karmic ​(et antérieures ? === +<​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]]. 
-[[:tutoriel:​comment_installer_un_paquet|Installez le paquet]] ​[[apt://gtk-qt-engine|gtk-qt-engine]] +</note>
- +
-Puis dans **Réglage du système ​Apparence >Styles et polices GTK** selectionnez **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+
  
 ==== Le thème Oxygen Molecule ==== ==== 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é.+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.+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]]+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+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éléctionner ​dans **Réglage du système > Apparence > Styles et polices GTK** et toutes vos applications GTK en profiteront.+Ensuitevous 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 === === Un thème pour Firefox ===
-L'​apparence par défaut de Firefox dans un environnement KDE ne plait pas à tout le monde.+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 ​concue ​pour KDE.+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.+Il est disponible à [[http://​kde-look.org/​content/​show.php/​Oxygen+KDE+(Firefox+Theme)?​content=117962|cette addresse]]. Pour l'​installervous n'avez qu'à l'​ouvrir par Firefoxou 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. Comme indiqué sur ce précédent lien, l'​auteur de ce thème fournit encore d'​autres astuces pour parfaire cette intégration.
Ligne 104: Ligne 84:
 ==== Retrouver le thème GTK dans vos applications lancées en root ==== ==== 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 paquet, car vous le préférez à kpakage ou à adept. Malheureusement,​ les modifications que vous avez apporté ​en suivant les indications des précédentes parties, ne suffisent pas car visiblement, ​synaptic ​affiche toujours ses vieilles icônes style windows ​98 !+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 de faire : +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>​
  
  
-  sudo rm -f /root/.icons /​root/​.themes /​root/​.fonts.conf+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.
  
-  sudo ln -s ~/.icons /root/icons+Voici le contenu du fichier ''​.gtkrc-2.0-kde4''​ que vous devriez avoir, si vous avez utilisé le thème **molécule flat** : 
  
-  sudo ln -s ~/.themes /root/ +<​file>​# This file was written by KDE 
- +# You can edit it in the KDE control center, under "GTK Styles and Fonts"
-  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 raccourcis"​ sous windows en gros) entre vos paramètres persos et le dossier /root qui contient les paramètres du superutilisateur. +
- +
-Je rajoute le contenu du fichier .gtkrc-2.0-kde4 que vous devriez avoir si vous avez utilisez le thème le thème molécule flat :  +
- +
-  ​# 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"​+include "/​usr/​share/​themes/​kde44-oxygen-molecule-flat/​gtk-2.0/​gtkrc"​
   ​   ​
-  ​style "​user-font"​ +style "​user-font"​ 
-  +
-        font_name="​Sans Serif"​ +      font_name="​Sans Serif"​ 
-  +
-  widget_class "​*"​ style "​user-font"​+widget_class "​*"​ style "​user-font"​
   ​   ​
-  ​gtk-theme-name="​kde44-oxygen-molecule-flat"​ +gtk-theme-name="​kde44-oxygen-molecule-flat"​ 
-  gtk-font-name="​Sans Serif 8"+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]]+---- 
 +//​Contributeurs : GNU-max ​(l'​auteur)[[:utilisateurs:​Gemnoc]].// 
  • integration_qt_gtk.1276427958.txt.gz
  • Dernière modification: Le 13/06/2010, 13:19
  • par GNU-max