弓師日記

一番説明も設定も簡単なので下のバーから始めます

まずは必要なコンポーネントをダウンロードして下さい
cowbowron's hooks
Power Panels



まずは今回使う各種ボタンアイコンです
http://www3.uploader.jp/dl/leodryg/leodryg_uljp00001.zip.htmlからzipを落として下さい
これをPanels UIのフォルダの中に分かりやすいよう適当なフォルダ（以降yumishi001とします）を作りその中に入れます
簡単な話、そのyumishi001をPUI用のフォルダにしてその中にパネルごとに使う画像を分けようという事です
今回のbottombarbuttonsと言うフォルダは下段バー専用のフォルダになります
一応中にpsdも入れておいたので自分でいんぐりもんぐりして改造する事も可能です



それでは下段バーのところで右クリックして設定を開きましょう

まずは// Globalの部分。
ここでこれから使うフォルダのパスをしてしちゃいましょう



これで一々画像のパスを指定するときにyumishi001bottombarbuttonscent.pngのように一々書かずに$get(path)cent.pngと省略できます
$centもあとで一々$eval(%_width%/2)と書かずに済むようにです


次に// Backgorundの部分



大まかに分けると黒の部分とグレーの部分（赤と青）と見にくいですがボリュームバーの縁取りの長方形と画像（緑、黄、紫）になります








このようになるはずです




次に// PerTrackの部分です
ここではボタンとボリュームパネルを配置します



左からPreferences、Mute、Volume Panel、Stop、Previous、Play/Pause、Next、Random、Settings、Restartになります

Panels UIのボタンの領域は長方形でしか指定できないので複数のボタンを合わせた画像をあらかじめ作り、その中に別々の有効範囲（色で塗り分けたところ）とホバーイメージを指定します

左のボタンの場合、二つとも同じ場所に重ねて配置してクリックできる場所を右半分と左半分に分けています

ボタンに関してはfoobar2000についてあれこれさんが分かりやすいです


左のボタンとVolume Panelです







こんな感じになると思います

次に中央の再生コントロール用ボタンの配置です



真ん中のボタンを再生中は一時停止マーク、停止または一時停止時には再生マークとするために「p」という変数を使います。再生中はpに1を入れてそうでない場合は0にします

そしてその変数をそのまま画像の指定に使います。


もともと画像のファイル名の末尾に0か1を入れてあるので
$get(path)centrn_h$get(p).png
とすれば再生中はcentrn_h1.pngを、
それ以外はcentrn_h0.pngを表示します




Settingsのボタンはあとで説明するので今はとりあえず再起動のボタンを作って下段パネルは終了です





上のTFを全て入れるとこうなるはずです