2、千千的皮膚位于安裝目錄下的Skin文件夾內(nèi)，擴(kuò)展名可以為.skn或.zip，實(shí)際上二者是一樣的。對于前者，可以先將.skn的擴(kuò)展名改為.zip(要在系統(tǒng)中顯示文件的擴(kuò)展名，依次點(diǎn)擊"工具"－"文件夾選項(xiàng)"－"查看"，再把"隱藏已知文件類型的擴(kuò)展名"前的小勾去除即可)，然后將其解壓到單獨(dú)的文件夾，進(jìn)入該文件夾，可以發(fā)現(xiàn)里面包含了許多bmp格式的圖片和若干個(gè)xml文件，他這些文件便是皮膚的組成部分了，bmp圖片是各個(gè)窗口的背景及按鈕圖片，Skin.xml則是配置文件，定義了皮膚的基本信息、窗口及按鈕的位置、大小等，它是基于XML格式的文件，可直接用系統(tǒng)自帶的記事本或者其它文本編輯工具打開的。

好，了解以上的基礎(chǔ)知識后，我們就開始學(xué)習(xí)實(shí)際的制作過程。
 
二、開始制作啦！
 按照四個(gè)步驟進(jìn)行：（A）切圖（B）修改配置文件（C）打包成皮膚文件（D）應(yīng)用皮膚

（A）切圖：
用PS或FW打開設(shè)計(jì)效果圖，整體觀察一下，下面講一下哪些圖片是要單獨(dú)切出來的以及圖片的命名。

 一、主窗口的控件
（1）主窗口背景   命名：player_skin.bmp


重點(diǎn)：邊緣小圓角的鏤空處理，把鏤空填充成（#ff00ff）這個(gè)顏色，要細(xì)心處理這部分哦，邊緣要1像素1像素的填充（如上圖，鏤空部分的顏色處理）

（2）最小化按鈕（4個(gè)狀態(tài)）
命名：minimize.bmp

重點(diǎn)：凡是功能按鈕都要做4種狀態(tài)，并把這四種狀態(tài)做在一張圖里，存儲成.BMP格式，注意每種狀態(tài)按鈕他的寬度和高度要一致，說一下每種狀態(tài)代表的含義
第一個(gè)狀態(tài)：自然狀態(tài)
第二個(gè)狀態(tài)：鼠標(biāo)劃過時(shí)的狀態(tài)
第三個(gè)狀態(tài)：鼠標(biāo)按下去時(shí)的狀態(tài)
第四個(gè)狀態(tài)：按鈕失效時(shí)的狀態(tài)（舉個(gè)例子，比如播放列表只有一首歌曲，那么“下一首”按鈕就是無法點(diǎn)擊的，那么此時(shí)這個(gè)按鈕狀態(tài)就是失效時(shí)的狀態(tài)）

3）迷你模式按鈕
命名：minimode.bmp
   同上，這里不再贅述了。

（4）關(guān)閉按鈕
命名：close.bmp

 
（5）播放進(jìn)度滑塊（本例中播放進(jìn)度條上的小圓按鈕）
命名：progress_thumb.bmp

 
重點(diǎn)：這個(gè)小按鈕是需要脫離背景部分單獨(dú)扣出來的，那么鏤空部分需要如何處理才能最終在界面上顯示出透明的效果呢，解決的辦法和上面的大背景鏤空處理一樣就是把鏤空填充成（#ff00ff）這個(gè)顏色，如上圖。

（6）播放進(jìn)度填充背景圖
命名：progress_fill.bmp

 
（7）播放列表窗口打開關(guān)閉按鈕
命名：playlist.bmp 

 
（8）均衡器窗口打開關(guān)閉按鈕
命名：equalizer.bmp


（9）歌詞窗口打開關(guān)閉按鈕
命名：lyric.bmp

 
（10）“上一首”按鈕
命名：prev.bmp

 
（11）“播放”按鈕
命名：play.bmp

 
（12）“暫停”按鈕
命名：pause.bmp
 

(13)“下一首”按鈕
命名：next.bmp

 
(14)“打開播放文件”按鈕
命名：open.bmp


(15)音量小喇叭按鈕
命名：mute.bmp

 
(16)音量進(jìn)度背景填充圖
命名：progress2.bmp

 
(17)音量滑塊
同（5） 

二、均衡器窗口的控件
（18）開啟按鈕
命名：eq_enabled.bmp

 
（19）重設(shè)按鈕
命名：reset.bmp

 
（20）配置按鈕
命名：eq_profile.bmp

 
（21）關(guān)閉按鈕，切圖同主窗口上的關(guān)閉按鈕
（22）平衡器環(huán)繞聲所有滑動的小按鈕   同（5）
（23）平衡，環(huán)繞填充背景
命名：eqfactor_full2.bmp

 
（24）均衡填充背景
命名：eqfactor_full.bmp

 
三、播放列表窗口的控件
（25）關(guān)閉按鈕，同主窗口關(guān)閉按鈕
（26）工具條按鈕，
命名：playlist_toolbar.bmp

 
熱點(diǎn)狀態(tài)命名：playlist_toolbar_hot.bmp

 
（27）滾動條上下按鈕
命名：scrollbar_button.bmp
   重點(diǎn)：將上下按鈕拼在一張圖上制作

（28）滾動條滑動按鈕
命名：scrollbar_thumb.bmp
 

（29）滾動條背景
命名：scrollbar_bar.bmp

 
四、歌詞秀窗口的控件
（30）關(guān)閉按鈕，同主窗口
（31）總在最前按鈕
命名：ontop.bmp
 

五、音樂窗窗口的控件

 
上圖為千千音樂窗界面，其中用綠色邊框套住的部分為顯示部分，和皮膚設(shè)計(jì)無關(guān)，就是說我們要做的是綠色邊框外的內(nèi)容。

好，明確了制作部分，開始講制作過程，首先，要制作一個(gè)窗口背景，就是圖中顯示的最外面的藍(lán)色風(fēng)格的窗口，像主窗口一樣，不難理解，格式同樣為.bmp，需要設(shè)置透明色背景（#FF00ff），注意圓角像素的處理。

然后制作窗口里的控件，上圖中用紅色框標(biāo)出了所有控件，包括后退、前進(jìn)、刷新、關(guān)閉、多選框、連接文字區(qū)。其中后退、前進(jìn)的功能是像網(wǎng)頁一樣的控制當(dāng)前頁面，并不是歌曲的后退、前進(jìn)，不過也沒影響，不多說了。

最后，還要制作一個(gè)按鈕，用來打開音樂窗，按鈕要做在主窗口上，做主窗口時(shí)別忘了留出地方哦...

具體切圖示例如下，大家一看就會明白啦：



（B）修改配置文件
一、首先看一下skin.xml這個(gè)配置文件
<skin version="2" name="靜聽?蔚藍(lán)" author="千千靜聽" url="http://www." email="none" transparent_color="#ff00ff">
以上是皮膚的基本描述信息，請根據(jù)您自己的情況填寫，分別是版本號，皮膚名稱，皮膚作者，地址，電子郵箱，透明色的設(shè)置
1、<player_window>和</player_window>之間的代碼
它是描述主窗口的參數(shù)設(shè)置的
Position 是坐標(biāo)定位，image是圖片名稱，就是我剛才講述的每個(gè)圖片的命名
坐標(biāo)由4個(gè)數(shù)字組成，中間用逗號隔開，前兩個(gè)數(shù)字是圖片左上角的x坐標(biāo)和y坐標(biāo)，后兩個(gè)數(shù)字是圖片右下角的x坐標(biāo)和y坐標(biāo),請注意，這里的右下角x坐標(biāo)和y坐標(biāo)都要多算一個(gè)點(diǎn)，否則播放器會少顯示兩條邊；
這里需要注意的是：每個(gè)窗口的位置是組合窗口后抓的坐標(biāo)，而每個(gè)窗口上面的按鈕控件是單獨(dú)定位的，比如，我們要獲得歌詞秀窗口上面的關(guān)閉按鈕的坐標(biāo)，是要把歌詞秀窗口的左上角定位在切圖軟件（0，0）坐標(biāo)上，然后再抓關(guān)閉按鈕的坐標(biāo)。
可以參考下圖來理解代碼
 

<player_window image="player_skin.bmp">
<play position="50, 123, 90, 163" image="play.bmp"/>
<pause position="50, 123, 90, 163" image="pause.bmp"/>
<prev position="9, 123, 49, 163" image="prev.bmp"/>
<next position="132, 123, 172, 163" image="next.bmp"/>
<stop position="91, 123, 131, 163" image="stop.bmp"/>
<mute position="183, 137, 194, 148" image="mute.bmp" />

<lyric position="248, 112, 272, 126" image="lyric.bmp"/>
<equalizer position="223, 112, 242, 126" image="equalizer.bmp"/>
<playlist position="197, 112, 216, 126" image="playlist.bmp"/>
<browser position="214, 86, 276, 106" image="browser.bmp" />

<minimize position="230, 3, 247, 21" image="minimize.bmp"/>
<minimode position="248, 3, 265, 21" image="minimode.bmp"/>
<exit position="266, 3, 283, 21" image="close.bmp"/>

<progress position="7, 112, 184, 123" bar_image="" thumb_image="progress_thumb.bmp" fill_image="progress_fill.bmp"/>
<volume position="197, 136, 277, 147" vertical="false" bar_image="" thumb_image="progress_thumb.bmp" fill_image="progress2.bmp"/>

以下文字是播放器上面的一些顯示文字的設(shè)置
Icon是千千靜聽的logo；
info是音樂標(biāo)題和專輯歌手的信息，輪顯在播放器窗口上；
led是時(shí)間數(shù)字，這里不是文字代碼，是做好了一張圖片，這張圖片由大小相等的12個(gè)字符組成， 0 1 2 3 4 5 6 7 8 9 : -
記住這12個(gè)字符缺一不可。
Stereo  是立體聲的字體設(shè)置
Status是狀態(tài)的字體設(shè)置
Visual是視覺效果的設(shè)置，這里面只是簡單定義了位置，更詳細(xì)的設(shè)置請看Visual.xml文件

<icon position="4, 3, 20, 19" image="TTPlayer.ico"/>
<info position="21, 34, 208, 49" color="#ffffff" font="Tahoma" font_size="13" align="left"/>
<led position="160, 37, 270, 49" image="number.bmp" align="right"/>
<stereo position="224, 54, 273, 70" color="#ffffff" font="Tahoma" font_size="13" align="right" />
<status position="200, 70, 273, 86" color="#ffffff" font="Tahoma" font_size="13" align="right" />
<visual position="17, 56, 185, 106"/>
</player_window>

2、歌詞秀窗口的代碼
參考如下圖一起看

<lyric_window position="0, 393, 287, 475" resize_rect="49, 25, 245, 73" image="lyric_skin.bmp">
<lyric position="10, 25, 277, 73"/>
<close position="221, 3, 283, 20" image="close.bmp" align="right"/>
<ontop position="202, 3, 264, 20" image="ontop.bmp" align="right"/>
</lyric_window>

3、均衡器窗口的代碼
 
<equalizer_window position="0, 165, 287, 279" image="eq_skin.bmp" eq_interval="5">     

<close position="266, 3, 283, 20" image="close.bmp" align="right"/>
<enabled position="152, 3, 187, 21" image="eq_enabled.bmp"/>
<profile position="224, 3, 259, 21" image="eq_profile.bmp"/>
<reset position="188, 3, 223, 21" image="reset.bmp"/>
<balance position="15, 45, 71, 56" thumb_image="progress_thumb.bmp" bar_image=""  fill_image="eqfactor_full2.bmp"/>
<surround position="15, 76, 71, 87" thumb_image="progress_thumb.bmp" bar_image=""  fill_image="eqfactor_full2.bmp"/>
<preamp position="81, 36, 92, 99" thumb_image="progress_thumb.bmp" bar_image=""  fill_image="eqfactor_full.bmp"/>
<eqfactor position="115, 36, 126, 98" thumb_image="progress_thumb.bmp" bar_image="" fill_image="eqfactor_full.bmp"/>
</equalizer_window>

4、播放列表窗口的代碼
 
<playlist_window position="0, 279, 287, 393" resize_rect="61, 43, 265, 105" image="playlist_skin.bmp">
<close position="221, 2, 283, 19" image="close.bmp" align="right"/>
<toolbar position="10, 24, 278, 41" image="playlist_toolbar.bmp" hot_image="playlist_toolbar_hot.bmp" align="left"/>
<scrollbar buttons_image="scrollbar_button.bmp" thumb_image="scrollbar_thumb.bmp" bar_image="scrollbar_bar.bmp" align="center"/>
<playlist position="10, 43, 278, 105" selected_image="playlist_selected.bmp"/>
</playlist_window>

1、 迷你窗口的代碼
 
<mini_window image="mini-player.bmp">
<play position="177, 3, 271, 27" image="play_mini.bmp" />
<pause position="177, 3, 271, 27" image="pause_mini.bmp" />  
<prev position="153, 3, 247, 27" image="prev_mini.bmp" />
<next position="224, 3, 318, 27" image="next_mini.bmp" />
<stop position="201, 3, 295, 27" image="stop_mini.bmp" />
<lyric position="269, 17, 379, 27" image="lyric_mini.bmp" />
<minimode position="272, 3, 335, 20" image="minimode.bmp" />
<minimize position="255, 3, 317, 20" image="minimize.bmp" />
<exit position="289, 3, 351, 20" image="close.bmp" />
<icon position="3, 6, 19, 22" image="TTPlayer.ico"/>    
<info position="27, 7, 142, 22" color="#ffffff" font="Tahoma" font_size="13" align="left"/>
</mini_window>

2、 音樂窗的代碼（代碼后面//部分為注釋）
 
<browser_window position="540, 0, 810, 336" image="browser_skin.bmp" transparent_color="#ff00ff">
<close position="452, 3, 469, 19" image="close.bmp" /> //關(guān)閉按鈕位置
<backward position="112, 3, 133, 19" image="browser_backward.bmp" /> //后退按鈕位置
<forward position="148, 3, 169, 19" image="browser_forward.bmp" /> //前進(jìn)按鈕位置
<refresh position="186, 2, 207, 18" image="browser_refresh.bmp" /> //刷新按鈕位置
<startup position="7, 458, 144, 473" ckbox_image="browser_startup.bmp" interval=4 color="#ffffff" font="SimSun" font_size="12" /> //多選框的位置，注意X坐標(biāo)要包括后面的文字，interval的值為多選框和文字之間的距離
<linktxt position="280, 457, 464, 472" color="#ffffff" font="SimSun" font_size="12" /> //連接文字區(qū)域，建議多留一些，以顯示更多的文字內(nèi)容
<browser position="9, 26, 464, 447" /> //html網(wǎng)頁位置，和“歌詞秀”中的歌詞顯示范圍性質(zhì)一樣
</browser_window>

二、下面看一下Lyric.xml這個(gè)配置文件
以下是歌詞文字的設(shè)置，分別定義了字體類型，字體顏色，高亮顏色和背景顏色
<ttplayer_lyric>
<Lyric 
Font="-11,0,0,0,400,0,0,0,134,3,2,4,49,Tahoma" 
TextColor="#008CC1" 
HilightColor="#005489" 
BkgndColor="#F4FBFE" />
</ttplayer_lyric>

三、下面看一下Playlist.xml這個(gè)配置文件
這個(gè)是播放列表窗口的文字設(shè)置，分別定義了字體類型，字體顏色，高亮顏色，第一背景顏色，數(shù)字顏色，時(shí)間顏色，當(dāng)前選擇顏色，第二背景顏色（可以和第一背景顏色一致）
<ttplayer_playlist>
 <PlayList
  Font="-11,0,0,0,400,0,0,0,134,3,2,4,49,Tahoma"
  Color_Text="#008CC1"
  Color_Hilight="#005489"
  Color_Bkgnd="#EAF5FA"
  Color_Number="#005489"
  Color_Duration="#005489"
  Color_Select="#84CEF9"
  Color_Bkgnd2="#EAF5FA"
 />
</ttplayer_playlist>

四、下面看一下Visual.xml這個(gè)配置文件
這個(gè)是用來設(shè)置視覺顯示的效果，我們先給大家介紹一下千千靜聽都提供哪幾種視覺效果：
1、 頻譜分析
2、 夢幻星空
3、 視波顯示
4、 專輯封面
5、 不顯示視頻效果
這5種情況只要在播放器主窗口上面點(diǎn)擊鼠標(biāo)右鍵即可切換
如圖：

下面的配置文件是用來設(shè)置各種視覺效果顏色的，大家可以試試看，調(diào)出你喜歡的效果來
<ttplayer_visual>
 <Visual
  SpectrumTopColor="#FFFFFF"
  SpectrumBtmColor="#07F7FF"
  SpectrumMidColor="#8CDCFF"
  SpectrumPeakColor="#FFFFFF"
  SpectrumWide="1"
  BlurSpeed="3"
  Blur="1"
  BlurScopeColor="#07F7FF"
  TextColor="#FFFFFF"
  Font="-11,0,0,0,400,0,0,0,134,3,2,4,49,Tahoma"
 />
</ttplayer_visual>

(C)打包成皮膚文件
好了，以上就是皮膚制作的整個(gè)過程啦，把上面的切圖和配置文件制作好后，就可以打包成皮膚文件了，可以用WinRAR或WinZIP等壓縮工具，以WinRAR為例，先按鍵盤上的Ctrl＋A全選所有文件，然后將全部文件添加到壓縮文件夾，壓縮文件格式選擇"zip"，壓縮方式可選擇"最好"，再點(diǎn)擊"確定"就行了！
（D）應(yīng)用皮膚
將這個(gè)壓縮文件復(fù)制到千千安裝目錄下的Skin文件夾，然后在"千千選項(xiàng)..."－"皮膚"中就可以選擇應(yīng)用皮膚了，或直接在主面板上點(diǎn)擊右鍵－"選擇皮膚"即可！

或許您已經(jīng)了解皮膚的制作方法了，為了更深入的理解，我們增加以下部分的內(nèi)容幫助您消化：

三、幾個(gè)重要的屬性解釋
position：這是眾元素中最基本的屬性之一，用于定義窗口背景及按鈕的位置及大小，參數(shù)值格式為 "a, b ,c ,d"，這4個(gè)數(shù)值既固定了元素的位置也確定了其大小，其中(a, b)為左上角的坐標(biāo)，(c, d)為右下角的坐標(biāo)，c-a 就是長度，d-b 就是高度，坐標(biāo)原點(diǎn)要分兩種情況：如果是歌詞秀、均衡器、播放列表這3個(gè)子窗口的position，則是把主窗口的左上角作為它們的坐標(biāo)原點(diǎn)；如果是各窗口內(nèi)部按鈕的position，則是把對應(yīng)的各窗口的左上角作為坐標(biāo)原點(diǎn)，比如歌詞秀窗口中的"關(guān)閉"按鈕就是以歌詞秀背景圖片的左上角為原點(diǎn)，其它依此類推！

特別地：①播放列表中的scrollbar元素不需要定義position屬性，它的位置會自動固定在playlist的最右邊；②主窗口中的progress、volume元素及均衡器窗口中的balance、surround、preamp元素的position屬性表示的是滑塊能夠移動的范圍的坐標(biāo)；③播放列表衡器窗口中的playlist元素、歌詞秀衡器窗口中的lyric元素的position屬性表示的是播放列表和歌詞的顯示范圍，當(dāng)播放列表窗口和歌詞秀窗口改變大小時(shí)，這兩個(gè)元素會自動跟著改變大小，但它們的四個(gè)邊和窗口的四個(gè)邊的距離就是通過這個(gè)position來體現(xiàn)的；
 resize_rect：歌詞秀和播放列表窗口特有的屬性，用于定義這兩個(gè)窗口可被拉伸的部分，其參數(shù)格式同position，代表的是當(dāng)改變窗口大小時(shí)只有這個(gè)矩形框內(nèi)的部分才會被拉長，在這個(gè)范圍外的部分則不會變化，另外還有一個(gè)屬性resize_tile是對應(yīng)使用的，其參數(shù)值可以為0或1，其中0表示在改變窗口大小時(shí)采用拉伸的方式，1表示采用平鋪的方式，該屬性可省略不寫，即使用默認(rèn)值0；

此外，歌詞秀和播放列表窗口還有一個(gè)可選擇的元素：title，可在有特定需要時(shí)(比如在改變窗口大小時(shí)標(biāo)題保持居中等)使用，格式如下：

<title position="..." image="..." align="..." />
align：用于定義元素的對齊方式，參數(shù)值分兩種情況：一種是存在于主窗口中的led、info、stereo、status元素內(nèi)，此時(shí)可以取值為left、center、right，代表這些文字的縮進(jìn)方式；第二種是存在于歌詞秀窗口中的title、close、ontop元素內(nèi)，播放列表窗口的title、close、toolbar元素內(nèi)，此時(shí)可以取值為left、center、right、top、bottom等，代表當(dāng)調(diào)整窗口大小時(shí)元素位置相對于邊框移動，如果要同時(shí)設(shè)置垂直對齊和水平對齊方式，可以用英文加號將二者連在一起，比如"top+left"表示在垂直方向上頂部對齊、在水平方向上左對齊；
vertical：存在于主窗口中的progress、volume元素，參數(shù)值可以為true或false，其中取true時(shí)指滑塊按垂直方向移動，取false時(shí)滑塊按水平方向移動；
thumb_resize_center：存在于播放列表窗口中的scrollbar元素內(nèi)，用于定義scrollbar的thumb滑塊中間可以進(jìn)行平鋪縮放的部分的大小，如果取值為0，則代表在改變播放列表窗口高度大小時(shí)滑塊進(jìn)行不縮放；
thumb_resize_tile：存在于播放列表窗口中的scrollbar元素內(nèi)，作用與播放列表窗口和歌詞秀窗口的resize_tile相同；
hot_image：存在于播放列表窗口中的toolbar元素內(nèi)，用于定義播放列表工具欄中當(dāng)鼠標(biāo)經(jīng)過時(shí)的圖片形態(tài)。此屬性可選擇，如省略不寫的話程序會自動生成鼠標(biāo)經(jīng)過時(shí)的按鈕狀態(tài)；
eq_interval：存在于均衡器窗口中的equalizer_window元素內(nèi)，指eqfactor元素中10個(gè)波段的間隔大小(另：eqfactor元素的position屬性表示的是10個(gè)滑塊中第一個(gè)滑塊的位置，而其它屬性對于所有10個(gè)滑塊都有效)；
icon：存在于主窗口中的icon元素內(nèi)，用于自定義皮膚圖標(biāo)，必須將圖標(biāo)文件(*.ico，16*16)放于皮膚文件夾中并一起打包壓縮。此屬性可選擇，如省略不寫的話則使用默認(rèn)的程序圖標(biāo)；
left_top_color、right_bottom_color：存在于歌詞秀窗口中的mini_border元素內(nèi)，用于定義在迷你模式下歌詞秀窗口的左上邊框和右下邊框的顏色；
迷你窗口：
迷你模式其實(shí)是獨(dú)立于主窗口外的另外一個(gè)皮膚，不過在迷你模式下省略了播放列表和均衡器窗口、簡化了歌詞秀窗口和主窗口。迷你窗口里的所有元素、屬性及參數(shù)都是和主窗口一樣的，它們都被包含于<mini_window>和</mini_window>中，相當(dāng)于主窗口中的<player_window> </player_window>；
迷你模式就是為了減小屏幕大小占用及簡化按鈕，故迷你窗口各按鈕也要相應(yīng)調(diào)整縮小，并省略部分不常用的按鈕，比如音量調(diào)節(jié)等，一般只保留下"播放/暫停"、"停止"、"后退"、"前進(jìn)"、"靜音"、"圖標(biāo)"、"視覺效果"等即可。另外，迷你模式下的歌詞秀窗口的位置和長度是固定的，高度則是和迷你模式的背景圖片高度相同。


四、皮膚制作注意事項(xiàng)及技巧：
1.壓縮皮膚文件時(shí)，不是壓縮整個(gè)文件夾，而是應(yīng)該進(jìn)入文件夾后按Ctrl＋A全選所有文件，然后再添加到壓縮文件(zip格式)，否則皮膚無效；

2.播放列表和歌詞秀窗口的position屬性定義了這兩個(gè)窗口初始化時(shí)的大小，這個(gè)大小可以不是圖片的實(shí)際大小。這兩個(gè)窗口在初始化時(shí)就會按照resize_rect的規(guī)則拉伸窗口至所設(shè)置的大小。此外，這兩個(gè)窗口最大可以拉伸到與屏幕同樣大小，但最小只能縮小到與原始圖片同樣的大小，所以原始圖片應(yīng)該盡量畫得小一些，這樣可以方便用戶把窗口縮成最小，同時(shí)還可以稍微減少圖片及皮膚大小；
注：這個(gè)時(shí)候窗口上的按鈕的position屬性是按圖片的實(shí)際大小來確定坐標(biāo)的；

3.bmp圖片(尤其是幾個(gè)面積較大的窗口背景圖片)應(yīng)盡量轉(zhuǎn)換為8位的索引顏色，這樣可以極大地減少圖片及皮膚的大小，同時(shí)在應(yīng)用皮膚時(shí)可以減少內(nèi)存占用率。
具體的方法為：在Adobe Photoshop中，打開RGB模式的圖片，然后點(diǎn)擊"圖像"－"模式"－"索引顏色"，再保存即可！注：如果有透明色時(shí)要注意兩點(diǎn)：①在填充透明色時(shí)，一定不要選"容差"；②轉(zhuǎn)換時(shí)一定要選中"保留原實(shí)際顏色"，以防止填充的透明色被改掉。

4.當(dāng)按鈕很小的時(shí)候，不要將其透明，而是和背景圖片連在一起！因?yàn)槲覀冎?，皮膚中透明的部分是不感應(yīng)鼠標(biāo)動作的，因此當(dāng)按鈕比較小的時(shí)候如果中間有很小的縫隙，鼠標(biāo)移動到上面時(shí)就會亂跳，不便于點(diǎn)擊操作！如圖所示：
 

5.在制作皮膚時(shí)最好做一部分預(yù)覽一下效果，這樣有問題的地方可以及時(shí)修改過來

6.如果不想在主窗口或迷你模式中顯示千千靜聽的圖標(biāo)，可以將圖標(biāo)的position設(shè)置為超過窗口大小，比如"500, 500, 516, 516"；
7.在主窗口中的led元素(即播放時(shí)間)有兩種顯示方式，一種是已播放的時(shí)間，一種是未播放的時(shí)間，鼠標(biāo)點(diǎn)擊即可在兩種顯示方式之間切換。后者比前者多了一個(gè)負(fù)號，因此在主窗口上應(yīng)至少給led留出6位的空間，以防止在顯示剩余時(shí)間時(shí)數(shù)字覆蓋到面板上的其它部分而影響美觀；led元素使用的圖片必須是12張同樣大小的圖片排在一起，分別代表0-9十個(gè)數(shù)字、冒號和減號(可以使用透明色)；
8.如果不想顯示某個(gè)窗口或者各窗口上的某些元素，把相應(yīng)的元素代碼全部刪除即可；
9.如果是用記事本打開XML文件的，那存儲的時(shí)候盡量編碼設(shè)置成ANSI；如下圖所示：
 

10、關(guān)于坐標(biāo)定位的小技巧：
大家注意一下坐標(biāo)定義的問題，拿一個(gè)20*20的小圖為例，它的位置是150，30，170，50，大家來看這個(gè)坐標(biāo)，一定認(rèn)為沒有問題，但實(shí)際效果會顯示不全，為什么呢，因?yàn)樽鴺?biāo)的X軸有一個(gè)小小的誤差問題，要多加2像素才可以哦，正確的定位是150，30，172，50。大家在制作時(shí)注意一下。 

制作千千皮膚的基本方法就只有這么多，但是技巧遠(yuǎn)不止這些，大家可以在制作的過程中不斷實(shí)踐摸索，并發(fā)揮自己的創(chuàng)造力，設(shè)計(jì)出各種有創(chuàng)意的皮膚來！