【正文】 2003皮膚制作幫助手冊(cè)2003皮膚制作幫助手冊(cè)目 錄 一、制作皮膚相關(guān)文件概述 11．1 皮膚制作簡(jiǎn)易幾步曲 2二、各相關(guān)文件詳解 5 52．2 122．3 22三、相關(guān)文件使用函數(shù)解析 24四、對(duì)應(yīng)的皮膚中的具體圖片 304．1 304．2 32五、不規(guī)則皮膚制作 335．1 335．2 36六、皮膚制作總結(jié)篇 43 一、制作皮膚相關(guān)文件概述朋友，你是否驚喜于2003皮膚漂亮了許多，是否在心底已經(jīng)開(kāi)始對(duì)皮膚的制作情有獨(dú)鐘、躍躍欲試了，呵呵，現(xiàn)在就讓我們一起開(kāi)始2003皮膚制作的探索之旅吧。首先讓我們找到安裝路徑下的一個(gè)名為“skins”的文件夾，打開(kāi)后可以看到3個(gè)名稱(chēng)分別為“2003”、“工業(yè)時(shí)代”、“花語(yǔ)”的文件夾。對(duì)了，你可能已經(jīng)猜到了，這3個(gè)文件夾就分別對(duì)應(yīng)目前我們的2003自帶的3種皮膚！在整個(gè)皮膚的制作過(guò)程中，會(huì)涉及到3個(gè)文件，下面我們將以“2003”這個(gè)皮膚為例，為大家介紹。找到安裝路，打開(kāi) \ qq \ skins \ 2003 \，可以看到這3個(gè)在制作皮膚過(guò)程中息息相關(guān)的文件： ：、邊框、背景等配置信息都在此實(shí)現(xiàn)，各部分ID（名稱(chēng)標(biāo)識(shí)）在此定義好后。 ：面板上各部分按鈕的功能實(shí)現(xiàn)，在此實(shí)現(xiàn)與之間的交互，同時(shí)還負(fù)責(zé)確定各部分圖片在面板中的定位（如新皮膚中涉及到的調(diào)整按鈕位置、皮膚提供的拉伸功能等需在此完成）。 ：登陸2003后，根據(jù)此文件加載面板上的分組folder（如“我的好友”、“陌生人”“黑名單”等）和為菜單（也叫系統(tǒng)菜單，包括“個(gè)人設(shè)定”、“系統(tǒng)參數(shù)”等）等設(shè)定顏色。1．1 皮膚制作簡(jiǎn)易幾步曲制作皮膚過(guò)程中，需要從效果出發(fā)，為皮膚各個(gè)的部分搭配設(shè)計(jì)好的對(duì)應(yīng)顏色，具體實(shí)現(xiàn)方法是將整個(gè)皮膚按照功能和效果的不同，分成很多部分，然后為每部分對(duì)應(yīng)圖片（）、重新按照自己的設(shè)計(jì)定位該部分在整個(gè)面板中的具體位置以及實(shí)現(xiàn)相應(yīng)的功能（，并與進(jìn)行交互，實(shí)現(xiàn)各部分按鈕的功能）。總的來(lái)說(shuō)，在創(chuàng)作新皮膚的過(guò)程中，只要在保證2003面板上每個(gè)按鈕、菜單和功能存在的前提下，面板中各按鈕的相對(duì)位置（）以及對(duì)應(yīng)的顏色及圖片等（）可以依據(jù)個(gè)人風(fēng)格盡情發(fā)揮。為了保證全部功能的實(shí)現(xiàn)，、所以比較便捷的皮膚制作過(guò)程是在原有的文件基礎(chǔ)上進(jìn)行修改： 在\ qq \ skins \下創(chuàng)建文件夾，以自己欲制作的皮膚命名，如“似水流年” 挑選一種現(xiàn)有皮膚，如2003，拷貝\ qq \ skins \2003下的所有文件，保存到 \ qq \ skins \似水年華中 根據(jù)自己的皮膚設(shè)計(jì)需要，對(duì)應(yīng)修改\ qq \ skins \似水年華中的相關(guān)部分，如：A、 改變面板某部分對(duì)應(yīng)的圖片：（），然后用新的同名圖片進(jìn)行替換。B、 改變面板中某部分或者按鈕的相對(duì)位置：，然后在 Window_OnSize(cx,cy)函數(shù)中修改對(duì)應(yīng)該部分的位置定義代碼。 所以可見(jiàn)，C、改變面板上的分組folder（如“我的好友”、“陌生人”“黑名單”等）對(duì)應(yīng)的圖片和folder上字體顏色等，改變菜單、狀態(tài)菜單、左右鍵菜單的顏色：，進(jìn)行修改即可當(dāng)以上3個(gè)文件已經(jīng)按照皮膚的設(shè)計(jì)需要修改完成，并且皮膚所需的圖片也全部保存到相同路徑到\ qq \ skins \似水年華下后，打開(kāi)系統(tǒng)菜單——更改皮膚，就可以看到自己剛剛保存的皮膚，進(jìn)一步選擇就可以看到自己制作好的新皮膚了！ 添加皮膚“似水年華”在皮膚制作中，。為了大家在皮膚制作中更加隨心所欲、應(yīng)用自如，我們還提供了2003皮膚制作幫助手冊(cè)供大家下載閱讀。由于功能需要，將面板中劃分了很多部分，為便于大家閱讀代碼熟悉各ID對(duì)應(yīng)面板中的具體位置，在第四章中，我們以2003為例顯示了各ID在面板中對(duì)應(yīng)的具體圖片；同時(shí)在第二章，、對(duì)各部分代碼進(jìn)行了注釋?zhuān)陂喿x代碼過(guò)程中，大家選擇其中的ID可以鏈接到第四章的相關(guān)地方查看對(duì)應(yīng)的圖片以確定在面板中的具體位置，選擇各函數(shù)，也可以鏈接到第三章函數(shù)解析中，熟悉各函數(shù)的具體參數(shù)，此外一些不規(guī)則皮膚備受用戶(hù)喜愛(ài)，我們將在第五章為大家進(jìn)行揭密！二、各相關(guān)文件詳解制作皮膚過(guò)程中，需要從效果出發(fā)，為皮膚各個(gè)的位置搭配設(shè)計(jì)好的對(duì)應(yīng)顏色，具體實(shí)現(xiàn)方法是將整個(gè)皮膚按照功能和效果的不同，分成很多部分，然后為每部分對(duì)應(yīng)顏色圖片和實(shí)現(xiàn)相應(yīng)的功能，具體說(shuō)來(lái)： ：、邊框、背景等配置信息都在此實(shí)現(xiàn)，各部分ID（名稱(chēng)標(biāo)識(shí)）在此定義好后。 ：面板上各部分按鈕的功能實(shí)現(xiàn)，在此實(shí)現(xiàn)與之間的交互，同時(shí)還負(fù)責(zé)確定各部分圖片在面板中的定位（如新皮膚中涉及到的調(diào)整按鈕位置等需在此完成）。 ：登陸2003后，根據(jù)此文件加載面板上的分組folder（如“我的好友”、“陌生人”“黑名單”等）和為菜單（也叫系統(tǒng)菜單，包括“個(gè)人設(shè)定”、“系統(tǒng)參數(shù)”等）等設(shè)定顏色。、下面我們以“2003”這個(gè)皮膚為例分別加以介紹。 找到安裝路，以記事本的形式打開(kāi) \ qq \ skin \ 2003 \ ，具體程序如下：注意： 粉色部分為用到的一些函數(shù)及需要對(duì)應(yīng)的格式，雙擊粉色的函數(shù)將鏈接到第三章使用函數(shù)解析中與該函數(shù)對(duì)應(yīng)的介紹部分，方便查看函數(shù)具體用法。 為方面大家熟悉程序，采用? 注釋 ?和! 注釋 兩種形式對(duì)代碼進(jìn)行注釋 淡藍(lán)色部分為皮膚中各部分的名稱(chēng)標(biāo)識(shí)，在其后有對(duì)應(yīng)的bmp等格式的圖片（），雙擊淡藍(lán)色的名稱(chēng)將鏈接到第四章中，以2003為例顯示對(duì)應(yīng)的部分在皮膚中的具體圖片，方便大家查看各ID在皮膚中對(duì)應(yīng)的的具體位置?xml version= encoding=gb2312 ?theme !邊框和背景 Window minWidth=114 maxWidth=268 minHeight=380 maxHeight=1200 clippingColor=00FF00 Picture id=BGline zIndex=0 left=0 image= / Picture id=BG zIndex=0 left=1 image= / !頭部 ，將頭部依照紅線所示分做4塊，從左至右分別對(duì)應(yīng)id 、BG、1和TitleR1，當(dāng)面板被左右拉縮時(shí)，BG相應(yīng)拉縮，其他3塊大小不變；設(shè)定按鈕組TitleBtns1來(lái)實(shí)現(xiàn)TitleR1部分的最小化和關(guān)閉按鈕的具體功能 Container id=title left=0 top=0 height=24 zIndex=2 Picture id= left=0 top=0 zIndex=1 width=54 image= / Picture id=BG zIndex=0 image= / Picture id=1 zIndex=0 width=18 image= / Picture id=TitleR1 top=0 zIndex=1 image= / !設(shè)定按鈕組TitleBtns1來(lái)實(shí)現(xiàn)TitleR1部分的最小化和關(guān)閉按鈕的具體功能。其中hoverImage 為鼠標(biāo)移至該按鈕上，對(duì)應(yīng)顯示的bmp格式的圖片，downImage 為鼠標(biāo)按下該按鈕后，對(duì)應(yīng)顯示的bmp格式的圖片；mappingImage對(duì)應(yīng)一個(gè)圖片（為按鈕組中不同的位置設(shè)定相關(guān)顏色，便于進(jìn)一步用使用ButtonElement （按鈕要素）中的mappingColor為各按鈕匹配對(duì)應(yīng)位置的顏色，從而確定各按鈕在組中的具體位置），按鈕組TitleBtns1的具體情況是：首先將mappingImage對(duì)應(yīng)圖片，設(shè)定了黃色和紅色兩個(gè)區(qū)域，進(jìn)一步用mappingColor為最小化和關(guān)閉按鈕分別指定對(duì)應(yīng)黃色和紅色區(qū)域，從而實(shí)現(xiàn)了鼠標(biāo)點(diǎn)擊一定范圍對(duì)應(yīng)實(shí)現(xiàn)對(duì)應(yīng)功能，如鼠標(biāo)點(diǎn)擊黃色區(qū)域，實(shí)現(xiàn)最小化功能、點(diǎn)擊紅色區(qū)域?qū)崿F(xiàn)關(guān)閉功能 ButtonGroup id=TitleBtns1 top=0 width=41 height=23 zIndex=2 image= hoverImage= downImage= mappingImage= ButtonElement id=min1 mappingColor=FFFF00 / ButtonElement id=close1 mappingColor=FF0000 / /ButtonGroup /Container !側(cè)邊Bar ，依照紅線所示分做4塊，從上至下分別對(duì)應(yīng)id BarBtns 、BG、 Tencent 和 DisableBarBtn1，當(dāng)面板被上下拉縮時(shí)，BG相應(yīng)拉縮，其他3塊大小不變； DisableBarBtn1功能為隱藏側(cè)邊Bar ，隱藏后，按鈕為 DisableBarBtn2 Picture id=Celltopcorner1 left=4 top = 27 width = 5 zIndex=4 image= / !設(shè)定按鈕組 BarBtns ，來(lái)實(shí)現(xiàn)對(duì)應(yīng)的“好友”、“騰訊服務(wù)”、“手機(jī)好友”和“企業(yè)好友” 等面板 ButtonGroup id=BarBtns left = 3 top=27 width=26 height=136 zIndex=2 cursor= image= hoverImage= disabledImage= mappingImage= ButtonElement id=FriendBar toolTip = 好友面板 mappingColor=FF0000 / ButtonElement id=TencentServerBar toolTip = 騰訊服務(wù)面板 mappingColor=FFFF00 / ButtonElement id=MobileBar toolTip = 手機(jī)好友面板 mappingColor=00FF00 / ButtonElement id=BBar toolTip = 企業(yè)好友面板 mappingColor=FF00FF / /ButtonGroup Picture id=Tencent left = 6 zIndex=0 image= / ! DisableBarBtn1按鈕的功能為隱藏側(cè)邊Bar ，隱藏后，按鈕為 DisableBarBtn2，選擇后可以展開(kāi)側(cè)邊Bar Button id=DisableBarBtn1 zIndex=3 width = 42 height = 21 visible = true toolTip = 收起側(cè)邊條 image= hoverImage= downImage=/ Button id=DisableBarBtn2 zIndex=3 width = 16 height = 16 visible = false toolTip = 展開(kāi)側(cè)邊條 image= hoverImage= downImage=/ ! 面板中的號(hào)碼、郵件、狀態(tài)、邊框、背景等 Container id=BarFrame left = 0 zIndex=1 !Button id=Ball height = 15 width = 15 top = 12 zIndex=3 image= hoverImage= downImage= / Picture id=Celltopcorner top = 0 width = 5 zIndex=4 image= / Text id=MyNum left=8 top=4 height=19 width = 70 zIndex=3 fontSize = 8 fontWeight=600 color=4E4E4E / Text id=MyStatus left=72 top=4 height=19 width = 70 zIndex=3 fontSize = 8 fontWeight=400 / ! 當(dāng)鼠標(biāo)放置MailTip 上時(shí)，顯示為“手”的狀態(tài) Button id=MailTip left = 8 top = 16 height = 19 width = 77 zIndex=3 toolTip = 收發(fā)郵件 cursor=