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 17/07/2010, 05:41]
Gemnoc correction orthographe, mise en forme, ajouts
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>Karmic Lucid 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. +
- +
-==== 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 configurationLes deux applications ​sont compatibles ​et peuvent se compléter.
-**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** +
-  * 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**. +
- +
-<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>​ +
- +
-== 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 ===== +
-==== 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+=== Kvantum ===
  
-  ​sudo ln -s ~/.themes ​/root/+  - Installer[[apt>​Kvantum]] 
 +  - Lancer l'​application et choisir un thème en cliquant sur l'​onglet ​//Changer/Supprimer le thème//.
  
-  sudo ln -s ~.fonts.conf /root/+=== qt5ct ===
  
-  sudo ln -s ~/.gtkrc-2.0-kde4 /root/.gtkrc-2.0+1Installer le paquet [[apt>​qt5ct]]. ([[https://forum.ubuntu-fr.org/viewtopic.php?​id=2024449#​9|discusion : « Apparence application QT »]]) — forum Ubuntu.fr ​.
  
 +2 - Installer ensuite les thèmes et plugin avec la commande
 +<​code>​sudo apt install qt5-style-plugins
 +</​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.1279338090.txt.gz
  • Dernière modification: Le 18/04/2011, 14:52
  • (modification externe)