[ヘルプTop] [戻る]

スキンテーマの作成方法

スキンの格納場所
 アプリケーションインストールフォルダー\img\に「Default」というフォルダーが存在しますが、これが初期状態のスキンのセットです。
 また、この階層にあるディレクトリ名がスキン名称になります。

 スキンで画像が適用されるのは以下の通りで、様々なシステムアイコン画像を差し替えることができます。  ファイル名は固定ですので、「Default」ディレクトリをコピーしてスキンを作成すると良いでしょう。
 また、指定されたテーマ名のディレクトリに、規定のファイルが存在しない場合は「Default」ディレクトリを参照しに行きますので、一部の画像だけを作成すると言うテーマの作り方をしても構いません。
 実際のサンプルは、関連ツールの配布ページからサンプルをダウンロードしてください。

●ディレクトリ構成

Default
┣AddressBar(アドレスバーのアイコン画像)
┣Bar(バーのアイコン画像)
┣Check(リストのチェックボックスアイコン画像)
┣icon(ユーザー定義バーで使用される特殊なアイコン)
┣LookDir(ステータスエリアに表示される、自動更新のモード表示の画像)
┣Tab(タブバーのアイコン画像)
┣ViewMode(テータスエリアに表示される、表示モード切替ボタンの画像)
┗TabImg(タブバーへの流し込み画像)


AddressBar

透過色は色表記なら#ff00ff、数値ならRGB(255,0,255)となります。
画像の高さは16pixで、無効になる機能を持つボタンは3パターン必要になります。
画像は通常/押下/無効という組み合わせになります。
機能画像
戻る
フィルタを閉じる
フィルタダイアログの表示
フィルタエリアの表示
進む
移動
移動履歴メニューの表示
更新
ディレクトリ内検索を閉じる
ディレクトリ内検索で候補を色塗りする
ディレクトリ内検索の次の候補
ディレクトリ内検索で前の候補
ディレクトリ内検索の入力条件で選択
ディレクトリ内検索の表示
停止
上位階層へ移動

Bar

透過色は色表記なら#ff00ff、数値ならRGB(255,0,255)となります。
機能画像
各種バーのアイコン画像
1.フォルダーバー
2.プレビューバー
3.最近閉じたウィンドウバー
4.タブバー(未使用)
5.ウィンドウ管理バー
6.タブレット支援バー
7.予備1
8.予備2
9.予備3
タブバー/ウィンドウ管理バー用のアイコン
1.システム/処理中の画像
2.ネットワーク
3.ナビゲートロック
4.画面分割モード

Check

ファイルリストのチェックの画像です。
透過色は色表記なら#ff00ff、数値ならRGB(255,0,255)となります。
画像は「チェック」/「チェック解除」という組み合わせになります。
機能画像
エクスプローラー風
アイテムチェック
チェックロック

icon

ユーザー定義バーで使用されるアイコン画像です。 特にネットワーク先に画像を取得しに行くと、速度面で不利であったり、そもそも画像が無い場合の代替イメージとして使われます。
アイコン画像の透過色が有効となります。
ここだけ、画像フォーマットが異なるのでご注意ください。
機能画像
ネットワーク上のアイテムのアイコン
画像が取得できない場合の代替イメージ


LookDir

ステータスエリアに表示される、自動更新のモード表示の画像です。
透過色は色表記なら#ff00ff、数値ならRGB(255,0,255)となります。
機能画像
実体を持つ、ディレクトリ
実体を持たないか、特殊な仮想フォルダー
更新を検出できない仮想フォルダーもしくは、検索中であるため更新を停止している


Tab

タブバー用のツールバー画像で、タブバーを縦置きにするか横置きにするかで、レイアウトが変わります。
透過色は色表記なら#ff00ff、数値ならRGB(255,0,255)となります。
画像は通常/押下という組み合わせになります。
機能画像
現在のフォルダーから開く
新しいフォルダーを開く
タブバー用のメニューを表示する

ViewMode

ステータスエリアに表示されている、表示モード用を切り替えるボタンの画像です。
透過色は色表記なら#ff00ff、数値ならRGB(255,0,255)となります。
画像は通常/押下という組み合わせになります。
機能画像
コンテンツ
詳細一覧
アイコン
アイコンのみ
一覧
詳細
並べて表示

TabImg

タブバーに流し込まれる画像と設定ファイルが格納されます。
テーマ名が「Default」の場合や、指定テーマに画像が存在しない場合は、動作速度を優先したものとしてプログラムによる描画処理を行います。
(タブ画像は起動時キャッシュに含まれない画像ですので、起動速度が若干遅くなる場合があります)
透過色は色表記なら#c0c0c0、数値ならRGB(192,192,192)となります。
img.bmp・・・タブの画像で13×2個の画像をまとめています。
img.ini・・・タブの描画属性指定、伸ばす部分と伸ばさない部分の指定をします。

img.bmpのレイアウト


※割り切れないサイズの画像を作ってしまうと、丸め誤差が出ますのでご注意ください。
※実際に描画されるタブの高さは、システムフォントによって決定されます。
※1画像の高さは、通常フォントで24ピクセル(画像全体では高さが24×13=312ピクセルが推奨)になります。
 実際に描画する際のタブの描画エリアと一致しない場合は、拡大/縮小して描画されます。
※テキストが表示されているエリアが透明の場合、フォルダー移動などを行った際のタブのテキスト描画が上書きされて見苦しくなるので、デザイン時に十分ご注意ください。
※1画像の横幅は、元画像のピクセル数÷2で算出されます。
※実際に描画されるタブの横方向の伸張は、img.iniファイルで決定されます。

img.iniの設定値

タブ1個の描画は、描画するタブ幅の設定にによって変わります。
img.iniに設定されているFixSizeL、FixSizeRで固定描画のエリアを指定します。

※最低限、画像の横幅がFixSizeL + FixSizeR + 1ピクセルあればタブの描画が可能です。 サンプル
[TabImg]
FixSizeL=5
FixSizeR=10
※左側5ピクセル、右側10ピクセルが固定になる例