Zooper Widgetスキン : DQっぽいウィンドウ

今回作成したZooper Widgetのスキンは、某有名RPGのウィンドウっぽいアレです。
以前、Glaejaでも作成していたのですが、それをZooper Widgetでもやってみました。

やってみるまでは、ちょっと面倒かな？と思っていたのですが、案外すんなりとできました。

スキンの中身

このスキンは3つのモジュールで構成されています。上から…

• Rect…ウィンドウの背景の黒。半透過にし、さらにシャドウでぼかしている。
• Rich Text…枠も含め、文字部分。
• Rich Text…バッテリー部分の数値のみ3桁になることがあるので別モジュールで作成。

リッチテキストの中身はこう記述されています。

┌┰かれんだ┰とけい ┰てんき ┰ばってり┰┐
│ M #DMM# H #DHH# H #W0MAXN# B ┤
│ D #Ddd# M #Dmm# L #W0MINN#｀C ┤
│ よ $#Df#=1?にち$$#Df#=2?げつ$$#Df#=3? か$$#Df#=4?すい$$#Df#=5?もく$$#Df#=6?きん$$#Df#=7? ど$ ご #Da# ◎ [tr=0,2]#WCHUMN#[/tr] ● ┤
└┸┸┸┸┸┸┸┸┸┸┸┸┸┸┸┸┸┸┸┸┸┘


Zooper Widgetは行間を調整できないので、隙間が空いてしまったら1行ごとにモジュールを使わなければならないな、と思っていたのですが、うまいことピッタリ重なってくれました。（フォント側がそういうことを想定してうまい高さになっているのだと思います。）

$#Df#=1?にち$$#Df#=2?げつ$$#Df#=3? か$$#Df#=4?すい$$#Df#=5?もく$$#Df#=6?きん$$#Df#=7?
これは曜日を#Df#で数字として、それによってひらがな2文字で表示しています。

[tr=0,2]#WCHUMN#[/tr]
これは#WCHUMN#で湿度を表示しているのですが、そのままだと小数点以下も表示されるので[tr=0,2][/tr]で囲って最初の2文字だけ表示するようにしています。

フォント

そのままだとよくわからない表示になってしまいますが、GD-DOTFONT-DQフォントを使うと、枠も含めそれっぽくなります。

下の方の「ダウンロード：フォント一覧はこちら」からフォントダウンロードページへいけます。

このフォントをうまく使えば、もっとほかのステータス画面なども作れると思います。

スキンファイル

今回もスキンファイルを公開します。気になる方は使ってみてください。