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

20150823-1

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

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

スキンの中身

20150823-2

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

  • Rect…ウィンドウの背景の黒。半透過にし、さらにシャドウでぼかしている。
  • Rich Text…枠も含め、文字部分。
  • Rich Text…バッテリー部分の数値のみ3桁になることがあるので別モジュールで作成。
20150823-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フォントを使うと、枠も含めそれっぽくなります。

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

スキンファイル

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

zooper-iconDQ-WINDOW
制作: orefolder
価格: 無料

ダウンロード

この記事が気に入ったら
いいね!しよう
 シェアする  ツイートする
PREVIOUS POST
NEXT POST
ANDROID
GIVES YOU
MORE