百度皮膚教程

此教程適適用于塞班v5以及安卓2.1版皮膚，只是二者分辨率不一樣造成代碼中位置部分不一樣而已，安卓高分辨率皮膚能夠用在v5上，會對應縮小，v5貌似不能夠用在安卓上，聽人說，因為沒有安卓機也不好試……另外此教程不用官方制作工具，可能麻煩一點，這個自己取舍吧。解包打包首先是基本解包打包，眾所周知，baidu2.1版本皮膚后綴名為bds（這里只討論安卓和塞班v5），我們要改皮膚話就需要將后綴名改成zip，然后解壓。皮膚解壓后得到是三個（或者兩個，下面會講到）文件夾land、port和res，land里是橫屏皮膚對應界面文件，port對應是豎屏，res則是鍵盤上出現(xiàn)全部圖片、文字以及按鍵之類總定義文件夾（語文不好，大家將就著看看吧，知道意思就好，不知道話下面會詳細講解……）。有皮膚可能只有豎屏界面，所以land文件夾沒有了，就像我，只用豎屏，所以橫屏就刪掉了，只要不用到橫屏，那么就沒有影響，當然假如想要公布話，最好還是都留著，會有些人需要。還有個infotxt文件，那個就是作者啊名稱那些，不要也無所謂。在修改完后再選中這三個文件夾然后打包成zip文件，再改后綴名為bds就能夠使用了。皮膚組成介紹現(xiàn)在皮膚是各式各樣，那么它是怎樣組成呢，這里我們簡明說一下。以我皮膚為例，以下列圖，這個面板是由皮膚背景、按鍵背景、按鍵前景等組成，左邊那個符號所在欄是list欄。制作皮膚就是先確定按鍵位置和顯示文字，再做出對應圖片，并在res文件夾default.css里定義好STYLE，然后一個鍵一個鍵設置坐標、背景、前景、鍵值等。上圖也能夠看出要修改按鍵上顯示內(nèi)容，只要修改按鍵前景就行，這個另附小教程。

接下來最先要講是res文件夾，因為全部切片什么都在這里面，我們要先搞清楚切片怎樣調用才能制作或修改皮膚。首先就是多張png圖片了，看到這些圖片大家應該會感到很熟悉，各個按鍵上面字母數(shù)字都在這，那么怎么讓它顯示到對應鍵盤按鍵上呢，我們一步一步來說明。*.png和*.til通常來說第一張圖都是back.png，這也就是此皮膚默認背景了，要換默認背景直接替換這張圖就行了，最好是要長寬像素和原圖一樣，不一樣就話需要修改同名til文件了，按照自己圖片大小修改下面img1中SOURCE_RECT。另外特殊點就是bt.png和hint.png，前者通慣用來定義按鍵背景以及按下效果之類，后者通常為氣泡圖片（后面圖中紅框中那個就是氣泡），當然這些都是隨便定義，名字沒有實際意義，只要按照后面說方法對應起來就能夠了，在本節(jié)最終有個對應圖，按照那個對應起來就能夠了，官方這么命名應該只是方便識別而已。文件夾中每個png圖片都對應了一個后綴為til文件，這個文件就是用來定義切片，包含了切片位置、大小以及縮放情況等，能夠直接用記事本打開til文件。下面圖是我皮膚中back.til里內(nèi)容，對應back.png。中括號代表要開始某一段代碼，til文件第一段代碼都是GLOBAL，這代表啥意思我也不知道，反正不用管它。USE_ALPHA：是否用到了alpha混合，這玩意啥用不知道，貌似通常都是一，改到現(xiàn)在也沒用到過這個，官方解釋：img.ini中需要，0：不透，1：半透，2：全透。TILE_NUM：切片數(shù)量，意思就是對應圖片中有幾個切片，也就是該til文件中除了GLOBAL有多少段代碼，比如第一張圖中除了GLOBAL段外只有一個IMG1那么TILE_NUM=1。不過這個定義貌似沒啥用，我經(jīng)常多寫少寫也沒啥關系，盡可能對應你切片數(shù)量就好。寫完一段空一行，方便查看。第二段IMG1代表切片一，從這里到下個IMG之間都是定義這個切片。SOURCE_RECT：切片在對應圖片中所處位置，四個數(shù)字分別代表X，Y，寬，高，詳細意思能夠看圖。即SOURCE_RECT=X,Y,寬,高。紅框中部分為一個切片，它左上角頂點距圖片左邊線長度就是X，距上邊線長度就是Y，切片寬和高很好了解吧。至于詳細數(shù)值需要用軟件查看了，我用win7畫圖工具放大后用標尺數(shù)字看，其余方法還不知道，baidu一下唄。INNER_RECT：這個定義是切片中各部位數(shù)值，一個切片能夠分為九部分，這一行四個數(shù)值意思能夠看圖，還是用上面那個切片，四個數(shù)值分別代表了切片左上角部分寬和高以及中間部分寬和高，經(jīng)過這四個數(shù)值確定了切片九個部分，當需要將切片縮小或放大時，九個部分里四個角上部分是不會變，縮放部分是圖中標出五個部分，1和5是左右縮放，2和4是上下縮放，而3則是上下左右都縮放?？s放這個在按鍵什么地方需要用到，我皮膚背景也用到了。SCALE：這里五個數(shù)字依次代表上圖中12345部分拉伸情況，數(shù)值1代表拉伸，0代表平鋪。配合上面INNER_RECT代碼使用。INNER_RECT和SCALE兩行代碼是定義縮放情況，假如不需要縮放話就能夠去掉，就像下列圖這段定義按鍵上面顯示內(nèi)容，不需要縮放就只有SOURCE_RECT這一行代碼了。default.csspng圖片和til文件基本上就是這么了，只要確定切片位置和大小基本就差不多了，然后是最主要default.css文件了，這也是做皮膚最麻煩一個地方，當然修改話還是不難，弄懂它修改皮膚基本上不愁了。圖中是在default.css里取了第一段和其余幾段各有特色代碼，一段一段描述，其余都是類似，懂了這幾段就差不多了，就是制作時花點時間而已。第一段代碼還是GLOBAL，STYLE_NUM定義了本文件包含STYLE數(shù)量，通常來說數(shù)量很大，這個數(shù)量感覺還是做樣子，我一直亂寫。STYLE*代表某種樣式，界面配置文件引用切片或者字體樣式時需要經(jīng)過數(shù)字來確定。NM_IMG：正常狀態(tài)時樣式，也就是剛出現(xiàn)輸入法界面時顯示樣式。HL_IMG：高亮狀態(tài)時樣式，也就是按下某個按鍵時顯示樣式。拿STYLE1舉例，NM_IMG=py9,1代表這個樣式正常狀態(tài)效果為py9.til文件里img1所指定切片，HL_IMG=py9,21代表這個樣式高亮狀態(tài)效果為py9.til文件里img21所指定切片。這么說還是有點迷糊話下面這個對應圖應該能夠解釋了。STYLE21和STYLE116也差不多，STYLE116是背景樣式，不需要高亮狀態(tài)，所以只定義了正常狀態(tài)時樣式。STYLE127這段代碼有很多行，這是定義字體樣式，詳細引用過程講界面配置文件時再提。FONT_SIZE：字體大小，有需要修改候選字大小，就要找到對應STYLE，然后再修改這個值。FONT_WEIGHT：字體寬度，基本沒改過。FONT_CLEARTYPE：是否啟用字體平滑，通常都啟用，1為開啟，0為關閉。NM_COLOR：正常狀態(tài)下字體顏色，F(xiàn)FFFFF為白色，000000為黑色，其余baidu吧，這個和上面NM_IMG性質是一樣。HL_COLOR：高亮狀態(tài)下字體顏色，這個和HL_IMG類似。有些STYLE只有里面部分代碼，應該就是默認，沒有仔細研究過，因為通常就改改字體大小FONT_SIZE和NM_COLOR、HL_COLOR這幾項。官方文件里還有字體名稱和邊框等，通慣用不到，需要話自己去看看吧。在port、land文件夾里文件打開后只要出現(xiàn)*_STYLE，那么調用就是這個文件里面STYLE，*_STYLE=n，就代表調用是STYLEn。這要講就差不多這些，主要是STYLE數(shù)目太多，從頭制作話很麻煩。

講完res文件夾就只剩界面配置文件了，這里偷懶就只介紹port文件夾了，因為land文件夾里文件與port里一樣，只是按鍵分布情況有所不一樣，其余都類似。cnd、pop文件都用記事本打開就能夠了。這個感覺看官方教程就行了，我這個只是注釋了一下，添加了部分圖片，更直觀一點。這是官方皮膚port文件夾里全部文件，bak后綴文件就是同名ini文件備份，貌似沒啥用，不論它，自己制作時也不用這個。bh.ini：筆畫界面配置文件；d：導航欄0配置文件；d：導航欄1配置文件；d：導航欄2配置文件；（這三個其實大同小異，就看各界面調用情況了，我是感覺都用一樣更方便）def_9.ini：五筆九鍵配置文件；def_26.ini：五筆全鍵配置文件；en_9.ini：英文九鍵小寫配置文件；en_9s.ini：英文九鍵大寫配置文件；en_26.ini：英文全鍵小寫配置文件；en_26s.ini：英文全鍵大寫配置文件；gen.ini：這個是全局配置文件，下面會詳解；hint1.pop：氣泡配置文件；hw_full.ini：全屏手寫配置文件；hw_grid.ini：半屏手寫配置文件；num_9.ini：數(shù)字九鍵配置文件；num_26.ini：數(shù)字全鍵配置文件，這個是從漢字全鍵界面切換入數(shù)字界面時界面；num_26_1.ini：數(shù)字全鍵配置文件，這個是從英文全鍵界面切換入數(shù)字界面時界面；py_9.ini：拼音九鍵配置文件；py_26.ini：拼音全鍵配置文件；sel_ch.ini：拼音九鍵選詞界面配置文件；sel_ch_26.ini：拼音全鍵選詞界面配置文件；sel_en.ini：英文九鍵選詞界面配置文件；sel_en_26.ini：英文全鍵選詞界面配置文件；sel_hw.ini：手寫選詞界面配置文件；symbol.ini：非手寫符號界面配置文件；symbol_hw.ini：手寫符號界面配置文件。*.cnd先看幾個尤其一點文件吧，顯示三個cnd文件，這是導航欄配置文件，官方就是有切換輸入方式那條，打拼音后會被拼音候選取代。圖中紅框中那部分。以cand1來舉例，打開后就是這么，這里只截取了部分，太長了。TAB：還沒研究過，官方皮膚文檔里也劃掉了，不曉得啥意思，參考官方文檔看看吧。CAND：定義導航欄外觀。BACK_STYLE：導航欄背景樣式，調用res文件夾default.css里STYLE，比如上面是117，則這里背景就是STYLE117定義樣式。FORE_STYLE：導航欄前景樣式，這里指是顯示在導航欄里拼音候選字體樣式，也就是上上個圖中“我有wx用位要”字體樣式。CELL_STYLE：這是指每個單元格顯示樣式，正常顯示和按下效果都經(jīng)過default.css里STYLE來定義。PADDING：這個是導航欄里拼音候選顯示和外框間距，四個數(shù)字分別代表左上右下邊距。比以下列圖中拼音候選顯示情況，此時“PADDING=0,0,40,0”，右邊顯著空出了一塊，也就是這里定義右邊距40像素，據(jù)我了解這是為了右邊箭頭留出，以此進入更多候選詞界面。FIRST_GAP：第一個候選詞比其余候選詞多出間隔，這個沒改過，感覺效果不是很顯著。CELL_W：候選詞間距，就是上圖中各個候選詞中間間隔，因為背景為透明所以效果不顯著。ICON_NUM：導航欄里圖片個數(shù)，比如官方為一個LOGO菜單，一個切換鍵盤容器，一個收起鍵盤按鍵，當然不要忘了進入更多候選詞界面這個按鍵，一共就是4個。還是一樣，這個數(shù)字錯了貌似沒啥影響，盡可能對應就好。SWITCH：這個就是切換鍵盤容器了，就是那個“英文-拇指、拼音-拇指、英文-拇指”這一塊，通常都改掉，改掉話這一段就能夠刪掉了。這一段基本照官方就好了，就不詳細解釋了，自己參考下官方文檔吧。ICON*：定義附加圖標，能夠了解為按鍵，就是上面說LOGO菜單，切換鍵盤容器，收起鍵盤這些按鍵。BACK_STYLE，F(xiàn)ORE_STYLE：背景前景樣式，調用還是default.css里STYLE。SIZE：按鍵圖標大小，就跟切片大小類似，兩個數(shù)字，第一個寬度，第二個高度。ANCHOR_TYPE：官方文檔解釋為錨點類型，不明白什么用。POS：官方文檔解釋為相對錨點偏移，也不是太明白，有時要用負數(shù)顯示位置才正常，有時又需要正數(shù)，沒有深入研究，反正才兩種可能，嘗試一下就能夠了。KEY：就是按下后效果，方向復制粘貼等等效果，經(jīng)過F功效鍵等定義。PERSIST：1為無候選詞時顯示，就是正常狀態(tài)下顯示，比如一開始LOGO、收起鍵盤等；2為有候選詞時顯示，比如進入更多候選詞界面那個向下箭頭；3為有沒有候選詞時都顯示；0為都不顯示（這個貌似雞肋了）；依照需要來定義吧。*.poppop文件是氣泡定義文件，這個貌似也不用怎么改，修改顯示輸出字符時氣泡只要修改官方文件里ICON1里BACK_STYLE、FORE_STYLE、SIZE就能夠了，第一個是氣泡樣式，第二個是字體顏色樣式，最終一個自然就是氣泡大小了，其余感覺用官方就能夠了。gen.inigen.ini文件是全局默認布局定義文件，主要定義那些各界面一樣布局，比如鍵盤大小、調用導航欄等，打開后通常有下列圖中那幾段。也就是說只要各對應配置文件沒有定義這幾項話就直接使用這些默認值，打開其余界面配置文件就知道了，有些是空白。PANEL：定義面板。BACK_STYLE、FORE_STYLE：背景前景樣式，調用還是default.css里STYLE。這個背景就是皮膚背景圖片了，要修改背景只要修改對應STYLE調用圖片就好了。這個前景就是顯示在面板上除了圖片和已定義字體樣式了，通常都默認吧，貌似我還沒改過。SIZE：面板大小。INPUT：定義下列圖中紅框顯示那部分。BACK_STYLE：這里定義是框中背景顏色，調用還是default.css里STYLE，也能夠用圖片，自己定義就能夠了。FORE_STYLE：這里定義是框中字母，大小顏色之類都在default.css里定義。CAND：定義導航欄。LAYOUT_NAME：就是指調用導航欄幾了，默認是1，代表默認調用d文件，當然能夠隨自己定義，只要有對應candn文件就能夠。VIEW_RECT：四個數(shù)字，還是X，Y，寬，高，和上面切片差不多，只是這次是指在面板中位置。X和Y通常都是0；寬么豎屏360，橫屏640，就是屏幕寬度了，這是以分辨率360*640手機舉例，安卓自己改成對應分辨率就行；高么通常50，當然能夠隨自己改，喜歡大點就改大點，喜歡小點就改小點。TYPE：導航欄類型。0可處于面板內(nèi)，劃選，沒用過；1可處于面板內(nèi)，正常，我一直用這個；2在面板上方；3處于面板內(nèi)，一直顯示；4在面板上方，一直顯示。0、1、2是在打字后出現(xiàn)，3、4是一直顯示，這個自己試一下就知道了。HINT：定義氣泡。LAYOUT_NAME：和CAND里一樣，指調用那個氣泡文件，這個貌似都是hint1，代表默認調用hint1.pop文件。TYPE：定義按鍵字符提醒那個氣泡類型，0為跟隨按鍵，1為面板置頂（這個我自己試了一下，貌似沒用，不知道是不是我哪里弄錯了）。MORE：定義更多候選詞或者符號選擇界面。GRID：定義候選詞或者符號排列，比如上面圖里4,4就是4*4格顯示。LAYOUT_NAME：指更多候選詞界面調用哪個配置文件。SYM_LAYOUT：指符號界面調用哪個配置文件。其余還有HLINE_STYLE（水平分割線）、VLINE_STYLE（垂直分割線）、FORE_STYLE（候選詞字體樣式）、CELL_STYLE（候選詞單元格效果）、LOCK_STYLE（鎖樣式，沒用過），這些在更多候選詞界面和符號界面分別定義就能夠了。py_9.ini這個是重點了，其余ini文件都能夠參考它來制作，只要搞明白了就能夠了。能夠看到有幾段就是只有個段名，中括號括著，這些就是指調用gen.ini中默認設置，而[PANEL]這段有三行代碼，不論和gen.ini中是否重復，都會使用這里設置，而這里沒有定義則仍調用gen.ini中。PANEL：還是定義面板。NO_BLUR：是否精準輸入，也就是按下一個按鍵后候選拼音字母是否只有一個，0是含糊輸入，1是精準輸入，只有26鍵界面是精準輸入，因為它每個按鍵上只有一個字母，而9鍵、14鍵、17鍵界面一個按鍵上都不止一個字母，所以需要含糊輸入。KEY_NUM：界面中按鍵個數(shù)，這個還是不用嚴格定義，最好有多少個就寫多少，懶話寫多貌似也沒啥事。TIP_NUM：補丁個數(shù)。補丁是在按下或者滑動某個按鍵后按鍵上樣式需要改變時使用，比如我白果皮膚英文界面下數(shù)字鍵上滑，會改變聯(lián)想輸入或是非聯(lián)想輸入，此時滑動后按鍵上樣式需要改變成對應圖案，就需要用到補丁了，下面會提到。LIST：定義我皮膚里左邊符號欄，這個也就是拼音候選欄，打字時會出現(xiàn)拼音候選。BACK_STYLE：list欄外觀樣式。CELL_STYLE：每個符號所在單元格樣