qq皮肤制作详细过程

QQ2003皮肤制作帮助手册

目录

一、制作皮肤相关文件概述 (2)

1．1 皮肤制作简易几步曲 (2)

二、各相关文件详解 (5)

2.1 config.xml文件 (5)

2．2 VBScript.vbs文件 (12)

2．3 skin.ine文件 (22)

三、相关文件使用函数解析 (23)

四、对应的皮肤中的具体图片 (30)

4．1 config.xml和VBScript.vbs用到的图片 (30)

4．2 Skin.ini用到的图片 (32)

五、不规则皮肤制作 (33)

5．1 config.xml文件 (33)

5．2 VBScript.vbs文件 (36)

六、皮肤制作总结篇 (43)

一、制作皮肤相关文件概述

朋友，你是否惊喜于QQ2003皮肤漂亮了许多，是否在心底已经开始对QQ皮肤的制作情有独钟、跃跃欲试了，呵呵，现在就让我们一起开始QQ2003皮肤制作的探索之旅吧。

首先让我们找到QQ安装路径下的一个名为“skins”的文件夹，打开后可以看到3个名称分别为“QQ2003”、“工业时代”、“花语”的文件夹。对了，你可能已经猜到了，这3个文件夹就分别对应目前我们的QQ2003自带的3种皮肤！

在整个QQ皮肤的制作过程中，会涉及到3个文件，下面我们将以“QQ2003”这个皮肤为例，为大家介绍。找到QQ安装路，打开\ qq \ skins \ QQ2003 \，可以看到这3个在制作皮肤过程中息息相关的文件：

1、config.xml：面板上除skin.ini文件定义之外的按钮、边框、背景等配置信息都

在此实现，各部分ID（名称标识）在此定义好后，在VBScript.vbs中会具体用到。

2、VBScript.vbs：QQ面板上各部分按钮的功能实现，在此实现与QQ之间的交互，同

时还负责确定各部分图片在面板中的定位（如新皮肤中涉及到的调整按钮位置、皮

肤提供的拉伸功能等需在此完成）。

3、Skin.ini：登陆QQ2003后，根据此文件加载面板上的分组folder（如“我的好友”、

“陌生人”“黑名单”等）和为QQ菜单（也叫系统菜单，包括“个人设定”、“系统

参数”等）等设定颜色。

1．1皮肤制作简易几步曲

制作皮肤过程中，需要从效果出发，为皮肤各个的部分搭配设计好的对应颜色，具体实现方法是将整个皮肤按照功能和效果的不同，分成很多部分，然后为每部分对应图片（在config.xml文件中为皮肤的各部分定义ID名称并且匹配使用过程中对应的各种图片）、重新按照自己的设计定位该部分在整个面板中的具体位置以及实现相应的功能（在VBScript.vbs文件中，为config.xml定义好ID的各部分和按钮定位在面板中的具体相对位置，并与QQ进行交互，实现各部分按钮的功能）。

总的来说，在创作新皮肤的过程中，只要在保证QQ2003面板上每个按钮、菜单和功能存在的前提下，面板中各按钮的相对位置（VBScript.vbs文件决定）以及对应的颜色及图片等（config.xml文件决定）可以依据个人风格尽情发挥。

为了保证QQ全部功能的实现，config.xml、VBScript.vbs和Skin.ini文件中一些代码是必须保留的，所以比较便捷的皮肤制作过程是在原有的文件基础上进行修改：

1、在\ qq \ skins \下创建文件夹，以自己欲制作的皮肤命名，如“似水流年”

2、挑选一种现有皮肤，如QQ2003，拷贝\ qq \ skins \QQ2003下的所有文件，保存到

\ qq \ skins \似水年华中

3、根据自己的皮肤设计需要，对应修改\ qq \ skins \似水年华中的相关部分，如：

A、改变面板某部分对应的图片：在config.xml文件中寻找该部分对应的ID和图

片（该图片和config.xml文件保存在相同路径下），然后用新的同名图片进行

替换。

B、改变面板中某部分或者按钮的相对位置：在config.xml文件中寻找该部分对

应的ID，然后在 VBScript.vbs文件中的sub Window_OnSize(cx,cy)函数中修

改对应该部分的位置定义代码。

所以可见，在config.xml文件中为皮肤的各部分定义的ID是连接config.xml

文件与VBScript.vbs文件的关键

C、改变面板上的分组folder（如“我的好友”、“陌生人”“黑名单”等）对应的

图片和folder上字体颜色等，改变QQ菜单、状态菜单、左右键菜单的颜色：

在skin.ini文件中依照注释找到相关部分，进行修改即可

4、当以上3个文件已经按照皮肤的设计需要修改完成，并且皮肤所需的图片也全部保存到相同路径到\ qq \ skins \似水年华下后，打开QQ系统菜单——更改皮肤，就可以看到自己刚刚保存的皮肤，如图1.1所示，进一步选择就可以看到自己制作好的新皮肤了！

图1.1 添加皮肤“似水年华”

在皮肤制作中，c onfig.xml文件为面板各部分定义了ID并对应了图片，这个ID是连接config.xml文件与VBScript.vbs文件的关键，因为在VBScript.vbs文件中将使用ID 确定各部分在面板中的具体位置及实现相关功能。

为了大家在皮肤制作中更加随心所欲、应用自如，我们还提供了QQ2003皮肤制作帮助手册供大家下载阅读。由于功能需要，将QQ面板中划分了很多部分，在config.xml文件中为众多部分定义了ID并对应相关图片，为便于大家阅读代码熟悉各ID对应面板中的具体位置，在第四章中，我们以QQ2003为例显示了各ID在面板中对应的具体图片；同时在第二章，我们对config.xml、VBScript.vbs和Skin.ini等文件分别加以介绍，对各部分代码进行了注释，在阅读代码过程中，大家选择其中的ID可以链接到第四章的相关地方查看对应的图片以确定在面板中的具体位置，选择各函数，也可以链接到第三章函数解析中，熟悉各函数的具体参数，此外一些不规则皮肤备受用户喜爱，我们将在第五章为大家进行揭密！