前節の「スキンの作り方」では、メインコントローラ等の主なスキンの変更について述べましたが、ダイアログなどのスキンについては述べていませんでした。
「絵師のえそらごと」では、各ダイアログについてもスキンを作り変えることが出来ます。
・基本は4枚
ダイアログのスキン作りは、基本的に一つのダイアログに付き、4枚の画像を用意するだけで完成です。即ち、「背景となる画像」、「通常のボタン画像」、「マウスカーソルが上に来た時のボタン画像」、「ボタンを押した時の画像」の4枚です。
・skin.txtなどの記述は不要
メインコントローラのように「skin.txt」等のテキストファイルは必要ありません。その代わり、各ボタンの位地は固定されていますのでご注意ください。(各ボタンの位地はデフォルトのスキン画像をご参考になさってください。)
・普通にスキンフォルダに画像を入れるだけ
上述の4枚の画像ファイルをメインコントローラのスキン画像が納められたフォルダ内に入れれば、自動的にそれらのダイアログスキンを優先して採用します。
つまり、本ソフトは、まず現在のスキンフォルダを参照し、そこに一部の(もしくは全部の)ダイアログスキンが含まれる場合はそれらを採用します。そして、そこに無いダイアログスキンについてはデフォルトの「ext_skin」フォルダ内にあるダイアログスキンデータを用います。
例えば「絵師の特徴」ダイアログのスキン画像(esi_tokuchou_dlg.png, esi_tokuchou_dlg_down.png, esi_tokuchou_dlg_normal.png, esi_tokuchou_dlg_over.pngの4枚)をオリジナルスキンフォルダ内に入れておいたとします。そうすればソフトは、「絵師の特徴」ダイアログについてはそのオリジナルスキンを採用し、それ以外のダイアログについてはデフォルトのスキンを用いて表示します。
それでは、本ソフトの各ダイアログについて、そのスキン画像ファイル名を以下に列記します。
(一部ダイアログ以外の画像データについても説明してあります。)
「背景画像」のabc順で表示しています。
■「透過ウインドウの設定」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
alpha_dlg.png |
other_360_264_dlg_normal.png |
other_360_264_dlg_over.png |
other_360_264_dlg_down.png |
|
■キャンバスフレームの模様画像
この画像は、ダイアログのスキンではなく、キャンバスフレームの模様となる画像です。この画像の色情報は無視されます。輝度の濃淡だけがソフトで使用されます。
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
canvas_frame_image.jpg |
- |
- |
- |
|
■「キャンバスの特徴」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
canvas_profile_dlg.png |
canvas_profile_dlg_normal.png |
canvas_profile_dlg_over.png |
canvas_profile_dlg_down.png |
|
■「CNVファイルタイプの設定」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
cnv_type_dlg.png |
other_360_264_dlg_normal.png |
other_360_264_dlg_over.png |
other_360_264_dlg_down.png |
|
■「絵師の詳細設定」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
esi_make_dlg.png |
esi_make_dlg_normal.png |
esi_make_dlg_over.png |
esi_make_dlg_down.png |
|
■「名前の変更」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
esi_rename_dlg.png |
esi_rename_dlg_normal.png |
esi_rename_dlg_over.png |
esi_rename_dlg_down.png |
|
■「絵師の特徴」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
esi_tokuchou_dlg.png |
esi_tokuchou_dlg_normal.png |
esi_tokuchou_dlg_over.png |
esi_tokuchou_dlg_down.png |
|
■「ファイルの関連付け」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
file_kanren_dlg.png |
other_360_264_dlg_normal.png |
other_360_264_dlg_over.png |
other_360_264_dlg_down.png |
|
■「筆の詳細設定」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
fude_make_dlg.png |
fude_make_dlg_normal.png |
fude_make_dlg_over.png |
fude_make_dlg_down.png |
|
■「筆を作る」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
fude_make2_dlg.png |
fude_make2_dlg_normal.png |
fude_make2_dlg_over.png |
fude_make2_dlg_down.png |
|
■「筆の特徴」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
fude_property_dlg.png |
fude_property_dlg_normal.png |
fude_property_dlg_over.png |
fude_property_dlg_down.png |
|
■「筆テクスチャ」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
fude_texture_dlg.png |
fude_texture_dlg_normal.png |
fude_texture_dlg_over.png |
fude_texture_dlg_down.png |
|
■「アイテムを作る」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
item_make_dlg.png |
item_make_dlg_normal.png |
item_make_dlg_over.png |
item_make_dlg_down.png |
|
■「アイテムを使う」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
item_use_dlg.png |
item_use_dlg_normal.png |
item_use_dlg_over.png |
item_use_dlg_down.png |
|
■「キャンバスの作成」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
new_canvas_dlg.png |
new_canvas_dlg_normal.png |
new_canvas_dlg_over.png |
new_canvas_dlg_down.png |
|
■「絵師の新規作成」ダイアログ(プロフェッショナル版)
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
new_esi_dlg.png |
new_esi_dlg_normal.png |
new_esi_dlg_over.png |
new_esi_dlg_down.png |
|
■「絵師の新規作成」ダイアログ(普通版)
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
new_esi_dlg2.png |
new_esi_dlg_normal.png |
new_esi_dlg_over.png |
new_esi_dlg_down.png |
|
■「印刷」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
print_dlg.png |
print_dlg_normal.png |
print_dlg_over.png |
print_dlg_down.png |
|
■「プッシュアイコンの設定」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
push_cursor_dlg.png |
push_cursor_dlg_normal.png |
push_cursor_dlg_over.png |
push_cursor_dlg_down.png |
|
■「タイマー設定」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
timer_dlg.png |
timer_dlg_normal.png |
timer_dlg_over.png |
timer_dlg_down.png |
|
■「バージョン情報」ダイアログ
背景画像 |
通常のボタン画像 |
マウスカーソルが上に来た時のボタン画像 |
ボタンを押した時の画像 |
version_dlg.png |
version_dlg_normal.png |
version_dlg_over.png |
version_dlg_down.png |
|