天天动听皮肤提取、制作、使用教程大全

天天动听皮肤的提取、制作、及使用方法大全，让我们一起来玩弄天天动听皮肤吧，看完这篇教程，一定要动手去制作一款自己喜欢的皮肤哦，其中简单的更换一下图片还是很简单的嘛。

天天动听皮肤使用教程（使用教程请单独查看）：https://www.paopaoche.net/gonglue/15591.html

需要使用到的工具：
制作工具：http://www.piaodown.com/soft/15515.htm
提取工具：https://www.paopaoche.net/buding/9597.html
java版的天天动听TTPod_j2me_v1.70.jar
天天动听的TSK皮肤

下面先来看提取教程：

皮肤
 

第一步、运行KEmulator选择“文件”-“载入jar”

        运行天天动听 后会自动在file目录下生成root目录下生成ttpod目录
 
 

第二步、将TSK皮肤文件放到“KEmulator\file\root”目录或者ttpod目录
 

第三步、点击天天动听菜单→呈现→自定义背景 

        找到root目录下的tsk皮肤双击

 


第四步、打开KEmulator\file\root\ttpod\skin目录下将皮肤复制保存即可

 

皮肤提取出来了，使用方法：https://www.paopaoche.net//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">
<!-----皮肤名字---皮肤作者-------版本------邮箱---------------------网址-->
<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 歌曲信息（包括标题、艺术家、专辑等，会循环滚动显示）
//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"位置区域：显示在以坐标（10 20）为起点，宽460高24的区域
//FamilyName="SANS_SERIF" FontSize="24" 字体及字体大小，SANS_SERIF表示安卓系统字体，数字24表示字体显示的大小，如直接用通用定义的字体大小的话，此段的可以省略
//FontColor="#353535" 字体颜色：十六进制颜色值
//Align="Left" 对齐方式为左对齐，右对齐为Right，居中为Center（不填写默认为居中）
//ZOrder="3" 图层顺序，当图层出现叠加时，数字大的在数字小的上层显示，默认图层数值为0，数值需要为整数，可以为负数，当Zorder属性不填写时，程序会给予一个默
六、皮肤语法控件详解

003）<Icon>图标
//MainIcon主播放页面按钮
//VisualIcon视觉页面按钮
//LyricIcon歌词页面按钮
//RepeatIcon播放模式状态图标（4个），依次为：列表循环、单曲循环、顺序播放、随机播放
//SleepIcon睡眠状态图标（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" 可以显示播放模式、睡眠状态以及自定义图片等信息
//Position="125 768 65 54" 位置区域：显示在以坐标（125 768）为起点，宽65高54的区域
//Icon="/RepeatIcon.png" 显示RepeatIcon.png图片
//StateNum="4" 图片包含4个图标
//PressedBkgIcon="Pressed.png" 按下时的背景图片是Pressed.png
//ZOrder="3" 图层顺序，当图层出现叠加时，数字大的在数字小的上层显示，默认图层数值为0，数值需要为整数，可以为负数，当Zorder属性不填写时，程序会给予一个默认值

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

//ID="TopBkg" 自定义显示图片ID名称
//Position="0 0 480 140" 位置区域：显示在以坐标（0 0）为起点，宽480高140的区域
//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" 位置区域：显示在以坐标（0 756）为起点，宽95高60的区域
//NormalIcon="menu.png"正常状态下显示图片是menu.png
//PressedIcon="menu_pressed.png "按下状态显示图片是menu_pressed.png
//PressedBkgIcon="Pressed.png" 按下时的背景图片是Pressed.png
//ZOrder="3" 图层顺序，当图层出现叠加时，数字大的在数字小的上层显示，默认图层数值为0，数值需要为整数，可以为负数，当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" 位置区域：显示在以坐标（35 575）为起点，宽410高28的区域
//KnobIcon="KnobIcon.png" 进度把手（滑块）图片是KnobIcon.png
//SlideIcon="SlideIcon.png" 进度条图片是SlideIcon.png
//Background="/seekbar.png" 进度条背景图片是seekbar.png
//Style="Horiz" 进度条风格为水平方向（竖直方向为Style="Vertical"）
//ZOrder="4"图层顺序，当图层出现叠加时，数字大的在数字小的上层显示，默认图层数值为0，数值需要为整数，可以为负数，当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" 位置区域：显示在以坐标（10 120）为起点，宽460高440的区域
//FamilyName="SANS_SERIF"FontSize="24" 字体及字体大小，SANS_SERIF表示安卓系统字体，数字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" 位置区域：显示在以坐标（20 140）为起点，宽440高370的区域
//BarColorTop="#67df67" 频谱柱子上半部分的颜色为#67df67
//BarColorBot="#67df67" 谱柱子下半部分的颜色为#67df67
//BarColorSpire="#67df67" 谱顶端的颜色#67df67
//BarNum="150" 谱分析时柱子的数量，最大256



008）<Image>图片

//AlbumCover专辑封面

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

//ID="AlbumCover" 显示专辑信息

//Position="115 175 250 250" 位置区域：显示在以坐标（115 175）为起点，宽250高250的区域

//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" 位置区域：显示在以坐标（202 605）为起点，宽76高82的区域
//NormalIcon="PLAY" 正常状态显示图片是 PLAY （play是前面定义的信息）
//PressedIcon="PLAY_PRESSED" 按下状态显示图片是 PLAY_PRESSED（PLAY_PRESSED是前面定义的信息）。