怎样自己制作千千静听皮肤？

千千静听皮肤怎么用~

1、千千皮肤的扩展名一般有两种：文件名.skn 或者 文件名.zip；
2、将下载好的皮肤文件(后缀名为.skn或.zip)复制到千千静听安装目录下的skin文件夹内；
3、在“千千静听选项”－“皮肤”选择相应皮肤（如图1）或直接在千千静听主窗口上点击右键－“选择皮肤”，即可应用该皮肤

提示：
千千静听皮肤文件默认的目录为“C:\Program Files\TTPlayer\skin”
如果您下载的是文件名.RAR格式，则需要先解压，再把解压出来的文件按上面的步骤放进skin文件夹内

兄弟，最后一点提示很重要，我也是下载下来有时不能用，对于RAR格式一定要解压！否则没法用，估计你下载了没解压，直接放进去结果没有。

一、了解千千静听皮肤制作是怎么一回事？
1、如果您是位从未接触过皮肤制作的人，那么请先仔细看下面的这段话：
如何把设计好的皮肤效果图应用到千千静听软件上去，有两个主导思想您应该了解：一个是需要把效果图上面的控件（或称按钮）单独切出来，另一个是需要把上一点说的控件（或称按钮）的坐标找到，为它精准定位，是不是听的有点眉目了，那么我们接着往下讲。

2、千千的皮肤位于安装目录下的Skin文件夹内，扩展名可以为.skn或.zip，实际上二者是一样的。对于前者，可以先将.skn的扩展名改为.zip(要在系统中显示文件的扩展名，依次点击"工具"－"文件夹选项"－"查看"，再把"隐藏已知文件类型的扩展名"前的小勾去除即可)，然后将其解压到单独的文件夹，进入该文件夹，可以发现里面包含了许多bmp格式的图片和若干个xml文件，他这些文件便是皮肤的组成部分了，bmp图片是各个窗口的背景及按钮图片，Skin.xml则是配置文件，定义了皮肤的基本信息、窗口及按钮的位置、大小等，它是基于XML格式的文件，可直接用系统自带的记事本或者其它文本编辑工具打开的。

好，了解以上的基础知识后，我们就开始学习实际的制作过程。

二、开始制作啦！
按照四个步骤进行：（A）切图（B）修改配置文件（C）打包成皮肤文件（D）应用皮肤

（A）切图：
用PS或FW打开设计效果图，整体观察一下，下面讲一下哪些图片是要单独切出来的以及图片的命名。


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


重点：边缘小圆角的镂空处理，把镂空填充成（#ff00ff）这个颜色，要细心处理这部分哦，边缘要1像素1像素的填充（如上图，镂空部分的颜色处理）

（2）最小化按钮（4个状态）
命名：minimize.bmp

重点：凡是功能按钮都要做4种状态，并把这四种状态做在一张图里，存储成.BMP格式，注意每种状态按钮他的宽度和高度要一致，说一下每种状态代表的含义
第一个状态：自然状态
第二个状态：鼠标划过时的状态
第三个状态：鼠标按下去时的状态
第四个状态：按钮失效时的状态（举个例子，比如播放列表只有一首歌曲，那么“下一首”按钮就是无法点击的，那么此时这个按钮状态就是失效时的状态）

3）迷你模式按钮
命名：minimode.bmp
同上，这里不再赘述了。

（4）关闭按钮
命名：close.bmp


（5）播放进度滑块（本例中播放进度条上的小圆按钮）
命名：progress_thumb.bmp


重点：这个小按钮是需要脱离背景部分单独扣出来的，那么镂空部分需要如何处理才能最终在界面上显示出透明的效果呢，解决的办法和上面的大背景镂空处理一样就是把镂空填充成（#ff00ff）这个颜色，如上图。

（6）播放进度填充背景图
命名：progress_fill.bmp


缓冲进度条填充背景图
该进度条在听在线歌曲发生缓冲时出现，如果没有该元素，默认方式是会将进度条的颜色加深，作为缓冲条颜色显示。
命名：progress_fill2.bmp



（7）播放列表窗口打开关闭按钮
命名：playlist.bmp


（8）均衡器窗口打开关闭按钮
命名：equalizer.bmp


（9）歌词窗口打开关闭按钮
命名：lyric.bmp


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


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


（12）“暂停”按钮
命名：pause.bmp


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


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


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


(16)音量进度背景填充图
命名：progress2.bmp


(17)音量滑块
同（5）

二、均衡器窗口的控件
（18）开启按钮
命名：eq_enabled.bmp


（19）重设按钮
命名：reset.bmp


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


（21）关闭按钮，切图同主窗口上的关闭按钮
（22）平衡器环绕声所有滑动的小按钮 同（5）
（23）平衡，环绕填充背景
命名：eqfactor_full2.bmp


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


三、播放列表窗口的控件
（25）关闭按钮，同主窗口关闭按钮
（26）工具条按钮，
命名：playlist_toolbar.bmp


热点状态命名：playlist_toolbar_hot.bmp


（27）滚动条上下按钮
命名：scrollbar_button.bmp
重点：将上下按钮拼在一张图上制作

（28）滚动条滑动按钮
命名：scrollbar_thumb.bmp


（29）滚动条背景
命名：scrollbar_bar.bmp


四、歌词秀窗口的控件
（30）关闭按钮，同主窗口
（31）总在最前按钮
命名：ontop.bmp


五、音乐窗窗口的控件


上图为千千音乐窗界面，其中用绿色边框套住的部分为显示部分，和皮肤设计无关，就是说我们要做的是绿色边框外的内容。

好，明确了制作部分，开始讲制作过程，首先，要制作一个窗口背景，就是图中显示的最外面的蓝色风格的窗口，像主窗口一样，不难理解，格式同样为.bmp，需要设置透明色背景（#FF00ff），注意圆角像素的处理。

然后制作窗口里的控件，上图中用红色框标出了所有控件，包括后退、前进、刷新、关闭、多选框、连接文字区。其中后退、前进的功能是像网页一样的控制当前页面，并不是歌曲的后退、前进，不过也没影响，不多说了。

最后，还要制作一个按钮，用来打开音乐窗，按钮要做在主窗口上，做主窗口时别忘了留出地方哦...

具体切图示例如下，大家一看就会明白啦：



（B）修改配置文件
一、首先看一下skin.xml这个配置文件

以上是皮肤的基本描述信息，请根据您自己的情况填写，分别是版本号，皮肤名称，皮肤作者，地址，电子邮箱，透明色的设置
1、和之间的代码
它是描述主窗口的参数设置的
Position 是坐标定位，image是图片名称，就是我刚才讲述的每个图片的命名
坐标由4个数字组成，中间用逗号隔开，前两个数字是图片左上角的x坐标和y坐标，后两个数字是图片右下角的x坐标和y坐标,请注意，这里的右下角x坐标和y坐标都要多算一个点，否则播放器会少显示两条边；
这里需要注意的是：每个窗口的位置是组合窗口后抓的坐标，而每个窗口上面的按钮控件是单独定位的，比如，我们要获得歌词秀窗口上面的关闭按钮的坐标，是要把歌词秀窗口的左上角定位在切图软件（0，0）坐标上，然后再抓关闭按钮的坐标。
可以参考下图来理解代码























以下文字是播放器上面的一些显示文字的设置
Icon是千千静听的logo；
info是音乐标题和专辑歌手的信息，轮显在播放器窗口上；
led是时间数字，这里不是文字代码，是做好了一张图片，这张图片由大小相等的12个字符组成， 0 1 2 3 4 5 6 7 8 9 : -
记住这12个字符缺一不可。
Stereo 是立体声的字体设置
Status是状态的字体设置
Visual是视觉效果的设置，这里面只是简单定义了位置，更详细的设置请看Visual.xml文件










2、歌词秀窗口的代码
参考如下图一起看










3、均衡器窗口的代码














4、播放列表窗口的代码









1、 迷你窗口的代码
















2、 音乐窗的代码（代码后面//部分为注释）


//关闭按钮位置
//后退按钮位置
//前进按钮位置
//刷新按钮位置
//多选框的位置，注意X坐标要包括后面的文字，interval的值为多选框和文字之间的距离
//连接文字区域，建议多留一些，以显示更多的文字内容
//html网页位置，和“歌词秀”中的歌词显示范围性质一样



二、下面看一下Lyric.xml这个配置文件
以下是歌词文字的设置，分别定义了字体类型，字体颜色，高亮颜色和背景颜色

<Lyric
Font="-11,0,0,0,400,0,0,0,134,3,2,4,49,Tahoma"
TextColor="#008CC1"
HilightColor="#005489"
BkgndColor="#F4FBFE" />


三、下面看一下Playlist.xml这个配置文件
这个是播放列表窗口的文字设置，分别定义了字体类型，字体颜色，高亮颜色，第一背景颜色，数字颜色，时间颜色，当前选择颜色，第二背景颜色（可以和第一背景颜色一致）

<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"
/>


四、下面看一下Visual.xml这个配置文件
这个是用来设置视觉显示的效果，我们先给大家介绍一下千千静听都提供哪几种视觉效果：
1、 频谱分析
2、 梦幻星空
3、 视波显示
4、 专辑封面
5、 不显示视频效果
这5种情况只要在播放器主窗口上面点击鼠标右键即可切换
如图：

下面的配置文件是用来设置各种视觉效果颜色的，大家可以试试看，调出你喜欢的效果来

<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"
/>


(C)打包成皮肤文件
好了，以上就是皮肤制作的整个过程啦，把上面的切图和配置文件制作好后，就可以打包成皮肤文件了，可以用WinRAR或WinZIP等压缩工具，以WinRAR为例，先按键盘上的Ctrl＋A全选所有文件，然后将全部文件添加到压缩文件夹，压缩文件格式选择"zip"，压缩方式可选择"最好"，再点击"确定"就行了！
（D）应用皮肤
将这个压缩文件复制到千千安装目录下的Skin文件夹，然后在"千千选项..."－"皮肤"中就可以选择应用皮肤了，或直接在主面板上点击右键－"选择皮肤"即可！



或许您已经了解皮肤的制作方法了，为了更深入的理解，我们增加以下部分的内容帮助您消化：


三、几个重要的属性解释
position：这是众元素中最基本的属性之一，用于定义窗口背景及按钮的位置及大小，参数值格式为 "a, b ,c ,d"，这4个数值既固定了元素的位置也确定了其大小，其中(a, b)为左上角的坐标，(c, d)为右下角的坐标，c-a 就是长度，d-b 就是高度，坐标原点要分两种情况：如果是歌词秀、均衡器、播放列表这3个子窗口的position，则是把主窗口的左上角作为它们的坐标原点；如果是各窗口内部按钮的position，则是把对应的各窗口的左上角作为坐标原点，比如歌词秀窗口中的"关闭"按钮就是以歌词秀背景图片的左上角为原点，其它依此类推！

特别地：①播放列表中的scrollbar元素不需要定义position属性，它的位置会自动固定在playlist的最右边；②主窗口中的progress、volume元素及均衡器窗口中的balance、surround、preamp元素的position属性表示的是滑块能够移动的范围的坐标；③播放列表衡器窗口中的playlist元素、歌词秀衡器窗口中的lyric元素的position属性表示的是播放列表和歌词的显示范围，当播放列表窗口和歌词秀窗口改变大小时，这两个元素会自动跟着改变大小，但它们的四个边和窗口的四个边的距离就是通过这个position来体现的；
resize_rect：歌词秀和播放列表窗口特有的属性，用于定义这两个窗口可被拉伸的部分，其参数格式同position，代表的是当改变窗口大小时只有这个矩形框内的部分才会被拉长，在这个范围外的部分则不会变化，另外还有一个属性resize_tile是对应使用的，其参数值可以为0或1，其中0表示在改变窗口大小时采用拉伸的方式，1表示采用平铺的方式，该属性可省略不写，即使用默认值0；

此外，歌词秀和播放列表窗口还有一个可选择的元素：title，可在有特定需要时(比如在改变窗口大小时标题保持居中等)使用，格式如下：


align：用于定义元素的对齐方式，参数值分两种情况：一种是存在于主窗口中的led、info、stereo、status元素内，此时可以取值为left、center、right，代表这些文字的缩进方式；第二种是存在于歌词秀窗口中的title、close、ontop元素内，播放列表窗口的title、close、toolbar元素内，此时可以取值为left、center、right、top、bottom等，代表当调整窗口大小时元素位置相对于边框移动，如果要同时设置垂直对齐和水平对齐方式，可以用英文加号将二者连在一起，比如"top+left"表示在垂直方向上顶部对齐、在水平方向上左对齐；
vertical：存在于主窗口中的progress、volume元素，参数值可以为true或false，其中取true时指滑块按垂直方向移动，取false时滑块按水平方向移动；
thumb_resize_center：存在于播放列表窗口中的scrollbar元素内，用于定义scrollbar的thumb滑块中间可以进行平铺缩放的部分的大小，如果取值为0，则代表在改变播放列表窗口高度大小时滑块进行不缩放；
thumb_resize_tile：存在于播放列表窗口中的scrollbar元素内，作用与播放列表窗口和歌词秀窗口的resize_tile相同；
hot_image：存在于播放列表窗口中的toolbar元素内，用于定义播放列表工具栏中当鼠标经过时的图片形态。此属性可选择，如省略不写的话程序会自动生成鼠标经过时的按钮状态；
eq_interval：存在于均衡器窗口中的equalizer_window元素内，指eqfactor元素中10个波段的间隔大小(另：eqfactor元素的position属性表示的是10个滑块中第一个滑块的位置，而其它属性对于所有10个滑块都有效)；
icon：存在于主窗口中的icon元素内，用于自定义皮肤图标，必须将图标文件(*.ico，16*16)放于皮肤文件夹中并一起打包压缩。此属性可选择，如省略不写的话则使用默认的程序图标；
left_top_color、right_bottom_color：存在于歌词秀窗口中的mini_border元素内，用于定义在迷你模式下歌词秀窗口的左上边框和右下边框的颜色；
迷你窗口：
迷你模式其实是独立于主窗口外的另外一个皮肤，不过在迷你模式下省略了播放列表和均衡器窗口、简化了歌词秀窗口和主窗口。迷你窗口里的所有元素、属性及参数都是和主窗口一样的，它们都被包含于和中，相当于主窗口中的 ；
迷你模式就是为了减小屏幕大小占用及简化按钮，故迷你窗口各按钮也要相应调整缩小，并省略部分不常用的按钮，比如音量调节等，一般只保留下"播放/暂停"、"停止"、"后退"、"前进"、"静音"、"图标"、"视觉效果"等即可。另外，迷你模式下的歌词秀窗口的位置和长度是固定的，高度则是和迷你模式的背景图片高度相同。


四、皮肤制作注意事项及技巧：
1.压缩皮肤文件时，不是压缩整个文件夹，而是应该进入文件夹后按Ctrl＋A全选所有文件，然后再添加到压缩文件(zip格式)，否则皮肤无效；

2.播放列表和歌词秀窗口的position属性定义了这两个窗口初始化时的大小，这个大小可以不是图片的实际大小。这两个窗口在初始化时就会按照resize_rect的规则拉伸窗口至所设置的大小。此外，这两个窗口最大可以拉伸到与屏幕同样大小，但最小只能缩小到与原始图片同样的大小，所以原始图片应该尽量画得小一些，这样可以方便用户把窗口缩成最小，同时还可以稍微减少图片及皮肤大小；
注：这个时候窗口上的按钮的position属性是按图片的实际大小来确定坐标的；

3.bmp图片(尤其是几个面积较大的窗口背景图片)应尽量转换为8位的索引颜色，这样可以极大地减少图片及皮肤的大小，同时在应用皮肤时可以减少内存占用率。
具体的方法为：在Adobe Photoshop中，打开RGB模式的图片，然后点击"图像"－"模式"－"索引颜色"，再保存即可！注：如果有透明色时要注意两点：①在填充透明色时，一定不要选"容差"；②转换时一定要选中"保留原实际颜色"，以防止填充的透明色被改掉。

4.当按钮很小的时候，不要将其透明，而是和背景图片连在一起！因为我们知道，皮肤中透明的部分是不感应鼠标动作的，因此当按钮比较小的时候如果中间有很小的缝隙，鼠标移动到上面时就会乱跳，不便于点击操作！如图所示：


5.在制作皮肤时最好做一部分预览一下效果，这样有问题的地方可以及时修改过来

6.如果不想在主窗口或迷你模式中显示千千静听的图标，可以将图标的position设置为超过窗口大小，比如"500, 500, 516, 516"；
7.在主窗口中的led元素(即播放时间)有两种显示方式，一种是已播放的时间，一种是未播放的时间，鼠标点击即可在两种显示方式之间切换。后者比前者多了一个负号，因此在主窗口上应至少给led留出6位的空间，以防止在显示剩余时间时数字覆盖到面板上的其它部分而影响美观；led元素使用的图片必须是12张同样大小的图片排在一起，分别代表0-9十个数字、冒号和减号(可以使用透明色)；
8.如果不想显示某个窗口或者各窗口上的某些元素，把相应的元素代码全部删除即可；
9.如果是用记事本打开XML文件的，那存储的时候尽量编码设置成ANSI；如下图所示：



10、关于坐标定位的小技巧：
大家注意一下坐标定义的问题，拿一个20*20的小图为例，它的位置是150，30，170，50，大家来看这个坐标，一定认为没有问题，但实际效果会显示不全，为什么呢，因为坐标的X轴有一个小小的误差问题，要多加2像素才可以哦，正确的定位是150，30，172，50。大家在制作时注意一下。

制作千千皮肤的基本方法就只有这么多，但是技巧远不止这些，大家可以在制作的过程中不断实践摸索，并发挥自己的创造力，设计出各种有创意的皮肤来！

详情请看http://wwwct.ttplayer.com/help.php?t=72

千千静听皮肤制作全教程

千千静听(以下简称"千千")从2.0版开始就支持换肤功能，现在已经有不少皮肤可以和Winamp相媲美了，不过由于千千暂时不支持png图片格式及脚本，因而效果是无法和Winamp的现代皮肤或Windows Media Player的皮肤相比的。但千千的皮肤制作起来却要简单许多，不需要任何编程知识和复杂的技术，只要掌握基本的图像编辑操作(Photoshop)和有足够的耐心(Patient)就可以做出漂亮的皮肤出来，看完下面这个教程相信你也可以为千千设计一款个性十足的精美皮肤！

一.皮肤构造

千千的皮肤位于安装目录下的Skin文件夹内，扩展名可以为.skn或.zip，实际上二者是一样的，都是zip格式的压缩文件。对于前者，可以先将.skn的扩展名改为.zip(要在系统中显示文件的扩展名，依次点击"工具"－"文件夹选项"－"查看"，再把"隐藏已知文件类型的扩展名"前的小勾去除即可)，然后将其解压到单独的文件夹，进入该文件夹，可以发现里面包含了许多bmp格式的图片和若干个xml文件，其中最重要的是Skin.xml这个xml文件，其它几个xml文件的作用在后面会提到。

bmp图片是各个窗口的背景及按钮图片，Skin.xml则是配置文件，定义了皮肤的基本信息、窗口及按钮的位置、大小等，它是基于XML格式的文件，可直接用系统自带的记事本或者其它文本编辑工具打开，打开后我们可以看到其基本构造：

<skin version="2" name="..." author="..." url="..." email="..." transparent_color="...">
<player_window image="...">
...
</player_window>
<mini_window image="...">
...
</mini_window>
<lyric_window position="..." resize_rect="..." image="...">
...
</lyric_window>
<equalizer_window position="..." image="…" eq_interval="...">
...
</equalizer_window>
<playlist_window position="..." resize_rect="..." image="...">
...
</playlist_window>
</skin>

仔细分析可发现每一行都是以"<"开头，最后以">"结尾，中间有若干项和参数，可以将它们分为两种类型，第一种结构形如：<XXX AAA="aaa" BBB="bbb"></XXX>

像XXX这样的项称作元素，AAA、BBB这样的项称作属性，aaa、bbb则是属性的参数值。在这里AAA、BBB都是XXX的属性，是用于修饰XXX的，比如position属性用于定义元素的位置，image属性用于定义元素的位图等。

在这种类型中，<XXX>和</XXX>必须同时使用，形成一个闭合回路，就是说前面使用了<XXX>开头，后面就一定要用</XXX>来闭合，包含这中间的各项则都属于该元素。使用该类型的主要有主窗口(即player_window元素)、均衡器窗口(即equalizer_window元素)、歌词秀窗口(即lyric_window元素)、播放列表窗口(即playlist_window元素)以及迷你模式窗口(即mini_window元素)这5个基本的窗口，这5个窗口又全部包含在<skin>和</skin>之间。

第二种结构形如：<YYY CCC="ccc" DDD="ddd"/>
实际上这是一种缩写形式，即<YYY CCC="ccc" DDD="ddd"><YYY>的缩写，它们是最基本的单位元素，分别被包含于各个基本窗口中，用于比如各个按钮，拖动条等。
关于XML文件的格式，可以参照相关的文档，在这里要提一下的是，各元素及属性的顺序是不分先后的，空格的多少也没有关系，只要包含和被包含的位置及基本的格式别弄错了就可以(比如属性的参数值必须用英文双引号引上等)，但是为了便于阅读和编辑修改，最好严格按照标准格式来书写。下面我们来详细分析一下Skin.xml，第一行：
<skin version="2" name="..." author="..." url="..." email="..." transparent_color="...">
这一行用于定义皮肤的基本属性和信息，其中version="2"指的是皮肤的版本号，不必更改，后面的name、author、url和email属性分别指的是该皮肤的名称、作者的名字、作者主页地址和作者电子邮件地址，这些信息会显示在千千选项的应用皮肤的窗口中；再后面的transparent_color是一个非常重要的属性，即"透明色"，定义了透明色之后，皮肤上有这个颜色的部分都会被显示为透明。因为bmp格式图片是不支持透明的，所以要做出不规则的背景窗口和按钮，就要通过透明色来实现，方法是把要显示为透明的部分用定义好的透明色填充即可。一个皮肤只能定义一个固定的透明色，并用颜色的RGB编码表示，比如纯紫色的RGB码为#FF00FF，RGB编码可以在Photoshop等工具中查看。(透明色应尽量选择皮肤色调相差较大的颜色，否则很容易与皮肤上的颜色重复，导致把必要的部分透明了，一般情况下用纯紫色即可)

接下来就是5个基本窗口的配置，其中迷你模式窗口在后面会单独详细讲解。在Skin.xml中，首先要配置好的就是主窗口，歌词秀窗口，均衡器窗口，播放列表窗口这4个子窗口的相关设置，然后再分别配置各窗口上的按钮等。

二.属性参数介绍

下面是各窗口上元素的对应图及属性说明：

position：这是众元素中最基本的属性之一，用于定义窗口背景及按钮的位置及大小，参数值格式为 "a, b ,c ,d"，这4个数值既固定了元素的位置也确定了其大小，其中(a, b)为左上角的坐标，(c, d)为右下角的坐标，c-a 就是长度，d-b 就是高度，坐标原点要分两种情况：如果是歌词秀、均衡器、播放列表这3个子窗口的position，则是把主窗口的左上角作为它们的坐标原点；如果是各窗口内部按钮的position，则是把对应的各窗口的左上角作为坐标原点，比如歌词秀窗口中的"关闭"按钮就是以歌词秀背景图片的左上角为原点，其它依此类推！

特别地：①播放列表中的scrollbar元素不需要定义position属性，它的位置会自动固定在playlist的最右边；②主窗口中的progress、volume元素及均衡器窗口中的balance、surround、preamp元素的position属性表示的是滑块能够移动的范围的坐标；③播放列表衡器窗口中的playlist元素、歌词秀衡器窗口中的lyric元素的position属性表示的是播放列表和歌词的显示范围，当播放列表窗口和歌词秀窗口改变大小时，这两个元素会自动跟着改变大小，但它们的四个边和窗口的四个边的距离就是通过这个position来体现的；

resize_rect：歌词秀和播放列表窗口特有的属性，用于定义这两个窗口可被拉伸的部分，其参数格式同position，代表的是当改变窗口大小时只有这个矩形框内的部分才会被拉长，在这个范围外的部分则不会变化，另外还有一个属性resize_tile是对应使用的，其参数值可以为0或1，其中0表示在改变窗口大小时采用拉伸的方式，1表示采用平铺的方式，该属性可省略不写，即使用默认值0；

此外，歌词秀和播放列表窗口还有一个可选择的元素：title，可在有特定需要时(比如在改变窗口大小时标题保持居中等)使用，格式如下：

<title position="..." image="..." align="..." />

前面3者的示意图如下：

image：用于定义该元素所使用的图片。一般地，按钮图片大部分都是由4个大小相同的图片并排组合在一起的，分别代表按钮的4种不同状态：按钮正常、鼠标经过按钮、鼠标按下按钮、按钮无效，下图就是播放按钮的图片：

注：①如果按钮在这4种状态下都是一样的，同样需要将4张图片并排在一起才能正常显示；②存在于播放列表中的scroll元素内的scrollbar_button和scrollbar_button属性所对应的图片只有3种状态：按钮正常、鼠标经过按钮和鼠标按下按钮；

align：用于定义元素的对齐方式，参数值分两种情况：一种是存在于主窗口中的led、info、stereo、status元素内，此时可以取值为left、center、right，代表这些文字的缩进方式；第二种是存在于歌词秀窗口中的title、close、ontop元素内，播放列表窗口的title、close、toolbar元素内，此时可以取值为left、center、right、top、bottom等，代表当调整窗口大小时元素位置相对于边框移动，如果要同时设置垂直对齐和水平对齐方式，可以用英文加号将二者连在一起，比如"top+left"表示在垂直方向上顶部对齐、在水平方向上左对齐；

thumb_image、fill_image、bar_image：存在于主窗口中的progress、volume元素和均衡器窗口的balance、surround、preamp、eqfactor元素内，分别用于定义滑块的图片、移动滑块时填充的图片和移动范围内的背景图片；

vertical：存在于主窗口中的progress、volume元素，参数值可以为true或false，其中取true时指滑块按垂直方向移动，取false时滑块按水平方向移动；

color、bkgnd、font、font_size：存在于主窗口中的info、stereo、status元素内，用于定义文字的颜色、背景色、字体和字体大小，如要显示透明文字则不需要指定背景色(bkgnd)；

thumb_resize_center：存在于播放列表窗口中的scrollbar元素内，用于定义scrollbar的thumb滑块中间可以进行平铺缩放的部分的大小，如果取值为0，则代表在改变播放列表窗口高度大小时滑块进行不缩放；

thumb_resize_tile：存在于播放列表窗口中的scrollbar元素内，作用与播放列表窗口和歌词秀窗口的resize_tile相同；

hot_image：存在于播放列表窗口中的toolbar元素内，用于定义播放列表工具栏中当鼠标经过时的图片形态。此属性可选择，如省略不写的话程序会自动生成鼠标经过时的按钮状态；

eq_interval：存在于均衡器窗口中的equalizer_window元素内，指eqfactor元素中10个波段的间隔大小(另：eqfactor元素的position属性表示的是10个滑块中第一个滑块的位置，而其它属性对于所有10个滑块都有效)；

icon：存在于主窗口中的icon元素内，用于自定义皮肤图标，必须将图标文件(*.ico，16*16)放于皮肤文件夹中并一起打包压缩。此属性可选择，如省略不写的话则使用默认的程序图标；

left_top_color、right_bottom_color：存在于歌词秀窗口中的mini_border元素内，用于定义在迷你模式下歌词秀窗口的左上边框和右下边框的颜色；

在这里重点介绍一下迷你模式窗口：

如上图，迷你模式其实是独立于主窗口外的另外一个皮肤，不过在迷你模式下省略了播放列表和均衡器窗口、简化了歌词秀窗口和主窗口。迷你窗口里的所有元素、属性及参数都是和主窗口一样的，它们都被包含于<mini_window>和</mini_window>中，相当于主窗口中的<player_window> </player_window>；

迷你模式就是为了减小屏幕大小占用及简化按钮，故迷你窗口各按钮也要相应调整缩小，并省略部分不常用的按钮，比如音量调节等，一般只保留下"播放/暂停"、"停止"、"后退"、"前进"、"静音"、"图标"、"视觉效果"等即可。另外，迷你模式下的歌词秀窗口的位置和长度是固定的，高度则是和迷你模式的背景图片高度相同。

三.打包压缩

当把所有图片都制作完成并配置好Skin.xml后还需做一件事情，那就是添加 Lyric.xml、Playlist.xml、Visual.xml 等3个xml文件，它们分别是作为歌词秀、播放列表、视觉效果的配色方案及相关的设置，如果不加上这3个文件皮肤就按默认的配色来显示，所以建议给每个皮肤都加上合适的配色便于与整体配套，从而使得皮肤更为美观漂亮，另外，如果皮肤没有自带配色文件的话，从其它有配色的皮肤切换到该皮肤时，会把原先皮肤的配色也一起带过来，效果非常难看。

它们的参数和Skin.xml类似的，可以用记事本打开后进行配置，不过还有另外一种更为简洁高效的方法，那就是在 "千千选项" 里配置好，然后分别在每个选项卡中点击"配置文件"－"保存到文件"，并分别保存为"Playlist.xml"、"Lyric.xml"、"Visual.xml"，再将它们复制到相同目录下的皮肤文件夹即可，如图：

最后就是将这些文件一起打包压缩制作成皮肤了，可以用WinRAR或WinZIP等压缩工具，以WinRAR为例，先按键盘上的Ctrl＋A全选所有文件，然后将全部文件添加到压缩文件夹，压缩文件格式选择"zip"，压缩方式可选择"最好"，再点击"确定"就行了！

到这里皮肤就已经全部制作完成了，将这个压缩文件复制到千千安装目录下的Skin文件夹，然后在"千千选项..."－"皮肤"中就可以选择应用皮肤了，或直接在主面板上点击右键－"选择皮肤"即可！

里面一些图片没贴上来，如果有什么不明白的具体问我，本人自己做过几个。

千千静听皮肤的使用方法：

下载您喜欢的皮肤；
将下载好的皮肤文件(后缀名为.skn或.zip)复制到千千静听安装目录下的skin文件夹内；
然后在"千千静听－选项"－"皮肤"或者直接在千千静听主窗口上点击右键－"选择皮肤"，即可应用皮肤了！

http://www.ttplayer.com/skin.htm

http://www.liuxuan.com/leadbbs/Announce/Announce.asp?BoardID=502&ID=448457

似乎现在上不去···

---

沿河土家族自治县15024835298： 怎样自己制作千千静听皮肤? - ？
圣炒中宝： 千千静听皮肤制作全教程千千静听(以下简称＂千千＂)从2.0版开始就支持换肤功能,现在已经有不少皮肤可以和Winamp相媲美了,不过由于千千暂时不支持png图片格式及脚本,因而效果是无法和Winamp的现代皮肤或Windows Media ...

沿河土家族自治县15024835298： 怎么做千千静听的个性皮肤呢?难不难呢?具体要怎么做呢?谢谢了 ？
圣炒中宝： 狠简单啊 在＂千千静听-选项＂-＂皮 肤＂或者直接在千千静听主窗口 上点击右键-＂选择皮肤＂,即可应用皮肤了. 上面不行的话看这里 首先,打开皮肤所在文件夹,一般...

沿河土家族自治县15024835298： 求千千静听皮肤制作详解,？
圣炒中宝： 千千静听皮肤制作全教程 千千静听(以下简称＂千千＂)从2.0版开始就支持换肤功能,现在已经有不少皮肤可以和Winamp相媲美了,不过由于千千暂时不支持png图片格式及脚本,因而效果是无法和Winamp的现代皮肤或Windows Media ...

沿河土家族自治县15024835298： 千千静听的皮肤怎么制作? - ？
圣炒中宝： 用“千千静听急速合成器”就可以自己制作了!简单介绍一下制作方法吧!下载安装后运行主程序,然后选择一张图片和自带的一种模板,修改一些皮肤的制作信息后点击“生成”,完成后保存到电脑上,把生成的皮肤文件剪切到千千静听安装文件夹中的“Skin”文件夹,这样就可以了!千千静听皮肤急速合成器http://www.onlinedown.net/soft/55540.htm

沿河土家族自治县15024835298： 千千静听的皮肤怎么制做啊! - ？
圣炒中宝： 首先,你的千千静听的Skin文件夹要存有你原来默认或下载的皮肤,接着启动“千千静听”—》点击右键选择“千千选项”—》选择“皮肤”那一项你可看到里面有好几个皮肤了吧?随便点一个看看你喜欢的话就点下方的“应用”即可更换皮肤了! 想要最新最酷的皮肤可到此处下载:http://ttplayer.com/skin.htm

沿河土家族自治县15024835298： 如何制作千千静听的皮肤?？
圣炒中宝： 到千千静听官方网站: http://wwwct.ttplayer.com/skin.php?t=5 进入 精美皮肤 下载保存到你安装千千静听的目录下的 皮肤文件夹解压 打开 千千静听 选项——>皮肤 既可更换皮肤!

沿河土家族自治县15024835298： 千千静听播放器的皮肤怎么制作?？
圣炒中宝： 把你下载的皮肤文件复制到这里就可以选择使用了. C:\Program Files\TTPlayer\Skin 目录下

沿河土家族自治县15024835298： 怎么做千千静听皮肤?？
圣炒中宝： 千千静听皮肤的使用方法: 1、下载您喜欢的皮肤; 千千静听官方网站 http://www.ttplayer.com/skin.php?t=5 2、将下载好的皮肤文件(后缀名为 .skn或.zip)复制到千千静听安 装目录下的skin文件夹内; 3、然后在＂千千静听-选项＂-＂皮 肤＂或...

沿河土家族自治县15024835298： 关于制作千千静听皮肤 - ？
圣炒中宝： 没有软件就可以自动生成的. 一、了解千千静听皮肤制作是怎么一回事? 1、如果您是位从未接触过皮肤制作的人,那么请先仔细看下面的这段话: 如何把设计好的皮肤效果图应用到千千静听软件上去,有两个主导思想您应该了解:一个是需要...

沿河土家族自治县15024835298： 谁知道怎么弄千千静听的皮肤???？
圣炒中宝： 在＂千千静听＂的最上面,就是顶端那里点击鼠标右键,有个皮肤选项