千千靜聽(tīng)自己制作皮膚教程

《千千靜聽(tīng)自己制作皮膚教程》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、2008年12月25日更新：增加在線歌曲的緩沖進(jìn)度條皮膚元素。命名：progress_fill2.bmp一、了解千千靜聽(tīng)皮膚制作是怎么一回事？1、如果您是位從未接觸過(guò)皮膚制作的人，那么請(qǐng)先仔細(xì)看下面的這段話：如何把設(shè)計(jì)好的皮膚效果圖應(yīng)用到千千靜聽(tīng)軟件上去，有兩個(gè)主導(dǎo)思想您應(yīng)該了解：一個(gè)是需要把效果圖上面的控件（或稱按鈕）單獨(dú)切出來(lái)，另一個(gè)是需要把上一點(diǎn)說(shuō)的控件（或稱按鈕）的坐標(biāo)找到，為它精準(zhǔn)定位，是不是聽(tīng)的有點(diǎn)眉目了，那么我們接著往下講。2、千千的皮膚位于安裝目錄下的Skin文件夾內(nèi)，擴(kuò)展名可以為.skn或.zip

2、，實(shí)際上二者是一樣的。對(duì)于前者，可以先將.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)自帶的記事本或者其它文本編輯工具打開(kāi)的。

3、好，了解以上的基礎(chǔ)知識(shí)后，我們就開(kāi)始學(xué)習(xí)實(shí)際的制作過(guò)程。二、開(kāi)始制作啦！按照四個(gè)步驟進(jìn)行：（A）切圖（B）修改配置文件（C）打包成皮膚文件（D）應(yīng)用皮膚（A）切圖：用PS或FW打開(kāi)設(shè)計(jì)效果圖，整體觀察一下，下面講一下哪些圖片是要單獨(dú)切出來(lái)的以及圖片的命名。一、主窗口的控件（1）主窗口背景命名：player_skin.bmp重點(diǎn)：邊緣小圓角的鏤空處理，把鏤空填充成（#ff00ff）這個(gè)顏色，要細(xì)心處理這部分哦，邊緣要1像素1像素的填充（如上圖，鏤空部分的顏色處理）（2）最小化按鈕（4個(gè)狀態(tài)）命名：minimize.b

4、mp重點(diǎn)：凡是功能按鈕都要做4種狀態(tài)，并把這四種狀態(tài)做在一張圖里，存儲(chǔ)成.BMP格式，注意每種狀態(tài)按鈕他的寬度和高度要一致，說(shuō)一下每種狀態(tài)代表的含義第一個(gè)狀態(tài)：自然狀態(tài)第二個(gè)狀態(tài)：鼠標(biāo)劃過(guò)時(shí)的狀態(tài)第三個(gè)狀態(tài)：鼠標(biāo)按下去時(shí)的狀態(tài)第四個(gè)狀態(tài)：按鈕失效時(shí)的狀態(tài)（舉個(gè)例子，比如播放列表只有一首歌曲，那么“下一首”按鈕就是無(wú)法點(diǎn)擊的，那么此時(shí)這個(gè)按鈕狀態(tài)就是失效時(shí)的狀態(tài)）3）迷你模式按鈕命名：minimode.bmp同上，這里不再贅述了。（4）關(guān)閉按鈕命名：close.bmp（5）播放進(jìn)度滑塊（本例中播放進(jìn)度條上的小圓按鈕）

5、命名：progress_thumb.bmp重點(diǎn)：這個(gè)小按鈕是需要脫離背景部分單獨(dú)扣出來(lái)的，那么鏤空部分需要如何處理才能最終在界面上顯示出透明的效果呢，解決的辦法和上面的大背景鏤空處理一樣就是把鏤空填充成（#ff00ff）這個(gè)顏色，如上圖。（6）播放進(jìn)度填充背景圖命名：progress_fill.bmp緩沖進(jìn)度條填充背景圖該進(jìn)度條在聽(tīng)在線歌曲發(fā)生緩沖時(shí)出現(xiàn)，如果沒(méi)有該元素，默認(rèn)方式是會(huì)將進(jìn)度條的顏色加深，作為緩沖條顏色顯示。命名：progress_fill2.bmp（7）播放列表窗口打開(kāi)關(guān)閉按鈕命名：playlist

6、.bmp（8）均衡器窗口打開(kāi)關(guān)閉按鈕命名：equalizer.bmp（9）歌詞窗口打開(kāi)關(guān)閉按鈕命名：lyric.bmp（10）“上一首”按鈕命名：prev.bmp（11）“播放”按鈕命名：play.bmp（12）“暫停”按鈕命名：pause.bmp(13)“下一首”按鈕命名：next.bmp(14)“打開(kāi)播放文件”按鈕命名：open.bmp(15)音量小喇叭按鈕命名：mute.bmp(16)音量進(jìn)度背景填充圖命名：progress2.bmp(17)音量滑塊同（5）二、均衡器窗口的控件（18）開(kāi)啟按鈕命名：eq_en

7、abled.bmp（19）重設(shè)按鈕命名：reset.bmp（20）配置按鈕命名：eq_profile.bmp（21）關(guān)閉按鈕，切圖同主窗口上的關(guān)閉按鈕（22）平衡器環(huán)繞聲所有滑動(dòng)的小按鈕同（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）滾動(dòng)條

8、上下按鈕命名：scrollbar_button.bmp重點(diǎn)：將上下按鈕拼在一張圖上制作（28）滾動(dòng)條滑動(dòng)按鈕命名：scrollbar_thumb.bmp（29）滾動(dòng)條背景命名：scrollbar_bar.bmp四、歌詞秀窗口的控件（30）關(guān)閉按鈕，同主窗口（31）總在最前按鈕命名：ontop.bmp五、音樂(lè)窗窗口的控件上圖為千千音樂(lè)窗界面，其中用綠色邊框套住