ラベル xfwm4ウインドウテーマ作成 の投稿を表示しています。 すべての投稿を表示
ラベル xfwm4ウインドウテーマ作成 の投稿を表示しています。 すべての投稿を表示

2016-03-24

Linux:Xfce4(xfwm4)用のウインドウテーマ作成(2)

前回の続き。

今回はthemercファイルを編集したいと思います。
前回書きましたが、設定がされていない空のファイルさえあれば問題無いですが、xfwm4のデフォルト設定が自作したウインドウテーマに合わない時や、作ったテーマには必ずこの設定をしたいという時に編集します。
themercはウインドウの表示以外にウインドウの操作などの設定も可能ですが、今回はウインドウテーマ(見た目)の編集なのでウインドウ操作やコンポジットに関する設定は行いません。



title_font=[フォント名] [フォントサイズ]タイトルバーに表示される文字のフォントを指定します。
設定値にはフォントファミリかフォント名を指定します。
フォント名にはフォントの修飾も指定できます。指定する際はスペースで間を開けてください。
フォントサイズはフォント名の後ろをスペースで間を開けて数値を設定して下さい。
例)title_font=Sans Bold 9



title_alignment=[left | center | right]
タイトル文字の位置を設定します。


title_vertical_offset_active=[int]
title_vertical_offset_inactive=[int]

タイトル文字の縦位置を指定したピクセル数だけ移動します。
正の値は下方向、負の値は上方向に移動します。


title_horizontal_offset=[int]
この設定はtitle_alignmentをleftかrightにしないと効果がありません。
タイトル文字を右端または左端から指定したピクセル数だけ移動します。


title_shadow_active=[true | false]
title_shadow_inactive=[true | false]

タイトル文字に影を付けるか設定します。


full_width_title=[true | false ]
タイトル文字の背景(title-3画像)を幅一杯に描画するか設定します。
falseの場合はタイトルの文字数に合わせた幅だけ描画されます。

有効(true)

無効(false)



button_layout=
タイトルバーに表示するボタンと配置を設定します。
特定のアルファベットとパイプ文字で表示と配置を指定します。
  • O(menu)
  • T(stick)
  • S(shade)
  • H(hide)
  • M(maximize)
  • C(close)
  • |(title)


上のタイトルバーを例にすると、
button_layout=O|SHMC
となります。
この設定をthemercに記述するとXfce4のウインドウマネージャ設定ツールでタイトルバーボタンの配置設定項目が無効化され操作できなくなります。


button_spacing=[int]
タイトルバーに表示するボタン同士の間隔を調整します。
ウインドウの端との間隔は後述するbutton_offsetで調整するためbutton_spacingの設定では変化しません。

button_spacing=0

button_spacing=7


button_offset=[int]
タイトルバーに表示するボタンの左端・右端からの間隔を調整します。

button_offset=0

button_offset=7
この設定はウインドウが最大化されると無効になります。


mazimized_offset=[int]
ウインドウが最大化された際のウインドウ端とタイトルバーボタンの間隔を調整します。
ウインドウ最大化時はbutton_offsetの値が無効になるのでここで同じ値を設定することをおすすめします。


borderless_maximize=[true | false]
ウインドウを最大化させた際にウインドウのボーダーを描画するか設定します。



これでウインドウフレームは完成です。
ウインドウフレームの画像作成はGIMPで作成しましたが、GIMPの使い方の方が難しいくらいでした。
興味ある方はこれを参考にぜひやってみてください。

にほんブログ村 IT技術ブログへ ブログランキング・にほんブログ村へ

2016-03-22

Linux:Xfce4(xfwm4)用のウインドウテーマ作成(1)


Xfce4デスクトップ環境の標準ウインドウマネージャであるxfwm4用のウインドウテーマを作成してみたいと思います。
GTK+2のmetacityで作ればGTK+2ベースのデスクトップ環境でなら大抵使えるものが出来ますが、xfwm4専用はmetacityよりも設定ファイルの構造が簡単で楽に作れるので、Xfce4を使っているユーザーならまずこっちから学んでいったほうが良いと思います。


テーマファイルの置き場所

現在Xfceのバージョン4.2以前のものを使っているディストリビューションは多分無いと思いますが、テーマファイルの置き方が4.2以前と以後では異なり、下記置き場所は4.2以降に対応しています。
/usr/share/themes/[テーマ名]/xfwm4
または
/home/[ユーザー名]/.theme/[テーマ名]/xfwm4
です。

themerc

このファイルが無いとxfwm4ディレクトリ内のデータは認識されません。
ファイルはテキストファイルでボタン画像の配置を調整したりタイトルテキストの設定などを行います。
themercはファイル内に何も記述されていなくても(設定する必要がない場合でも)必ず作成して下さい。
このファイルもxfwm4ディレクトリに置いてください。

画像ファイル

ウインドウフレーム画像はいくつかのパーツに分けて作成します。

xfem4のウインドウテーマは画像の名前でどこに使うパーツなのかを認識するため、決められた名前を付ける必要があります。

ウインドウフレーム画像の種類

ウインドウのフレーム部分に使う画像は
  • top-left(タイトルバーの左端)
  • top-right(タイトルバーの右端)
  • title-1(左側ボタンの表示領域)
  • title-2(左側ウインドウタイトル名の端)
  • title-3(ウインドウタイトル表示部分)
  • title-4(右側ウインドウタイトル名の端)
  • title-5(右側ボタンの表示領域)
  • left(左端のフレーム)
  • right(右端のフレーム)
  • bottom-left(左下フレームの角部分)
  • bottom-right(右下フレームの角部分)
  • bottom (下フレーム)
の12種類あり、それぞれ前面に表示時(active)と背面表示時(inactive)の合計24種類の画像を用意する必要があります。
ファイル名は上記名前にactiveまたはinactiveという単語をつけた名前にする必要があります。

例)
top-left-active.png
top-left-inactive.png

アクティブウインドウと非アクティブウインドウの状態が切り替わっても画像の状態(非アクティブウインドウ時に明度を下げるなど)を変えない場合は、どちらかの画像だけを作成しもう片方はシンボリックリンクにしても問題なく動作します。

タイトルバーボタンの種類

タイトルバーに使用するボタン画像は
  • close(ウインドウを閉じる)
  • maximize(ウインドウ最大化)
  • hide(ウインドウを隠す ※MS Windowsでいう最小化)
  • shade(タイトルバーを残し隠す)
  • menu(ウインドウメニューを表示)
  • stick(現在のワークスペースに固定)
の6種類を最低でもアクティブ時(active)、非アクティブ時(inactive)用の合計12種類作成する必要があります。

またお好みでボタンの状態により画像を切り替えたい場合は
  • prelight(マウスポインタが乗った状態)
  • pressed (クリックした時)
  • toggled(機能がONの状態)※maximize、shade、stickのみ
の画像が必要になります。
こちらの画像はなくても動作に支障はありません。

ファイルの名前はウインドウフレームの時と同じようにつける必要があります。

例)
close-active.png
close-prelight.png
maximize-toggled-active.png
maximize-toggled-inactive.png


下記画像は自分でテストするにあたり作成した画像です。
元画像が小さいので200%に拡大しています。
画像をクリックすると拡大します

実際にテーマとして設定すると下記ウインドウの様に表示されます。
※ウインドウ内のパーツは今回のテーマでは変化しません。



次はthemercファイルによる設定を書きたいと思います。


にほんブログ村 IT技術ブログへ ブログランキング・にほんブログ村へ