2024年5月27日发(作者：)

千千静听皮肤制作教程【新增5.2.0版本音乐窗脚本详解】

一、了解千千静听皮肤制作是怎么一回事？.......................................................................1

二、开始制作啦！...................................................................................................................1

（A）切图：....................................................................................................................1

（B）修改配置文件........................................................................................................6

（C）打包成皮肤文件..................................................................................................13

（D）应用皮肤..............................................................................................................13

三、几个重要的属性解释.....................................................................................................14

四、皮肤制作注意事项及技巧：.........................................................................................15

注：此教程不介绍Photoshop或Firewoks等图像图形处理软件设计皮肤过程

一、了解千千静听皮肤制作是怎么一回事？

1、如果您是位从未接触过皮肤制作的人，那么请先仔细看下面的这段话：

如何把设计好的皮肤效果图应用到千千静听软件上去，有两个主导思想您应该了解：一个是

需要把效果图上面的控件（或称按钮）单独切出来，另一个是需要把上一点说的控件（或称

按钮）的坐标找到，为它精准定位，是不是听的有点眉目了，那么我们接着往下讲。

2、千千的皮肤位于安装目录下的Skin文件夹内，扩展名可以为.skn或.zip，实际上二者是

一样的。对于前者，可以先将.skn的扩展名改为.zip(要在系统中显示文件的扩展名，依次点

击"工具"－"文件夹选项"－"查看"，再把"隐藏已知文件类型的扩展名"前的小勾去除即可)，

然后将其解压到单独的文件夹，进入该文件夹，可以发现里面包含了许多bmp格式的图片

和若干个xml文件，他这些文件便是皮肤的组成部分了，bmp图片是各个窗口的背景及按

钮图片，则是配置文件，定义了皮肤的基本信息、窗口及按钮的位置、大小等，它

是基于XML格式的文件，可直接用系统自带的记事本或者其它文本编辑工具打开的。

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

二、开始制作啦！

按照四个步骤进行：（A）切图（B）修改配置文件（

C）打包成皮肤文件（D）应用皮肤

（A）切图：

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

图片的命名。

一、主窗口的控件

（1）主窗口背景 命名：player_

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

边缘要1像素1像素的填充（如上图，镂空部分的颜色处理）

（2）最小化按钮（4个状态）

命名：

重点：凡是功能按钮都要做4种状态，并把这四种状态做在一张图里，存储成.BMP格式，

注意每种状态按钮他的宽度和高度要一致，说一下每种状态代表的含义

第一个状态：自然状态

第二个状态：鼠标划过时的状态

第三个状态：鼠标按下去时的状态

第四个状态：按钮失效时的状态（举个例子，比如播放列表只有一首歌曲，那么“下一首”

按钮就是无法点击的，那么此时这个按钮状态

就是失效时的状态）

（3）迷你模式按钮

命名：

同上，这里不再赘述了。

（4）关闭按钮

命名：

（5）播放进度滑块（本例中播放进度条上的小圆按钮）