百度皮膚教程

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

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

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