千千靜聽皮膚制作代碼

昵稱8229487 2012-03-18

展開全文

好看的千千的皮膚總是這么幾套,
網(wǎng)上雖然有許多漂亮的皮膚可以下載
但是,畢竟不是為自己量身定做的,總會有一些個小缺陷,
為此,我把千千的皮膚制作方法告訴大家,
這樣,我們可以自己修改或做出令自己滿意的皮膚.
看著自己杰作,心里也會有一種自豪感,
好了,廢話不多說了,進入正題吧!

千千靜聽的皮膚制作方法：

先從原有的"Skin"文件夾里,拉一個皮膚出來,
然后,把后綴名,該為,"zip".或者直接用RAR打開.
(后綴為"skn"的壓縮文件,是不會被RAR自動識別的)

再解壓,她的"部件"就都出來了.
(壓縮包千萬別刪,到最后,有大用處的!!)

里面大約有以下內(nèi)容:
(注意:英文名稱可能不一樣, 但制作時要基本含有以下內(nèi)容)

Skin.xml   [皮膚配置主文件]
Visual.xml    [視覺效果配置]
PlayList.xml [列表配置]
lyric.xml     [歌詞配置]
（這三個文件不許改名）

player_skin       [主面板]
close              [主面板關閉按鈕]
minimize          [主面板托盤(最小化)按鈕]
minimode           [主面板迷你按鈕]
lyric              [主面板歌詞秀按鈕]
playlist           [主面板列表按鈕]
equalizer         [主面板EQ(均衡器)按鈕]
mute              [主面板靜音按鈕]
next               [主面板跳過按鈕]
stop               [主面板停止按鈕]
open               [主面板打開(文件)按鈕]
pause            [主面板暫停按鈕]
play               [主面板播放按鈕]
prev.bmp           [主面板返回按鈕]
number             [主面板數(shù)顯]
progress_fill      [主面板進度欄]
progress_thumb    [主面板進度欄]

playlist_skin.bmp [列表面板]
playlist_title.bmp [列表面板標題欄]
playlist_toolbar.bmp [列表面板工具欄]

scrollbar_bar      [滾動條背景]
scrollbar_button   [滾動條滑動塊]
scrollbar_thumb    [滾動條上下按鈕]

lyric_skin         [歌詞面板]
ontop              [歌詞面板(置第一層)按鈕]
lyric_title        [歌詞面板標題欄]

equalizer_skin   [均衡器面板]
eq_enabled       [均衡器面板開關按鈕]
eq_factor        [均衡器面板調音滑塊]
eq_profile       [均衡器面板配置按鈕]
eq_reset         [均衡器面板復位按鈕]

tt.ico            [TT圖標](可無)
thumb             [**滑塊] (比如:音量調節(jié)滑塊)
volume_fill       [填充]   (可無)
eq_fill.bmp       [填充]   (可無)

mini_skin          [迷你面板]
mini_lyric         [迷你面板歌詞秀按鈕]
mini_minimize      [迷你面板最小化按鈕]
mini_normal        [迷你面板還原按鈕]
mini_a             [迷你面板進度欄1]
mini_b             [迷你面板進度欄2]
mini_close         [迷你面板關閉按鈕]
mini_mute          [迷你面板靜音按鈕]
mini_next          [迷你面板跳過按鈕]
mini_open          [迷你面板打開(文件)按鈕]
mini_pause         [迷你面板暫停按鈕]
mini_play          [迷你面板播放按鈕]
mini_prev          [迷你面板返回(上一曲)按鈕]
mini_stop          [迷你面板停止按鈕]

接著就發(fā)揮你的天賦,制作皮膚圖片把.
要注意關鍵部位的(像素)坐標哦,下面用的著

圖片的英文名稱由自己確定,但是,
在編寫代碼時,不能出錯,特別是大小寫,要注意!

代碼編寫在 XML 文件里,(用寫字板打開)
我把XML文件標了注釋,大家可以進行對照.

1) Skin.xml [皮膚配置主文件]

簡介:
開頭是皮膚的版本,名稱,作者,網(wǎng)址,email,等信息,可自由改動.
接下來是主面板的設置.
其次是迷你面板的設置.
然后是歌詞面板的設置.
之后是 EQ(均衡器)面板的設置.
最后是列表面板的設置.
當然,之間的次序可以相互調換!

*開始*
<skin version="2" name="Example-1" author="mailine" url="http://mailine.blog.sohu.com/" email=mailine@foxmail.com transparent_color="#9900ff">
*皮膚版本 =2 ,名稱=Example-1, 作者= mailine ,網(wǎng)址=http://mailine.blog.sohu.com/, email=mailine@foxmail.com *

<player_window image="player_skin.bmp">     *播放面板(主面板)設置*
*播放*   <play position="2, 116, 37, 138" image="play.bmp"/>
*暫停*   <pause position="2, 116, 37, 138" image="pause.bmp"/>
*結束*   <stop position="37, 116, 72, 138" image="stop.bmp"/>
*上一曲* <prev position="72, 116, 107, 138" image="prev.bmp"/>
*下一曲* <next position="107, 116, 142, 138" image="next.bmp"/>
*打開*   <open position="142, 116, 177, 138" image="open.bmp"/>
*靜音*   <mute position="177, 116, 209, 138" image="mute.bmp"/>
*歌詞*   <lyric position="211, 5, 234, 20" image="lyric.bmp"/>
*EQ*     <equalizer position="237, 5, 260, 20" image="equalizer.bmp"/>
*列表*   <playlist position="263, 5, 286, 20" image="playlist.bmp"/>
*托盤*   <minimize position="31, 0, 51, 24" image="minimize.bmp"/>
*迷你*   <minimode position="52, 0, 72, 24" image="minimode.bmp" />
*退出*   <exit position="9, 0, 29, 24" image="close.bmp"/>
*進度條*
         <progress position="4, 29, 286, 38" bar_image="" thumb_image="progress_thumb.bmp" fill_image="progress_fill.bmp"/>
*音量控制*
      <volume position="224, 123, 272, 134" vertical="false" bar_image="" thumb_image="thumb.bmp" fill_image="volume_fill.bmp"/>
*視覺效果*
      <visual position="139, 66, 284, 107"/>
*千千圖標*
      <icon position="6, 3, 22, 19" icon="app.ico"/>
*歌曲信息循環(huán)顯示*
      <info position="35, 102, 280, 114" color="#59C92F" bkgnd="#000000" font="宋體" font_size="12"/>
*數(shù)碼時間*
      <led position="85, 49, 135, 62" image="number.bmp" align="right"/>
*聲道顯示*
      <stereo position="90, 77, 135, 89" color="#2989CC" font="simsong" font_size="12" align="right"/>
*狀態(tài)顯示*
      <status position="70, 94, 135, 106" color="#2989CC" font="simsong" font_size="12" align="right"/>
</player_window>

<mini_window image="mini_skin.bmp"> *迷你面板設置*
*千千圖標* <icon position="12, 4, 28, 20" />
*播放* <play position="30, 9, 58, 23" image="mini_play.bmp" />
*暫停* <pause position="30, 9, 58, 23" image="mini_pause.bmp" />
*打開(文件)* <open position="58, 9, 86, 23" image="mini_open.bmp" />
*上一曲* <prev position="86, 9, 114, 23" image="mini_prev.bmp" />
*下一曲* <next position="114, 9, 142, 23" image="mini_next.bmp" />
*靜音* <mute position="142, 9, 170, 23" image="mini_mute.bmp"/>
*最小化按鈕* <minimize position="215,0,226,12" image="mini_minimize.bmp"/>
*退出按鈕* <exit position="227, 0, 238, 12" image="mini_close.bmp"/>
*還原按鈕* <minimode position="215, 13, 226, 25" image="mini_normal.bmp" />
*歌詞按鈕* <lyric position="227, 13, 238, 25" image="mini_lyric.bmp" />
*進度欄* <progress position="31, 2, 169, 8" bar_image="" thumb_image="mini_a.bmp" fill_image="mini_b.bmp"/>
*視覺效果窗口* <visual position="172, 3, 212, 22" />
</mini_window>

<lyric_window position="290, 0, 580, 145" resize_rect="5, 28, 277, 81" image="lyric_skin.bmp"> *歌詞面板設置*
*標題欄* <title position="110, 0, 183, 24" image="lyric_title.bmp" align="center"/>
*關閉按鈕* <close position="9, 0, 29, 24" image="close.bmp" align="left"/>
*總是在前按鈕* <ontop position="31, 0, 51, 24" image="ontop.bmp" align="left"/>
*歌詞窗口* <lyric position="5, 28, 285, 81"/>
</lyric_window>

<equalizer_window position="290, 145, 580, 290" image="equalizer_skin.bmp" eq_interval="8"> *均衡器面板*
*關閉按鈕* <close position="9, 0, 29, 24" image="close.bmp" align="left"/>
*開關按鈕* <enabled position="10, 75, 62, 95" image="eq_enabled.bmp"/>
*配制按鈕* <profile position="10, 97, 62, 117" image="eq_profile.bmp"/>
*復位按鈕* <reset position="10, 119, 62, 139" image="eq_reset.bmp"/>
*平衡調節(jié)* <balance position="2, 41, 71, 52" thumb_image="thumb.bmp" bar_image=""/>
*環(huán)繞調節(jié)* <surround position="2, 63, 71, 74" thumb_image="thumb.bmp" bar_image=""/>
*調音滑塊* <preamp position="73, 29, 86, 139" thumb_image="eq_factor.bmp" bar_image="" fill_image="eq_fill.bmp"/>
*填充色* <eqfactor position="106, 29, 119, 139" thumb_image="eq_factor.bmp" bar_image="" fill_image="eq_fill.bmp"/>
</equalizer_window>

   <playlist_window position="0, 145, 290, 290" resize_rect="30, 54, 250, 56" image="playlist_skin.bmp">   *播放列表面板設置*
*標題欄*   <title position="110, 0, 183, 24" image="playlist_title.bmp" align="center"/>
*關閉*     <close position="9, 0, 29, 24" image="close.bmp" align="left"/>
*工具欄*   <toolbar position="5, 26, 285, 47" image="playlist_toolbar.bmp" align="top+left"/>
*滾動條*   <scrollbar buttons_image="scrollbar_button.bmp" thumb_image="scrollbar_thumb.bmp" bar_image="scrollbar_bar.bmp" thumb_resize_center="8"/>
*列表內(nèi)容位置*   <playlist position="5, 50, 285, 100"/>
   </playlist_window>

</skin>

*結束*

例如:<title position="110, 0, 183, 24" image="playlist_title.bmp" align="center"/>
表示:標題位置=X1-110;Y1-0;X2-183;Y2-24; 圖片=playlist_title.bmp ;排列=居中
置=X1-110;Y1-0;X2-183;Y2-24; 圖片=playlist_title.bmp ;排列=居中
2) lyric.xml[歌詞配置]

這個配制包括:歌詞的字體,顏色

*開始*
<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
*版本=1.0 ,編碼方式=UTF-8 ,獨立=是*
<ttplayer_lyric>
<Lyric
*字體* Font="-11,0,0,0,400,0,0,0,1,0,0,4,0,Tahoma"
*文字顏色* TextColor="#808080"
*高亮度顏色* HilightColor="#ffffff"
*背景顏色* BkgndColor="#000000"
/>
</ttplayer_lyric>
*結束*

3) PlayList.xml[列表配置]
這個配置包括:列表文字的字體,顏色,背景顏色.可以通過千千選項進行配制.

*開始*
<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
*版本=1.0 ,編碼方式=UTF-8 ,獨立=是*
<ttplayer_playlist>
<PlayList
*文字字體* Font="-11,0,0,0,400,0,0,0,1,0,0,4,0,Tahoma"
*文字顏色* Color_Text="#c0c0c0"
*高亮顏色* Color_Hilight="#ffffff"
*背景顏色1* Color_Bkgnd="#202020"
*序號顏色* Color_Number="#808080"
*進行顏色* Color_Duration="#808080"
*背景顏色2* Color_Bkgnd2="#000000"
/>
</ttplayer_playlist>
*結束*

4) Visual.xml[視覺效果配置]
這個是設置視覺效果的
(這個也可以通過千千選項進行設置)

*開始*
<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
*版本=1.0 編碼方式=UTF-8 ,獨立=是*
<ttplayer_visual>
<Visual
*頻譜顏色-頂端* SpectrumTopColor="#808080"
*頻譜顏色-底端* SpectrumBtmColor="#3e3e3e"
*頻譜顏色-中端* SpectrumMidColor="#575757"
*頻譜顏色-高峰* SpectrumPeakColor="#808080"
*頻譜寬度* SpectrumWide="1"
*波形反映速度* BlurSpeed="5"
*波形清晰度* Blur="1"
*波形顏色* BlurScopeColor="#465e60"
/>
</ttplayer_visual>
*結束*