カスタマイズ/シンプルモードスキン

カスタマイズ/シンプルモードスキン †

シンプルモードスキンの作り方
※作成・利用は自己責任で。

構成ファイル †

base.bmp

スキンの背景部分になります。背景を透過させたい場合はその箇所を#ff00ff（赤255、緑0、青255）で塗ります。（ボタンにも同様）
（上の例では四隅の紫色の部分）

ch.bmp

再生位置/音量調節のスライダーの背景部分になります。全体の幅の1/3がそれぞれの幅になります。
右から1/3がスライダーの左側に、真ん中の1/3がスライダーの右側になります。作るとき、3分の1のサイズを決めてサイズを2倍して、あとの１つを右側に置けばできます。

close.bmp

閉じるボタンになります。図のように、左から「通常時」「操作無効時」「マウスオーバー時」「マウスダウン時」の4パターンを並べます。
ボタンについては、他のものも同様に4パターンを並べます。

• 通常時=カーソルを指していない普通の状態。
  
• 操作無効時=操作ができない状態。
  
• オーバー時=カーソルを指したときに表示される状態。
  
• ダウン時=クリックした状態。
  

ff.bmp

早送りボタンになります。

full.bmp

フルモードボタンになります。

menu.bmp

メニューボタンになります。

min.bmp

最小化ボタンになります。

next.bmp

次へボタンになります。

play.bmp

再生/一時停止ボタンになります。

prv.bmp

前へボタンになります。

rwd.bmp

早戻しボタンになります。

slider.bmp

再生位置/音量調節のスライダーになります。

stop.bmp

停止ボタンになります。

voldown.bmp

音量 -ボタンになります。

volup.bmp

音量 +ボタンになります。

skin.xml

各BMPファイルの、スキン上での位置などを指定します。

手順 †

はじめに †

1. スキンの基本的な部分を作っておきます。後で各パーツの位置を指定するときに作業が楽になります。
   黒い部分は、アルバム名や曲名などのテキストの位置合わせ用です。
2. 以下の操作を行います。
   「スタート」>「コントロールパネル」>「フォルダオプション」>「表示」>「登録されている拡張子は表示しない」のチェックを外す>「適用」>「OK」

スキン元ファイルのコピー †

1. 以下のファイルを適当な場所（デスクトップなど）にコピーします。

   C:\Documents and Settings\All Users\Application Data\Sony Corporation\SonicStage\Skins\SonicStage2.ojs  

   デスクトップの「スタート」＞「ファイル名を指定して実行」でC:\Documents and Settings\All Users\Application Data\Sony Corporation\SonicStage\Skinsと入力して検索するとスキンフォルダが出てくるので、SonicStage.ojsを探してください。
2. コピーしたSonicStage2.ojsを以下のように名前を変更します。
   skinnameの部分は「スキンの選択」に表示される名前になるので、好きな名前をつけてください。

   SonicStage2.ojs→skinname.zip

各パーツの配置（skin.xmlの編集） †

1. スキン元ファイルのコピーで作ったskinname.zipを開き、中のskin.xmlを適当な場所（デスクトップなど）にコピーします。
2. 「スタート」>「すべてのプログラム」>「アクセサリ」>「メモ帳」をクリックします。
3. 「ファイル」>「開く」>「ファイルの種類」を「すべてのファイル」に>skin.xmlを「開く」
   中身は以下のようになっています。
   

<skin>
	<background src="base.bmp" transparent="1" />
	
	<slider id="volume"    x="478" y="72"  thumb="slider.bmp" channel="ch.bmp" />
	<slider id="position"  x="144" y="72"  thumb="slider.bmp" channel="ch.bmp" />
	
	<button id="close"     x="559" y="6"  src="close.bmp" />
	<button id="fullmode"  x="523" y="6"  src="full.bmp" />
	<button id="minimize"  x="541" y="6"  src="min.bmp" />
	
	<button id="playpause" x= "9"  y="72"  src="play.bmp" />
	<button id="stop"      x= "55" y="72"  src="stop.bmp" />
	<button id="previous"  x= "78" y="72"  src="prv.bmp" />
	<button id="next"      x="101" y="72"  src="next.bmp" />
	<button id="rew"       x="124" y="72"  src="rwd.bmp" />
	<button id="ff"        x="217" y="72"  src="ff.bmp" />
	
	<button id="menu"      x="428" y="72"  src="menu.bmp" />
	<button id="voldown"   x="458" y="72"  src="voldown.bmp" />
	<button id="volup"     x="551" y="72"  src="volup.bmp" />
	
	<static font="ＭＳ Ｐゴシック" size="9" forecolor="8CE2D5">
		<text id="albumname" x="9" y="6" width="210" />
		<text id="trackname" x="220" y="6" width="200" />
		<text id="time"  x="428" y="6" width="65" />
	</static>
</skin>

1. 3番目のタグの<slider id="volume".../>から16番目のタグの<button id="volup".../>までの「x」と「y」の値を書き換えます。「src=.../>」の部分がそれぞれのボタンのファイル名になっています。
   「x」はスキンの左端からの位置、「y」は上端からの位置を指定します。
   
2. 次に<static...>から</static>までを書き換えます。
   <static font="ＭＳ Ｐゴシック" size="9" forecolor="8CE2D5">の「font」は表示されるフォントの種類、「size」はフォントのサイズ、「forecolor」はフォントの色を指定します。
   「x」はスキンの左端からの位置、「y」は上端からの位置、「width」は表示幅を指定します。
   <text id="albumname".../>はアルバム名の表示についてのタグで、同様に"Trackname"は曲名、"time"は経過時間についてのタグになります。
   
3. すべて書き換えたら「ファイル」>「上書き保存」をして、メモ帳を閉じます。
   

※位置の決め方はこちらの「ボタンの位置を決めやすくするには・・・」をご覧ください。

ファイルの置き換え †

1. skinname.zipを開いて、先ほど保存したskin.xmlと作成したBMPファイルをskinname.zipの中に入れます。
   「このフォルダには...」の警告が表示されたら「すべて置換」をクリックします。
2. skinname.zipを閉じて、以下のように「名前の変更」をします。
   「拡張子を変更すると...」の警告が表示されたら「はい」をクリックします。

   skinname.zip→skinname.ojs

3. skinname.ojsを以下のフォルダに入れます。

   C:\Documents and Settings\All Users\Application Data\Sony Corporation\SonicStage\Skins

確認 †

1. SonicStageを起動します。
2. シンプルモードに切り替えます。
3. スキンの上で右クリックして「シンプルモードスキンの選択」をクリックします。
4. 「skinname」を選択してクリックします。（「skinname」の部分はファイルのコピーで自分のつけた名前になります）
5. スキンが切り替わります。
   
   
6. もしボタンの位置などを再調整する場合は、そのskinname.ojsをskinname.zipに変えて、skin.xmlを書き換え、ファイルの置き換えの操作と同じことをして確認してください。

補足 †

• 各パーツの配置（skin.xmlの編集）で不要なタグを削除することで、スキン上の該当するボタンを表示させないようにできます。
  
• <static>と</static>の間に<text id="artist" x="" y="" width="" />を書き込むとアーティスト名を表示させることができます。「x」「y」「width」は他のタグ同様に入力します。
  
• アルバム名や曲名などをそれぞれ別々のフォントや色に変えることができます。

  （例）
          <static font="MS UI Gothic" size="10" forecolor="FFFFFF">
  		<text id="albumname" x="9" y="6" width="210" />
         </static>
         <static font="ＭＳ Ｐゴシック" size="9" forecolor="FF0000">
  		<text id="trackname" x="220" y="6" width="200" />
  		<text id="time"  x="428" y="6" width="65" />
         </static>
  </skin>

  
  
• ボタンの位置を決めやすくするには、ペイントなどにある、カーソルの現在位置の座標の表示を利用します。（左からx,y）
  ボタン内の一番左上の位置にカーソルの先端を持っていけば、座標がわかるので楽です。

カスタマイズの例 †

ダウンロードしたsample.ojsを以下のフォルダに入れてください。

C:\Documents and Settings\All Users\Application Data\Sony Corporation\SonicStage\Skins

サンプル

ここにあるサンプル以外にも、スキン保管庫でたくさんのスキンを手に入れることが出来ます。