WMP面版改造教學(3)

今次Mirage會先給大家看一看結果.

歌曲開頭, 中音量

歌曲結尾, 高音量

這個面版有一個火車形的歌曲位置顯示以及摩天輪形的音量調節棒.
這兩個選項都只需要填寫簡單的程式就可以, 麻煩的則是圖片的設定.

程式方面, 在改造教學(2)內提及的wms檔內, 在view下再加上以下程式, ""內的仍是自訂要素



< CustomSlider
image="vslider.bmp"
positionimage="greymap.bmp"
toolTip="Volume"
top="100"
left="250"
max="100"
min="0"
cursor="hand"
value="wmpprop:player.settings.volume"
value_onchange="jscript:player.settings.volume=value;"/>

< SeekSlider
tooltip="seek"
top="270"
left="80"
width="170"
height="20"
thumbimage="thumb2.bmp"
transparencycolor="#ffd800"
cursor="hand"
tabstop="false"
bordersize="5"/>


seekslider是普通的WMP內設歌曲位置顯示部件
音量調節則用了customslider以做出摩天輪形的調節棒
如果想用普通的音量調節棒, 可以使用和seekslider相同的程式, 開頭改為volumeslider.

至於圖像方面大家請自備以下圖片

這是seekslider的按掣,
由於透明色設定為#ffd800(黃色), 所以在面版上看不見背景.
seekslider的背景則需要畫在面版上.

P.S. 因為今次的按掣有點長,
在面版上其實加上了圖畫掩飾seekslider的按掣在開始及結束會局部消失的現象

這個是音量調節的灰階圖(bmp格式). 灰階圖依分段多少設定不同灰色調
以此圖為例, 共有八個分段, 所以RGB數字由#000000每次增加:
255/7=36.5
至#ffffff

此圖則是每個灰階對應的圖, 亦有八個,最左的是#000000, 最右的是#ffffff
在程式中設定了灰階圖的位置. 只要按到對應的位置圖像就會轉換.
所有圖像由左到右存為一個圖像檔, 依需要亦可上下排列.

在放了wms檔的面版主file內放入以上圖像後就可做出最上圖的效果, 大家可以自己改圖試試.

下一次Mirage將會在面版上面加上內設及用家自定的效果(effect),令到面版內容更豐富.