千千静听皮肤制作教程新增520版本音乐窗脚本详解.pdf

千千静听皮肤制作教程【新增 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 图片是各个窗口的背景及按 钮图片，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 （7 ）播放列表窗口打开关闭按钮 命名：playlist.bmp （8 ）均衡器窗口打开关闭按钮 命名：equalizer.bmp （9 ）歌词窗口打开关闭按钮 命名：lyric.bmp （10）“上一首”按钮 命名：prev.bmp （11）“播放”按钮 命名：play.bmp （12）“暂停”按钮 命名：pause.bmp (13) “下一首”按钮 命名：next.bmp (14)音量小喇叭按钮 命名：mute.bmp (15)音量进度背景填充图 命名：progress2.bmp （16）音量滑块 同（5 ） 二、均衡器窗口的控件 （17）开启按钮 命名：eq_enabled.bmp （18）重设按钮 命名：reset.bmp （19