Qt と GTK アプリケーションの外観の統合

2016-12-10T12:20:22Z

Mlny: (とりあえず)Qt5.7.0でのQGtkStyleの変更を反映。GTK+-Qtエンジンに関する記述を除去。

[[Category:ウィジェットツールキット]]
[[Category:視覚効果]]
[[en:Uniform look for Qt and GTK applications]]
[[es:Uniform look for Qt and GTK applications]]
[[it:Uniform look for Qt and GTK applications]]
[[ru:Uniform look for Qt and GTK applications]]
[[uk:Uniform look for Qt and GTK applications]]
[[zh-cn:Uniform look for Qt and GTK applications]]
{{Related articles start}}
{{Related|GTK+}}
{{Related|Qt}}
{{Related articles end}}
[[Qt]] と [[GTK+]] ベースのプログラムは異なるウィジェットツールキットを使ってグラフィカルユーザーインターフェースを表示しています。それぞれにデフォルトで異なるテーマ・スタイル・アイコンセットが存在するため、"ルックアンドフィール"は著しく乖離してしまいます。この記事ではデスクトップエクスペリエンスを統合するために Qt と GTK+ のアプリケーションの外観を似たようにする方法を説明しています。

== 概要 ==

2つのツールキットで同じような見た目を表示するには以下を修正する必要が出てきます:
* '''テーマ''': アプリケーションやウィジェットセットなどの外観のカスタマイズ。テーマは通常、スタイル・アイコンテーマ・カラーテーマから成ります。
* '''スタイル''': ウィジェットセットのグラフィカルレイアウトと外観。
* '''アイコンテーマ''': グローバルアイコンのセット。
* '''カーソルテーマ''': スタイルと合わせて使われるグローバルカラーのセット。

外観の統一のために取れる方法は様々です:

* 特殊な[[#テーマエンジン|テーマエンジン]]を使って、他のグラフィカルツールキットの見た目をメインのツールキットに合うように仲介させる。
* 下で説明しているツールを使って [[#Qt と GTK+ 両方のためのスタイル|GTK+ と Qt のスタイル]]を別個に修正し、同じような見た目のテーマ (スタイル・カラー・アイコン・カーソル・フォント) を選択する。

== テーマエンジン ==
テーマエンジンは複数のツールキット間でテーマ (アイコンは除く) を翻訳する薄いレイヤー API として考えることができます。これらのエンジンはプロセスに余分なコードを追加するため、この種の解決方法がネイティブのスタイルを使うのと比べ最適なのかどうかは議論の余地があります。

=== QGtkStyle ===

{{Note|QGtkStyleは {{Pkg|qt5-base}} Qt 5.7.0 [https://github.com/qtproject/qtbase/commit/899a815414e95da8d9429a4a4f4d7094e49cfc55] から除去され、 {{AUR|qt5-styleplugins}} [https://github.com/qtproject/qtstyleplugins/commit/102da7d50231fc5723dba6e72340bef3d29471aa] に追加されました。}}

{{Warning|GTK+ 2 のテーマによっては、フォントが透過してしまったりウィジェットがうまく調和しないなどのレンダリング問題が発生することがあります。}}

この Qt スタイルは GTK+ 2 を使って全てのコンポーネントを表示することで [[GNOME]] などの GTK+ ベースの環境とブレンドします。Qt 4.5 から、このスタイルは Qt に含まれているようになっています。{{Pkg|gtk2}} をインストール・設定してください。

QGtkStyle は Cinnamon, GNOME, Xfce におけるデフォルトの Qt4 スタイルです。また Cinnamon, GNOME, MATE, LXDE, Xfce におけるデフォルトの Qt5 スタイルでもあります。他の環境では:

* Qt4 の場合、''Qt Configuration'' ({{ic|qtconfig-qt4}}) で有効にすることができます。''Appearance > GUI Style'' から ''GTK+'' を選択してください。もしくは、{{ic|/etc/xdg/Trolltech.conf}} (システム全体) あるいは {{ic|~/.config/Trolltech.conf}} (ユーザー個別) ファイルを編集してください:

{{hc|~/.config/Trolltech.conf|2=
...
[Qt]
style=GTK+
...
}}

* Qt 5 の場合、{{AUR|qt5-styleplugins}} をインストールし、次の[[環境変数#グラフィカルアプリケーション|環境変数]]を設定することで有効にできます: {{ic|1=QT_QPA_PLATFORMTHEME='gtk2'}}。

完全な統合をするには、GTK+ 2 と GTK+ 3 の両方をサポートしている [[GTK+#テーマ|GTK+ テーマ]]を設定する必要があります。

== Qt と GTK+ 両方のためのスタイル ==

統合のために、Qt と GTK+ 両方で提供されているウィジェットスタイルのセットが存在し、全ての主要なバージョンが含まれています。このようなスタイルを使うことで、アプリケーションが使っているツールキットに関係なく全てのアプリケーションの見た目を一つにすることが可能です。

{{Note|1=バージョン 3.16 から、GTK+ 3 は CSS を使用しないテーマを [https://bbs.archlinux.org/viewtopic.php?pid=1518404#p1518404 サポートしなくなりました] 。そのため Oxygen-Gtk などのスタイルはもはや [https://bugs.kde.org/show_bug.cgi?id=340288 使うことができなくなっています] 。}}

=== Breeze ===

Breeze は Plasma 5 のデフォルトの Qt スタイルです。Qt5 のスタイルは {{Pkg|breeze}} パッケージで、Qt4 のスタイルは {{Pkg|breeze-kde4}} パッケージでインストールできます。Breeze と似ている GTK+ 2 と GTK+ 3 のテーマは {{Pkg|breeze-gtk}} パッケージでインストールできます。

パッケージをインストールしたら、[[GTK+#設定ツール|GTK+ の設定ツール]]を使って GTK+ のテーマを変更してください。

=== Adwaita ===

Adwaita はデフォルトの GNOME のテーマです。{{Pkg|gnome-themes-standard}} パッケージでインストールでき、GTK+ 2 と GTK+ 3 のテーマが含まれています。デフォルトでは、Qt アプリケーションには GTK+ 2 のテーマが使われます ([[#QGtkStyle]] を使用)。

ネイティブの Qt テーマを GTK+ 3 の Adwaita のようにしたいときは [https://github.com/MartinBriza/adwaita-qt adwaita-qt] を見て下さい。Qt 5 バージョンは {{Aur|adwaita-qt5}} パッケージで、Qt 4 バージョンは {{Aur|adwaita-qt4}} パッケージで[[インストール]]できます。

デフォルトに設定するときは、Qt 5 では {{Pkg|qt5ct}} を、Qt 4 では ({{Pkg|qt4}} パッケージに含まれている) {{ic|qtconfig-qt4}} を使います。

== Tips and tricks ==

=== GTK+ アプリケーションで KDE ファイルダイアログ ===

[http://kde-apps.org/content/show.php?content=36077 KGtk] は LD_PRELOAD を使って GTK+ 2.x のアプリで KDE のファイルダイアログ (開く、保存など) を強制するラッパースクリプトです。KDE を使用していてそのファイルダイアログが GTK+ よりも好ましいときは [[Arch User Repository|AUR]] から {{AUR|kgtk}} をインストールできます。インストールした後、2つの方法で {{ic|kgtk-wrapper}} を使って GTK+ 2.x アプリケーションを実行することが可能です (例として [[GIMP]] を使います):
* {{ic|kgtk-wrapper}} を直接呼び出し、引数として GTK+ 2.x バイナリを指定する:
:{{bc|$ /usr/bin/kgtk-wrapper gimp}}
* {{ic|/usr/share/applications/}} にある KDE の .desktop ショートカットを修正して {{ic|Exec}} に kgtk-wrapper を前に付ける。
:例えば [[GIMP]] なら、{{ic|/usr/share/applications/gimp.desktop}} ショートカットファイルを編集して {{ic|1=Exec=gimp-2.8 %U}} を {{ic|1=Exec=kgtk-wrapper gimp-2.8 %U}} に置き換えて下さい。
{{Note|GTK+ アプリケーションには KGtk ラッパーと互換性がないものがあります (例: [[Chromium]])。場合によってはラッパーによってアプリケーションがクラッシュします (例: [[Firefox]])。さらに [[KDM]] など他のアプリケーションに影響を与えることもあります ([[Thunderbird]] などと一緒に使っている場合)。}}

=== 指定のテーマでアプリケーションを起動する ===

カスタムスタイルを特定の GTK+ 2.x アプリケーションで使用することができます。アプリケーションを指定したテーマで起動するには:
GTK2_RC_FILES=/usr/share/themes/QtCurve/gtk-2.0/gtkrc firefox

このコマンドでは QtCurve テーマで Firefox が起動します。

=== Qt アプリで GTK+ のアイコンテーマを使う ===

[[KDE]] を使っている場合、{{Pkg|kde-gtk-config}} をインストールして ''System Settings > Application Style > GTK'' からアイコンテーマを選択してください。

[[GNOME]] を使っていない場合は、{{ic|gconf-editor}} を実行して ''desktop > gnome > interface'' から {{ic|icon_theme}} キーを設定にあわせて変更してください。GNOME を使っていないなら {{ic|~/.xinitrc}} で {{ic|1=export DESKTOP_SESSION=gnome}} を設定する必要があることもあります。[[LightDM]] を使っている場合は {{ic|/etc/environment}} に設定してください。

=== KDE における GTK アプリのサブピクセルレンダリングの改善 ===

GTK アプリのサブピクセルレンダリングがネイティブの KDE Qt アプリケーションよりもはっきりとしない場合、以下の行を {{ic|$XDG_CONFIG_HOME/fontconfig/fonts.conf}} に追加してみて下さい ({{ic|<fontconfig>}} タグの間):

{{bc|<nowiki>
<match target="font">
<edit mode="assign" name="lcdfilter">
<const>lcddefault</const>
</edit>
</match>
</nowiki>}}

詳しくは[[フォント設定#LCD フィルター]]を参照。

== トラブルシューティング ==

=== gtk-qt-engine が OpenOffice で動かない ===

OpenOffice に GTK+-Qt エンジンで選択した Qt テーマを使わせるには次の行を {{ic|/etc/profile}} に (root で) 追加する必要があります:
export SAL_GTK_USE_PIXMAPPAINT=1

また、''KDE4 System Settings'' の ''Lost and Found > GTK Styles and Fonts'' で "Use my KDE style in GTK applications" を選択してください。

=== Qt アプリケーションが QGtkStyle を使わない ===

GTK+ が [[#GTK+-Qt エンジン|GTK+-Qt エンジン]]を使っている場合、Qt は QGtkStyle を正しく適用しません。環境変数 {{ic|GTK2_RC_FILES}} に記載された GTK+ 設定ファイルを読み込むことで Qt は GTK+-Qt エンジンが使われるかどうか判定します。環境変数が正しく設定されていないときは、Qt はエンジンを使っているとして仮定し、GTK+ スタイルの ''Clearlooks'' を使うように QGtkStyle を設定し、エラーメッセージを出力します:

QGtkStyle cannot be used together with the GTK_Qt engine.

他にも、シェルから {{ic|qtconfig-qt4}} を起動して GTK+ スタイルを選択するとエラーが表示されることがあります:

QGtkStyle was unable to detect the current GTK+ theme.

[https://bbs.archlinux.org/viewtopic.php?id=99175&p=1 このスレッド]によれば、この問題を解決するには {{Pkg|libgnomeui}} をインストールする必要があります。xfce と同じように、これにはグラフィカルツールでテーマを変更する度にファイルを編集する必要がないという利点もあります。

[[Openbox]] や GNOME 以外の環境を使っているユーザーもこの問題に出くわす可能性があります。問題を解決するには、まず {{ic|.xinitrc}} ファイルに以下を追加してください:
{{hc|.xinitrc|<nowiki>
...
export GTK2_RC_FILES="$HOME/.gtkrc-2.0"
...
</nowiki>}}

{{Note|
* この行を追加するのはウィンドウマネージャを起動する行の前にしてください。
* コロンで分割して複数のパスを追加することも可能です。
* {{ic|~}} ではなく {{ic|$HOME}} を使うようにしてください。前者では正しくユーザーのホームディレクトリにならないためです。
}}

それから[[#GTK2 スタイル|特定のアプリケーション]]を使うか手動で {{ic|~/.gtkrc-2.0}} を編集して使いたいテーマを指定してください、以下を追加します:
{{hc|.gtkrc-2.0|<nowiki>
...
gtk-theme-name="[name of theme]"
...
</nowiki>}}

ツールによっては {{ic|~/.gtkrc-2.0}} に以下のような include ディレクティブしか挿入しないことがあります:
{{hc|.gtkrc-2.0|
...
include "/usr/share/themes/SomeTheme/gtk-2.0/gtkrc"
...
}}

これでは QGtkStyle の全てのバージョンで認識されません。この問題は {{ic|~/.gtkrc-2.0}} ファイルに上の例のように {{ic|gtk-theme-name}} を手動で挿入することで解決できます。

{{Note|スタイルを変更するアプリケーションは、テーマを変更したときに {{ic|~/.gtkrc-2.0}} ファイルを書き換えます。}}

以上の手順が上手く行かないときは、{{Pkg|gconf}} をインストールして次のコマンドを実行してください:

gconftool-2 --set --type string /desktop/gnome/interface/gtk_theme [name of theme]

さらに、同じアイコンやカーソルを設定したい場合、それらも指定してください。

gconftool-2 --set --type string /desktop/gnome/interface/icon_theme Faenza-Dark

上のコマンドはアイコンテーマを {{ic|/usr/share/icons/Faenza-Dark}} にある Faenza-Dark に設定します。カーソルテーマを設定するには最初に gconf の値を設定してください。

gconftool-2 --set --type string /desktop/gnome/peripherals/mouse/cursor_theme Adwaita

それから以下の内容で {{ic|/usr/share/icons/default/index.theme}} ファイルを作成してください:

[Icon Theme]
Inherits=Adwaita

=== GTK+ アプリでテーマが使えない ===

設定したスタイルやテーマエンジンが GTK アプリケーションで表示されない場合は、おそらく GTK+ の設定ファイルが何らかの理由でロードされていません。次を実行することでシステムが設定ファイルをどこにあると期待しているか確認できます:
$ export | grep gtk

通常は期待されるファイルは GTK1 は {{ic|~/.gtkrc}}、GTK+ 2.x は {{ic|~/.gtkrc2.0}} または {{ic|~/.gtkrc2.0-kde}} です。

新しいバージョンの {{AUR|gtk-qt-engine}} は {{ic|~/.gtkrc2.0-kde}} を使って {{ic|~/.kde/env/gtk-qt-engine.rc.sh}} で export する変数を設定しています。最近 ''gtk-qt-engine'' を削除していて GTK+ テーマを設定しようとしているのであれば {{ic|~/.kde/env/gtk-qt-engine.rc.sh}} も削除して再起動して下さい。これによって GTK+ の外観の設定が {{ic|~/.gtkrc2.0-kde}} ファイルではなく標準的な {{ic|~/.gtkrc2.0}} になります。

ArchWiki - 利用者の投稿記録 [ja]

Qt と GTK アプリケーションの外観の統合