天天動聽皮膚提取、制作、使用教程大全

天天動聽皮膚的提取、制作、及使用方法大全，讓我們一起來玩弄天天動聽皮膚吧，看完這篇教程，一定要動手去制作一款自己喜歡的皮膚哦，其中簡單的更換一下圖片還是很簡單的嘛。

天天動聽皮膚使用教程（使用教程請單獨查看）：http://royaljewelryandwatches.com/gonglue/15591.html

需要使用到的工具：
制作工具：http://www.piaodown.com/soft/15515.htm
提取工具：http://royaljewelryandwatches.com/buding/9597.html
java版的天天動聽TTPod_j2me_v1.70.jar
天天動聽的TSK皮膚

下面先來看提取教程：

皮膚
 

第一步、運行KEmulator選擇“文件”-“載入jar”

        運行天天動聽 后會自動在file目錄下生成root目錄下生成ttpod目錄
 
 

第二步、將TSK皮膚文件放到“KEmulator\file\root”目錄或者ttpod目錄
 

第三步、點擊天天動聽菜單→呈現(xiàn)→自定義背景 

        找到root目錄下的tsk皮膚雙擊

 


第四步、打開KEmulator\file\root\ttpod\skin目錄下將皮膚復制保存即可

 

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

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

一、皮膚文件介紹

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

工具請在第一頁下載！

二、各分辨率通知欄高度

單位：像素(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）是天天動聽的三個基本頁面
下面解釋一下Main、Visual、Lyric、Common的概念。他們分別顯示的內容有：
主播放頁面（Main）：顯示圖片、單行歌詞
視覺頁面（Visual）：顯示頻譜、可視化等效果
歌詞頁面（Lyric）：顯示歌詞

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

四、皮膚語法定義
備注：<!-- -->里面內容為注釋
<?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" ><!—通用頁面，在三個頁面均顯示-->

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

五、皮膚語法控件

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

001）<Panel> 窗體
002）<Text> 文本
003）<Icon> 圖標
004）<Button> 按鈕
005）<Slide> 進度條、滾動條
006）<LyricShow> 歌詞顯示
007）<Analyzer> 頻譜視覺顯示
008）<Image> 圖片

六、皮膚語法控件詳解

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

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

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

003）<Icon>圖標
//MainIcon主播放頁面按鈕
//VisualIcon視覺頁面按鈕
//LyricIcon歌詞頁面按鈕
//RepeatIcon播放模式狀態(tài)圖標（4個），依次為：列表循環(huán)、單曲循環(huán)、順序播放、隨機播放
//SleepIcon睡眠狀態(tài)圖標（2個），依次為：開啟、關閉
//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ū)域：顯示在以坐標（125 768）為起點，寬65高54的區(qū)域
//Icon="/RepeatIcon.png" 顯示RepeatIcon.png圖片
//StateNum="4" 圖片包含4個圖標
//PressedBkgIcon="Pressed.png" 按下時的背景圖片是Pressed.png
//ZOrder="3" 圖層順序，當圖層出現(xiàn)疊加時，數(shù)字大的在數(shù)字小的上層顯示，默認圖層數(shù)值為0，數(shù)值需要為整數(shù)，可以為負數(shù)，當Zorder屬性不填寫時，程序會給予一個默認值

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

//ID="TopBkg" 自定義顯示圖片ID名稱
//Position="0 0 480 140" 位置區(qū)域：顯示在以坐標（0 0）為起點，寬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ū)域：顯示在以坐標（0 756）為起點，寬95高60的區(qū)域
//NormalIcon="menu.png"正常狀態(tài)下顯示圖片是menu.png
//PressedIcon="menu_pressed.png "按下狀態(tài)顯示圖片是menu_pressed.png
//PressedBkgIcon="Pressed.png" 按下時的背景圖片是Pressed.png
//ZOrder="3" 圖層順序，當圖層出現(xiàn)疊加時，數(shù)字大的在數(shù)字小的上層顯示，默認圖層數(shù)值為0，數(shù)值需要為整數(shù)，可以為負數(shù)，當Zorder屬性不填寫時，程序會給予一個默認值
六、皮膚語法控件詳解

005）<Slide>進度條
//Guage 歌曲播放進度條

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


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ū)域：顯示在以坐標（10 120）為起點，寬460高440的區(qū)域
//FamilyName="SANS_SERIF"FontSize="24" 字體及字體大小，SANS_SERIF表示安卓系統(tǒng)字體，數(shù)字24表示字體顯示的大小，如直接用通用定義的字體大小的話，此段的可以省略
//FontColor="#FFFFFF" 字體顏色：十六進制顏色值
//FontColorSelected="#00ff00" 當前顯示字體顏色：十六進制顏色值

六、皮膚語法控件詳解

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ū)域：顯示在以坐標（20 140）為起點，寬440高370的區(qū)域
//BarColorTop="#67df67" 頻譜柱子上半部分的顏色為#67df67
//BarColorBot="#67df67" 譜柱子下半部分的顏色為#67df67
//BarColorSpire="#67df67" 譜頂端的顏色#67df67
//BarNum="150" 譜分析時柱子的數(shù)量，最大256



008）<Image>圖片

//AlbumCover專輯封面

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

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

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

//DefaultImage="/Cover.png" 默認顯示專輯封面圖片是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ū)域：顯示在以坐標（202 605）為起點，寬76高82的區(qū)域
//NormalIcon="PLAY" 正常狀態(tài)顯示圖片是 PLAY （play是前面定義的信息）
//PressedIcon="PLAY_PRESSED" 按下狀態(tài)顯示圖片是 PLAY_PRESSED（PLAY_PRESSED是前面定義的信息）。