【正文】 （為按鈕組中不同的位置設(shè)定相關(guān)顏色，便于進(jìn)一步用使用ButtonElement （按鈕要素）中的mappingColor為各按鈕匹配對應(yīng)位置的顏色，從而確定各按鈕在組中的具體位置），按鈕組TitleBtns1的具體情況是：首先將mappingImage對應(yīng)圖片，設(shè)定了黃色和紅色兩個區(qū)域，進(jìn)一步用mappingColor為最小化和關(guān)閉按鈕分別指定對應(yīng)黃色和紅色區(qū)域，從而實現(xiàn)了鼠標(biāo)點擊一定范圍對應(yīng)實現(xiàn)對應(yīng)功能，如鼠標(biāo)點擊黃色區(qū)域，實現(xià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塊，從上至下分別對應(yīng)id BarBtns 、BG、 Tencent 和 DisableBarBtn1，當(dāng)面板被上下拉縮時，BG相應(yīng)拉縮，其他3塊大小不變； DisableBarBtn1功能為隱藏側(cè)邊Bar ，隱藏后，按鈕為 DisableBarBtn2 Picture id=Celltopcorner1 left=4 top = 27 width = 5 zIndex=4 image= / !設(shè)定按鈕組 BarBtns ，來實現(xiàn)對應(yīng)的“好友”、“騰訊服務(wù)”、“手機好友”和“企業(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 = 手機好友面板 mappingColor=00FF00 / ButtonElement id=BBar toolTip = 企業(yè)好友面板 mappingColor=FF00FF / /ButtonGroup Picture id=Tencent left = 6 zIndex=0 image= / ! DisableBarBtn1按鈕的功能為隱藏側(cè)邊Bar ，隱藏后，按鈕為 DisableBarBtn2，選擇后可以展開側(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 = 展開側(cè)邊條 image= hoverImage= downImage=/ ! 面板中的號碼、郵件、狀態(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 上時，顯示為“手”的狀態(tài) Button id=MailTip left = 8 top = 16 height = 19 width = 77 zIndex=3 toolTip = 收發(fā)郵件 cursor= ! 的位置為水平左對齊，即當(dāng)面板被左右拉縮時，均固定為左面 Icon ico= horizontalAlignment=Left / Label labelValue=(0) color=4E4E4E hoverColor=0000FF / /Button Picture id=Cellleft left = 0 top = 0 width = 2 zIndex=0 image= / Picture id=CellBG left = 2 top = 0 zIndex=0 image= / Picture id=CellRight top = 0 height = 200 width = 2 zIndex=2 image= / Picture id=CellRightcorner width = 5 zIndex=2 image= / Picture id=Cellleftcorner width = 5 zIndex=2 image= / !—BarBar Bar Bar4分別對應(yīng) “好友”、“騰訊服務(wù)”、“手機好友”和“企業(yè)好友” 等面板，用itemID來作為與其他程序關(guān)聯(lián)時用到的具體標(biāo)識，從而取回各面板所需的信息和實現(xiàn)相關(guān)功能 DlgItem id=Bar1 left=3 top=32 height=800 itemID=1001 / DlgItem id=Bar2 left=3 top=32 itemID=1002 / DlgItem id=Bar3 left=3 top=32 itemID=1003 / DlgItem id=Bar4 left=3 top=32 itemID=1004 / /Container !—面板下部按鈕部分的第一排按鈕 !按鈕的左邊緣為上下圓角，如BtnBG1_Left所示 Picture id=BtnBG1_Left left = 6 zIndex=2 image= / !按鈕的中部如BtnBG1_Middle所示，當(dāng)面板被左右拉縮時，BtnBG1_Left和 BtnBG1_Rightt不變，僅BtnBG1_Middle相應(yīng)拉縮 Picture id=BtnBG1_Middle left = 11 zIndex=2 image= / !按鈕的右邊緣為上下圓角，如 BtnBG1_Rightt所示 Picture id=BtnBG1_Right zIndex=2 image= / !—鼠標(biāo)放置 ChatBtn ，出現(xiàn)提示進(jìn)入聊天室 Button id=ChatBtn height = 14 width = 17 zIndex=3 toolTip = 進(jìn)入聊天室 image= hoverImage= downImage=/ Button id=PhoneBtn height = 15 width = 16 zIndex=3 toolTip = 發(fā)送手機短訊 image= hoverImage= downImage=/ Button id=searchBtn height = 17 zIndex=3 toolTip = 查找用戶 Icon ico= horizontalAlignment=Left / Label labelValue=查找 hoverColor=554477 / /Button !—面板下部按鈕部分的第二排按鈕 Picture id=BtnBG2_Left left = 6 zIndex=2 image= / Picture id=BtnBG2_Middle left = 11 zIndex=2 image= / Picture id=BtnBG2_Right zIndex=2 image= / Button id=TeBtn height = 15 width = 16 zIndex=3 toolTip = 打開Tencent瀏覽器 image= hoverImage= downImage=/ Button id=GameBtn height = 15 width = 16 zIndex=3 toolTip = 游戲 image= hoverImage= downImage=/ Button id=SysMsgBtn height = 17 zIndex=3 toolTip = 查看系統(tǒng)消息 Icon ico= horizontalAlignment=Left / Label labelValue=消息 hoverColor=554477 / /Button !—面板下部按鈕部分的第三排按鈕 ，注意當(dāng)面板被拉伸到足夠長時顯示為，增加當(dāng)前狀態(tài)的漢字顯示 Button id=Main left = 44 height = 20 width = 45 zIndex=2 toolTip = 系統(tǒng)菜單 image= hoverImage= downImage = !— 在按鈕上顯示漢字，“菜單” Label labelValue=菜單 hoverColor=554477 / /Button Picture id=BtnBG3_Left zIndex=2 image= / Picture id=BtnBG3_Middle zIndex=2 image= / Picture id=BtnBG3_Right zIndex=2 image= / Button id=StatusBtn height = 16 zIndex=3 toolTip = 更改狀態(tài) Icon ico= horizontalAlignment=Left / Label labelValue=離線 hoverColor=554477 / /Button !—面板底邊框，包括面板的左下圓角sysbottom和右下圓角sysbottom1和底邊sysbottom2 Picture id=sysbottom left=0 zIndex=3 image= / Picture id=sysbottom2 zIndex=4 left=4 image= / Picture id=sysbottom1 zIndex=1 image= / /Window/theme2．2 ，在此實現(xiàn)與之間的交互，同時還負(fù)責(zé)確定各部分圖片在面板中的定位（如新皮膚中涉及到的調(diào)整按鈕位置、皮膚提供的拉伸功能等需在此完成）。 找到安裝路，以記事本的形式打開 \ qq \ skin \ 2003 \ ，具體程序如下：注意： 粉色部分為用到的一些函數(shù)及需要對應(yīng)的格式，雙擊粉色的函數(shù)將鏈接到第三章使用函數(shù)解析中與該函數(shù)對應(yīng)的介紹部分，方便查看函數(shù)具體用法。 ：登陸2003后，根據(jù)此文件加載面板上的分組folder（如“我的好友”、“陌生人”“黑名單”等）和為菜單（也叫系統(tǒng)菜單，包括“個人設(shè)定”、“系統(tǒng)參數(shù)”等）等設(shè)定顏色。由于功能需要，將面板中劃分了很多部分，為便于大家閱讀代碼熟悉各ID對應(yīng)面板中的具體位置，在第四章中，我們以2003為例顯示了各ID在面板中對應(yīng)的具體圖片；同時在第二章，、對各部分代碼進(jìn)行了注釋，在閱讀