艦これ風ホーム画面を作ろう!その10 モジュールを作る 画像 モジュール
目次
■ 画像 モジュール
画像を表示させるモジュールです。『高度なパラメーター』項目でこちらもリッチテキストモジュールのように動的に変化させることも可能です。(後ほど利用します)
バッテリーグラ
バッテリーのグラフィックを表示させるのに使います。
画像はなんとなく電池っぽかったので元ネタの装備選択画面のドラム缶アイコンを使いました。
(こちらはご自身でご用意お願いします)
モジュール名 バッテリーグラ
基準位置 中央
Xオフセット 104
Yオフセット -21
画像 (用意した画像を選択)
スケール 用意したによって調整(僕の設定は125)
回転 0
不透明度 100
電波グラ
バッテリーグラと同様です。
ここでは先程出た『高度なパラメーター』を使い、WiFi時とモバイルネットワーク時で画像を変化させています。
画像はWiFi時は装備の電探アイコン、モバイルネットワーク時は艦隊司令部施設のアイコンを使いました。
モジュール名 電波グラ
基準位置 中央
Xオフセット 155
Yオフセット -21
画像 (なし)
スケール 用意したによって調整(僕の設定は125)
回転 0
不透明度 100
高度なパラメーター $#NWSTATE#=2?[b]/storage/○○/wifi.png[/b]:[b]/storage/○○/mobile.png[/b]$
文の構造としては前回出てきたものと同じですね。
ここでの[b]
タグは囲んだものを画像のアドレスとして判断するというものです。
/storage/
から.png
まではそれぞれの画像の絶対パス(アドレス)を書いてください。
付属のファイルマネージャー等で調べられると思います。
ヘッドバー(仮)
3つ目の画像は上部にある緑の棒です。
これはただ置いてあるだけなので、僕は名前つけませんでした。
(画像はご自身でご用意お願いします)
モジュール名 (なし)
基準位置 上
Xオフセット 140
Yオフセット 0
画像 (用意した画像を選択)
スケール 用意したによって調整(僕の設定は175)
回転 0
不透明度 100
これが一番簡単でしたね。
今回はここまで。次回はちょっとしたオマケ要素、プログレスバーを使った表示です。