天天動(dòng)聽皮膚提取、制作、使用教程大全

皮膚提取出來了，使用方法：http://0574fzl.cn//gonglue/15591.html

下面再教大家制作自己喜歡的皮膚，很給力的說，動(dòng)手試一試吧。

一、皮膚文件介紹

皮膚是由壓縮包TSK構(gòu)成，壓縮包中包括xml和圖片（png）
將所用到的素材PNG+XML放到文件夾中，再把文件夾拖放到“tsk皮膚打包工具.exe”中，選定需轉(zhuǎn)換項(xiàng)目進(jìn)行轉(zhuǎn)換，再將得到的tsk文件放到內(nèi)存卡ttpod/skin/目錄下即可使用

工具請(qǐng)?jiān)诘谝豁撓螺d！

二、各分辨率通知欄高度

單位：像素(pix)
240×400：19
240×432：19
240×320：25
320×480：25
480×800：38
480×854：38
樂phone：40
M9：48

三、皮膚頁面介紹
主播放頁面（Main）、視覺頁面（Visual）、歌詞頁面（Lyric）是天天動(dòng)聽的三個(gè)基本頁面
下面解釋一下Main、Visual、Lyric、Common的概念。他們分別顯示的內(nèi)容有：
主播放頁面（Main）：顯示圖片、單行歌詞
視覺頁面（Visual）：顯示頻譜、可視化等效果
歌詞頁面（Lyric）：顯示歌詞

這三個(gè)頁面的控件是各自獨(dú)立的，在切換頁面時(shí)，各自頁面內(nèi)的控件會(huì)隨著切換而移動(dòng)。
而對(duì)于這三個(gè)頁面共用的部分，如果我們不希望這些共用部分在切換頁面時(shí)移動(dòng)，可以把共用部分放在共用頁面（Common）中，這樣同時(shí)還可以減少皮膚的代碼量。
總結(jié)就是：
基本頁面：定義的是每個(gè)頁面獨(dú)立顯示的內(nèi)容，在切換頁面時(shí)，頁面中的控件會(huì)隨著頁面一齊移動(dòng)。
共用頁面：定義的是三個(gè)頁面共同顯示的內(nèi)容，在切換頁面時(shí)，頁面中的控件不會(huì)隨著頁面一齊移動(dòng)。
附件

四、皮膚語法定義
備注：<!-- -->里面內(nèi)容為注釋
<?xmlversion="1.0" encoding="UTF-8"?><!--語法起始句，xml格式為UTF-8-->
<Theme Name="SKIN"Author="TTPod" Ver="2.0" EMail=support@ttpod.com WebPage="http://www.ttpod.com">
<!-----皮膚名字---皮膚作者-------版本------郵箱---------------------網(wǎng)址-->
<Font ID="DefaultFont"FamilyName="SANS_SERIF" FontSize="24" /><!—全局定義皮膚文字及大小-->
<Bitmap ID="PLAY" File="/play.png"/><!—定義圖片通用名-->
<View ID="Portait"BackGround="/000.png"><!—豎屏頁面，用000.png作底圖-->
<Panel ID="Common" ><!—通用頁面，在三個(gè)頁面均顯示-->

<!--此處填寫所用到的控件語法-->
</Panel><!—該頁結(jié)束-->
<Panel ID="Main" ><!—播放頁面，控件隨頁面切換移動(dòng)-->
<!--此處填寫所用到的控件語法-->
</Panel><!—該頁結(jié)束-->
<Panel ID="Visual" ><!—視覺頁面，控件隨頁面切換移動(dòng)--->
<!--此處填寫所用到的控件語法-->
</Panel><!—該頁結(jié)束-->
<Panel ID="Lyric" ><!—歌詞頁面，控件隨頁面切換移動(dòng)--->
<!--此處填寫所用到的控件語法-->
</Panel><!—該頁結(jié)束-->
</View><!—豎屏頁結(jié)束-->
</Theme><!—皮膚結(jié)束-->

五、皮膚語法控件

皮膚頁面所有控件種類主要包括：

001）<Panel> 窗體
002）<Text> 文本
003）<Icon> 圖標(biāo)
004）<Button> 按鈕
005）<Slide> 進(jìn)度條、滾動(dòng)條
006）<LyricShow> 歌詞顯示
007）<Analyzer> 頻譜視覺顯示
008）<Image> 圖片

六、皮膚語法控件詳解

001）<Panel> 窗體
//Common共用控件
//Mai 主頁面
//Visual 視覺頁面
//Lyric 歌詞頁面
<Panel> 控件只支持以上給定的ID

例：<Panel ID="Visual" > 視覺頁面窗體
002）<Text> 文本
//ScrollInfo 歌曲信息（包括標(biāo)題、藝術(shù)家、專輯等，會(huì)循環(huán)滾動(dòng)顯示）
//Title 歌曲標(biāo)題
//Artist 歌曲歌手名
//Album 歌曲專輯名
//Lapse 已播放時(shí)間
//Duration 歌曲總時(shí)間
例：<TextID="Artist" Position="10 20 460 24"FamilyName="SANS_SERIF" FontSize="24"FontColor="#353535" ZOrder="3" />

// ID="Artist" 可以顯示歌曲的具體信息,包括歌曲名,歌手名,專輯,流派,比特率,采樣率等信息
//Position="10 20 460 24"位置區(qū)域：顯示在以坐標(biāo)（10 20）為起點(diǎn)，寬460高24的區(qū)域
//FamilyName="SANS_SERIF" FontSize="24" 字體及字體大小，SANS_SERIF表示安卓系統(tǒng)字體，數(shù)字24表示字體顯示的大小，如直接用通用定義的字體大小的話，此段的可以省略
//FontColor="#353535" 字體顏色：十六進(jìn)制顏色值
//Align="Left" 對(duì)齊方式為左對(duì)齊，右對(duì)齊為Right，居中為Center（不填寫默認(rèn)為居中）
//ZOrder="3" 圖層順序，當(dāng)圖層出現(xiàn)疊加時(shí)，數(shù)字大的在數(shù)字小的上層顯示，默認(rèn)圖層數(shù)值為0，數(shù)值需要為整數(shù)，可以為負(fù)數(shù)，當(dāng)Zorder屬性不填寫時(shí)，程序會(huì)給予一個(gè)默
六、皮膚語法控件詳解

003）<Icon>圖標(biāo)
//MainIcon主播放頁面按鈕
//VisualIcon視覺頁面按鈕
//LyricIcon歌詞頁面按鈕
//RepeatIcon播放模式狀態(tài)圖標(biāo)（4個(gè)），依次為：列表循環(huán)、單曲循環(huán)、順序播放、隨機(jī)播放
//SleepIcon睡眠狀態(tài)圖標(biāo)（2個(gè)），依次為：開啟、關(guān)閉
//aabbcc自定義圖片，aabbcc為需要顯示的名字，如：Topbkg

例1：特定ID
<Icon ID="RepeatIcon"Position="125 768 65 54" Icon="/RepeatIcon.png" StateNum="4" PressedBkgIcon="/Pressed.png" ZOrder="3" />
//ID="RepeatIcon" 可以顯示播放模式、睡眠狀態(tài)以及自定義圖片等信息
//Position="125 768 65 54" 位置區(qū)域：顯示在以坐標(biāo)（125 768）為起點(diǎn)，寬65高54的區(qū)域
//Icon="/RepeatIcon.png" 顯示RepeatIcon.png圖片
//StateNum="4" 圖片包含4個(gè)圖標(biāo)
//PressedBkgIcon="Pressed.png" 按下時(shí)的背景圖片是Pressed.png
//ZOrder="3" 圖層順序，當(dāng)圖層出現(xiàn)疊加時(shí)，數(shù)字大的在數(shù)字小的上層顯示，默認(rèn)圖層數(shù)值為0，數(shù)值需要為整數(shù)，可以為負(fù)數(shù)，當(dāng)Zorder屬性不填寫時(shí)，程序會(huì)給予一個(gè)默認(rèn)值

例2：自定義圖片
<Icon ID="TopBkg" Position="0 0480 140" Icon="/topbkg.png"/>

//ID="TopBkg" 自定義顯示圖片ID名稱
//Position="0 0 480 140" 位置區(qū)域：顯示在以坐標(biāo)（0 0）為起點(diǎn)，寬480高140的區(qū)域
//Icon="/topbkg.png" 顯示topbkg.png圖片

004）<Button>按鈕
//PlayButton播放按鈕
//PauseButton暫停按鈕
//PrevSongButton上一曲按鈕
//NextSongButton下一曲按鈕
//MenButton菜單按鈕
//ListButton音樂庫按鈕

例：<ButtonID="MenuButton" Position="0 756 95 60" NormalIcon="/menu.png"PressedIcon="/menu_pressed.png"PressedBkgIcon="/Pressed.png"ZOrder="3" />
//ID="MenuButton" 可以顯示播放、暫停、上一曲、下一曲、菜單、音樂庫等按鈕信息
//Position="0 756 95 60" 位置區(qū)域：顯示在以坐標(biāo)（0 756）為起點(diǎn)，寬95高60的區(qū)域
//NormalIcon="menu.png"正常狀態(tài)下顯示圖片是menu.png
//PressedIcon="menu_pressed.png "按下狀態(tài)顯示圖片是menu_pressed.png
//PressedBkgIcon="Pressed.png" 按下時(shí)的背景圖片是Pressed.png
//ZOrder="3" 圖層順序，當(dāng)圖層出現(xiàn)疊加時(shí)，數(shù)字大的在數(shù)字小的上層顯示，默認(rèn)圖層數(shù)值為0，數(shù)值需要為整數(shù)，可以為負(fù)數(shù)，當(dāng)Zorder屬性不填寫時(shí)，程序會(huì)給予一個(gè)默認(rèn)值
六、皮膚語法控件詳解

005）<Slide>進(jìn)度條
//Guage 歌曲播放進(jìn)度條

例：<SlideID="Guage" Position="35 575 410 28" KnobIcon="/KnobIcon.png"SlideIcon="/SlideIcon.png" Background="/seekbar.png" Style="Horiz" ZOrder="4" />
//ID="Guage"顯示進(jìn)度條信息
//Position="35575 410 28" 位置區(qū)域：顯示在以坐標(biāo)（35 575）為起點(diǎn)，寬410高28的區(qū)域
//KnobIcon="KnobIcon.png" 進(jìn)度把手（滑塊）圖片是KnobIcon.png
//SlideIcon="SlideIcon.png" 進(jìn)度條圖片是SlideIcon.png
//Background="/seekbar.png" 進(jìn)度條背景圖片是seekbar.png
//Style="Horiz" 進(jìn)度條風(fēng)格為水平方向（豎直方向?yàn)镾tyle="Vertical"）
//ZOrder="4"圖層順序，當(dāng)圖層出現(xiàn)疊加時(shí)，數(shù)字大的在數(shù)字小的上層顯示，默認(rèn)圖層數(shù)值為0，數(shù)值需要為整數(shù)，可以為負(fù)數(shù)，當(dāng)Zorder屬性不填寫時(shí)，程序會(huì)給予一個(gè)默認(rèn)值


006）<LyricShow>歌詞顯示

//lyricShow 歌詞顯示

例：<LyricShowID="LyricShow" Position="10 120 460 440"FamilyName="SANS_SERIF" FontSize="22"FontColor="#FFFFFF" FontColorSelected="#00ff00"/>
//ID="LyricShow" 顯示歌詞信息
// Position="10 120 460 440" 位置區(qū)域：顯示在以坐標(biāo)（10 120）為起點(diǎn)，寬460高440的區(qū)域
//FamilyName="SANS_SERIF"FontSize="24" 字體及字體大小，SANS_SERIF表示安卓系統(tǒng)字體，數(shù)字24表示字體顯示的大小，如直接用通用定義的字體大小的話，此段的可以省略
//FontColor="#FFFFFF" 字體顏色：十六進(jìn)制顏色值
//FontColorSelected="#00ff00" 當(dāng)前顯示字體顏色：十六進(jìn)制顏色值

六、皮膚語法控件詳解

007）<Analyzer> 頻譜視覺顯示
//Visualization視覺效果

例：<Analyzer ID="Visualization" Position="20 140 440 370" BarColorTop="#67df67" BarColorBot="#67df67" BarColorSpire="#67df67" BarNum="32" />
//ID="Visualization" 顯示視覺效果信息
//Postion="20 140 440 370" 位置區(qū)域：顯示在以坐標(biāo)（20 140）為起點(diǎn)，寬440高370的區(qū)域
//BarColorTop="#67df67" 頻譜柱子上半部分的顏色為#67df67
//BarColorBot="#67df67" 譜柱子下半部分的顏色為#67df67
//BarColorSpire="#67df67" 譜頂端的顏色#67df67
//BarNum="150" 譜分析時(shí)柱子的數(shù)量，最大256



008）<Image>圖片

//AlbumCover專輯封面

例：<Image ID="AlbumCover" Position="115 175 250 250" DefaultImage="/Cover.png"/>

//ID="AlbumCover" 顯示專輯信息

//Position="115 175 250 250" 位置區(qū)域：顯示在以坐標(biāo)（115 175）為起點(diǎn)，寬250高250的區(qū)域

//DefaultImage="/Cover.png" 默認(rèn)顯示專輯封面圖片是Cover.png

七、其他說明

001）定義圖片ID
定義圖片ID，方便XML通用寫法

例：
先定義：<Bitmap ID="PLAY" File="/play.png" /> <Bitmap ID="PLAY_PRESSED" File="/play_pressed.png" />
編寫代碼：<Button ID="PlayButton" Position="202 650 76 82" NormalIcon="PLAY" PressedIcon="PLAY_PRESSED" ZOrder="2" />

//ID="PlayButton" 顯示播放按鈕信息
//Position="202 650 76 82" 位置區(qū)域：顯示在以坐標(biāo)（202 605）為起點(diǎn)，寬76高82的區(qū)域
//NormalIcon="PLAY" 正常狀態(tài)顯示圖片是 PLAY （play是前面定義的信息）
//PressedIcon="PLAY_PRESSED" 按下狀態(tài)顯示圖片是 PLAY_PRESSED（PLAY_PRESSED是前面定義的信息）。