【文章內(nèi)容簡介】 中，如圖 13： 皮膚制作 及皮膚編輯器用戶手冊 第 17 頁 共 65 頁 17 圖 13 2． 3． 2 主窗口屬性的設(shè)置 主窗口屬性的設(shè)置如圖 14，主要分做大小、透過色、背景圖拉伸和預(yù)覽等四部分。 圖 14 一般 皮膚制作的過程是先將主窗口的背景圖“導(dǎo)入”進來，然后在對大小尺寸 、透過色、背景圖拉伸等進行設(shè)置和調(diào)整。 下面我們首先導(dǎo)入 已經(jīng)切好 的 “中國龍”的主窗口的背景圖 ，如圖 15： 皮膚制作 及皮膚編輯器用戶手冊 第 18 頁 共 65 頁 18 圖 15 大?。?在大小中 首先定義的寬度和高度是在打開 后，默認的皮膚大小；最大最小寬度和高度指的是我們在對皮膚進行 拉伸 時對大小限定的范圍。 透過色： 透過色就是顯示成透明的顏色，一般我們在處理不規(guī)則圖片時會用到。一般可以 選擇一個在皮膚中不會用到的 任意 顏色都可以。 這樣以后凡是希望不顯示出來的區(qū)域都可以被填充這個被定義成透過色的顏色。 取色： 在 透過色 的設(shè)置中還可以通過取色來選取某個顏色作為透過色 ，選擇“取色”按鈕后，鼠標光標變?yōu)楣P的 形式，可以用它來選擇界面中的任何位置的顏色。 背景圖拉伸： 在對皮膚進行 拉伸 時 ，皮膚的背景圖勢必要相應(yīng)的 拉伸 。 拉伸 大小的定義 ： 一般是 通過左側(cè)、右側(cè)多少范圍內(nèi)不拉伸來確定橫向的拉伸范圍，再以上端、下端多少范圍內(nèi)不拉伸來確定縱向的拉伸范圍 拉伸方式： 分為直接拉伸和平鋪兩種。直接拉伸就是對可以拉伸的區(qū)域進行均 皮膚制作 及皮膚編輯器用戶手冊 第 19 頁 共 65 頁 19 勻 拉伸的一種效果。平鋪就是在拉伸時對可以拉伸的區(qū)域進行不斷的重復(fù) 拼接，以此實現(xiàn)拉伸的一種效果 2． 3． 3 主窗口設(shè)置的技巧及規(guī)律 ◆ 一般對于不規(guī)則的皮膚圖片或者是有 花紋的皮膚圖片， 為保證拉伸后不變形， 拉伸范圍 的選取 都 需盡可能避 開這些位置，而選在規(guī)則圖片處進行拉伸。 為了皮膚在拉伸時不變形，建議在設(shè)計主窗口圖片時，在橫向和縱象上都注意留出相應(yīng)的便于直接拉伸或者平鋪 拉伸 的部分。 如圖 15 中我們看到“中國龍”皮膚的主窗口背景圖片右側(cè)為規(guī)則區(qū)域，所以選定這部分進行拉伸。 ◆ 如果希望確定該皮膚為不可拉伸的話，可以直接在“大小“處確定最大、小高度和寬度于默認的高度和寬度相同即可 。 ◆ “透過色” 不僅還可以通過“選擇”和“取色”完成，如果希望選擇界面中或者圖片中的某個顏色作為 “透過色 ” ，可以選擇“取色”，看到鼠標變成“筆”的形狀后，在進一步選擇自己希望作為 “透過色” 的區(qū)域即可，這樣該顏色的“ R”“ G”“ B”值就會自動出現(xiàn)。 2． 4 皮膚窗體 制作 窗體部分包括 標題欄按鈕背景 和關(guān)閉、顏色改變、最小化按鈕等 部分 ， 標題欄按鈕就是右上角控制 關(guān)閉和最小化的部分如圖 16，我們可以對這部分的背景和 關(guān)閉及最小化按鈕等 進行設(shè)計。 皮膚制作 及皮膚編輯器用戶手冊 第 20 頁 共 65 頁 20 圖 16 2． 4． 1 圖片 — 標題欄按鈕背景制作 標題欄按鈕 背景由位置和大小、左右拉伸、上下拉伸、透過色、拉伸方式和預(yù)覽等幾部分組成，如圖 17： 皮膚制作 及皮膚編輯器用戶手冊 第 21 頁 共 65 頁 21 圖 17 位置和大小 ：確定 標題欄按鈕 背景圖片的大小和位置，還可以設(shè)定這里不放置背景圖片。 左右拉伸： 當(dāng)皮膚被左右拉伸時，確定該背景圖片的 相對 位置 如何變化 及寬度 是否隨之改變。 如寬度設(shè)定隨著窗口變化而變化則同整個窗口一起被拉伸，否則為寬度 不變。 上下拉伸： 原理與左右拉伸 相同。 如圖 18， 我們導(dǎo)入皮膚“中國龍” 的標題欄按鈕背景圖片： 皮膚制作 及皮膚編輯器用戶手冊 第 22 頁 共 65 頁 22 圖 18 2． 4． 2 關(guān)閉按鈕 制作 關(guān)閉按鈕的屬性設(shè)置如圖 19，下面我們對圖中紅色標注的幾塊進行說明。 皮膚制作 及皮膚編輯器用戶手冊 第 23 頁 共 65 頁 23 圖 19 位置和大小： 在調(diào)整關(guān)閉按鈕的圖片的位置和大小時不僅可以通過在屬性里面通過數(shù)字進行設(shè)置，還可以直接用鼠標在圖 19 中 的 “查看區(qū)域” 中對該圖片進行大小和位置的調(diào)整。 在調(diào)整中，還可以選擇 “ 根據(jù) Bitmap 圖片大小調(diào)整 ”，這樣“查看區(qū)域” 中圖片的大小將重新被恢復(fù)成圖片最初的大小。 鼠標光標： 在這里還可以設(shè)置 導(dǎo)入圖片，這樣當(dāng)鼠標放 到該按鈕位置時鼠標原來的箭頭將顯示成該圖片樣式。 BMP 圖片： 皮膚制作 及皮膚編輯器用戶手冊 第 24 頁 共 65 頁 24 普通狀態(tài)為按鈕無任何操作時的狀態(tài) ，激活狀態(tài)為鼠標放置在按鈕上時 按鈕 顯示的狀態(tài)；按下狀態(tài)為鼠標在按鈕上按下時 按鈕 顯示的狀態(tài)；無效狀態(tài)為該按鈕不可用時顯示的狀態(tài)。 如圖 20 為我們完成“中國龍” 皮膚關(guān)閉按鈕的設(shè)置： 圖 20 最小化按鈕 的制作同關(guān)閉按鈕的制作相同，不再詳細說明。 皮膚制作 及皮膚編輯器用戶手冊 第 25 頁 共 65 頁 25 2． 4． 3 顏色編輯 制作 2020 beta版 開始 支持 皮膚顏色和透明度的自由編輯。我們 可以隨心所欲地選擇編輯自己 喜歡的心情顏色！ 顏色編輯按鈕的制作部分 可參見 2． 4． 2 關(guān)閉按鈕制作 。 皮膚制作 及皮膚編輯器用戶手冊 第 26 頁 共 65 頁 26 2． 5 皮膚 面板 制作 面板部分包括背景和好友面板的制作，在皮膚中這兩張圖雖然是重疊在一起的，但是在 皮膚的設(shè)計中這兩部分通常是分開設(shè)計的，下面我們逐一 介紹。 2． 5． 1 圖片背景制作 圖片背景的 制作主 要是對導(dǎo)入圖片的位置、大小 、 拉伸范圍 和拉伸方式的設(shè)定。具體情 皮膚制作 及皮膚編輯器用戶手冊 第 27 頁 共 65 頁 27 況如圖 21，在這里也可以選擇不顯示背景圖片，而采用主窗體對 應(yīng)的部分作為該背景。 圖 21 如圖 22 為我們完成的皮膚“中國龍”的背景圖片的設(shè)定： 皮膚制作 及皮膚編輯器用戶手冊 第 28 頁 共 65 頁 28 圖 22 2． 5． 2 好友面板 的 制作 好友面板主要 由 背景圖片、“ 好友 ” 等分組的圖片、分組字體顏色和右側(cè)滾動條等幾部分組成。如圖 23： 皮膚制作 及皮膚編輯器用戶手冊 第 29 頁 共 65 頁 29 圖 23 字體顏色： 指“ 好友”、“手機好友”、“群 /校友錄”、“最近聯(lián)系人 ”等分組上面的字體顏色。 通常狀態(tài)： 分組正常顯示的狀態(tài) 活動狀態(tài)： 鼠標選擇分組時顯示的狀態(tài) 滾動條： 滾動條中各圖片對應(yīng)皮膚中的部分見下圖 24 中對應(yīng)的顏色區(qū)域即可 。每列中從上至下對應(yīng)的三個分別為“通常狀態(tài)”、“活動狀態(tài)”和“按下狀態(tài)”。 說明： 圖 24 中 每個小按鈕的尺寸是有一定限制的，建議以高 15 寬 15 為好。 皮膚制作 及皮膚編輯器用戶手冊 第 30 頁 共 65 頁 30 圖 24 如圖 25，為皮膚“中國龍”制作好好友面板后的效果： 皮膚制作 及皮膚編輯器用戶手冊 第 3