百度皮肤教程_第1页
百度皮肤教程_第2页
百度皮肤教程_第3页
百度皮肤教程_第4页
百度皮肤教程_第5页
已阅读5页,还剩25页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

此教程适适用于塞班v5以及安卓2.1版皮肤,只是二者分辨率不一样造成代码中位置部分不一样而已,安卓高分辨率皮肤能够用在v5上,会对应缩小,v5貌似不能够用在安卓上,听人说,因为没有安卓机也不好试……另外此教程不用官方制作工具,可能麻烦一点,这个自己取舍吧。解包打包首先是基本解包打包,众所周知,baidu2.1版本皮肤后缀名为bds(这里只讨论安卓和塞班v5),我们要改皮肤话就需要将后缀名改成zip,然后解压。皮肤解压后得到是三个(或者两个,下面会讲到)文件夹land、port和res,land里是横屏皮肤对应界面文件,port对应是竖屏,res则是键盘上出现全部图片、文字以及按键之类总定义文件夹(语文不好,大家将就着看看吧,知道意思就好,不知道话下面会详细讲解……)。有皮肤可能只有竖屏界面,所以land文件夹没有了,就像我,只用竖屏,所以横屏就删掉了,只要不用到横屏,那么就没有影响,当然假如想要公布话,最好还是都留着,会有些人需要。还有个infotxt文件,那个就是作者啊名称那些,不要也无所谓。在修改完后再选中这三个文件夹然后打包成zip文件,再改后缀名为bds就能够使用了。皮肤组成介绍现在皮肤是各式各样,那么它是怎样组成呢,这里我们简明说一下。以我皮肤为例,以下列图,这个面板是由皮肤背景、按键背景、按键前景等组成,左边那个符号所在栏是list栏。制作皮肤就是先确定按键位置和显示文字,再做出对应图片,并在res文件夹default.css里定义好STYLE,然后一个键一个键设置坐标、背景、前景、键值等。上图也能够看出要修改按键上显示内容,只要修改按键前景就行,这个另附小教程。

接下来最先要讲是res文件夹,因为全部切片什么都在这里面,我们要先搞清楚切片怎样调用才能制作或修改皮肤。首先就是多张png图片了,看到这些图片大家应该会感到很熟悉,各个按键上面字母数字都在这,那么怎么让它显示到对应键盘按键上呢,我们一步一步来说明。*.png和*.til通常来说第一张图都是back.png,这也就是此皮肤默认背景了,要换默认背景直接替换这张图就行了,最好是要长宽像素和原图一样,不一样就话需要修改同名til文件了,按照自己图片大小修改下面img1中SOURCE_RECT。另外特殊点就是bt.png和hint.png,前者通惯用来定义按键背景以及按下效果之类,后者通常为气泡图片(后面图中红框中那个就是气泡),当然这些都是随便定义,名字没有实际意义,只要按照后面说方法对应起来就能够了,在本节最终有个对应图,按照那个对应起来就能够了,官方这么命名应该只是方便识别而已。文件夹中每个png图片都对应了一个后缀为til文件,这个文件就是用来定义切片,包含了切片位置、大小以及缩放情况等,能够直接用记事本打开til文件。下面图是我皮肤中back.til里内容,对应back.png。中括号代表要开始某一段代码,til文件第一段代码都是GLOBAL,这代表啥意思我也不知道,反正不用管它。USE_ALPHA:是否用到了alpha混合,这玩意啥用不知道,貌似通常都是一,改到现在也没用到过这个,官方解释:img.ini中需要,0:不透,1:半透,2:全透。TILE_NUM:切片数量,意思就是对应图片中有几个切片,也就是该til文件中除了GLOBAL有多少段代码,比如第一张图中除了GLOBAL段外只有一个IMG1那么TILE_NUM=1。不过这个定义貌似没啥用,我经常多写少写也没啥关系,尽可能对应你切片数量就好。写完一段空一行,方便查看。第二段IMG1代表切片一,从这里到下个IMG之间都是定义这个切片。SOURCE_RECT:切片在对应图片中所处位置,四个数字分别代表X,Y,宽,高,详细意思能够看图。即SOURCE_RECT=X,Y,宽,高。红框中部分为一个切片,它左上角顶点距图片左边线长度就是X,距上边线长度就是Y,切片宽和高很好了解吧。至于详细数值需要用软件查看了,我用win7画图工具放大后用标尺数字看,其余方法还不知道,baidu一下呗。INNER_RECT:这个定义是切片中各部位数值,一个切片能够分为九部分,这一行四个数值意思能够看图,还是用上面那个切片,四个数值分别代表了切片左上角部分宽和高以及中间部分宽和高,经过这四个数值确定了切片九个部分,当需要将切片缩小或放大时,九个部分里四个角上部分是不会变,缩放部分是图中标出五个部分,1和5是左右缩放,2和4是上下缩放,而3则是上下左右都缩放。缩放这个在按键什么地方需要用到,我皮肤背景也用到了。SCALE:这里五个数字依次代表上图中12345部分拉伸情况,数值1代表拉伸,0代表平铺。配合上面INNER_RECT代码使用。INNER_RECT和SCALE两行代码是定义缩放情况,假如不需要缩放话就能够去掉,就像下列图这段定义按键上面显示内容,不需要缩放就只有SOURCE_RECT这一行代码了。default.csspng图片和til文件基本上就是这么了,只要确定切片位置和大小基本就差不多了,然后是最主要default.css文件了,这也是做皮肤最麻烦一个地方,当然修改话还是不难,弄懂它修改皮肤基本上不愁了。图中是在default.css里取了第一段和其余几段各有特色代码,一段一段描述,其余都是类似,懂了这几段就差不多了,就是制作时花点时间而已。第一段代码还是GLOBAL,STYLE_NUM定义了本文件包含STYLE数量,通常来说数量很大,这个数量感觉还是做样子,我一直乱写。STYLE*代表某种样式,界面配置文件引用切片或者字体样式时需要经过数字来确定。NM_IMG:正常状态时样式,也就是刚出现输入法界面时显示样式。HL_IMG:高亮状态时样式,也就是按下某个按键时显示样式。拿STYLE1举例,NM_IMG=py9,1代表这个样式正常状态效果为py9.til文件里img1所指定切片,HL_IMG=py9,21代表这个样式高亮状态效果为py9.til文件里img21所指定切片。这么说还是有点迷糊话下面这个对应图应该能够解释了。STYLE21和STYLE116也差不多,STYLE116是背景样式,不需要高亮状态,所以只定义了正常状态时样式。STYLE127这段代码有很多行,这是定义字体样式,详细引用过程讲界面配置文件时再提。FONT_SIZE:字体大小,有需要修改候选字大小,就要找到对应STYLE,然后再修改这个值。FONT_WEIGHT:字体宽度,基本没改过。FONT_CLEARTYPE:是否启用字体平滑,通常都启用,1为开启,0为关闭。NM_COLOR:正常状态下字体颜色,FFFFFF为白色,000000为黑色,其余baidu吧,这个和上面NM_IMG性质是一样。HL_COLOR:高亮状态下字体颜色,这个和HL_IMG类似。有些STYLE只有里面部分代码,应该就是默认,没有仔细研究过,因为通常就改改字体大小FONT_SIZE和NM_COLOR、HL_COLOR这几项。官方文件里还有字体名称和边框等,通惯用不到,需要话自己去看看吧。在port、land文件夹里文件打开后只要出现*_STYLE,那么调用就是这个文件里面STYLE,*_STYLE=n,就代表调用是STYLEn。这要讲就差不多这些,主要是STYLE数目太多,从头制作话很麻烦。

讲完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:数字九键配置文件;num_26.ini:数字全键配置文件,这个是从汉字全键界面切换入数字界面时界面;num_26_1.ini:数字全键配置文件,这个是从英文全键界面切换入数字界面时界面;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:这是指每个单元格显示样式,正常显示和按下效果都经过default.css里STYLE来定义。PADDING:这个是导航栏里拼音候选显示和外框间距,四个数字分别代表左上右下边距。比以下列图中拼音候选显示情况,此时“PADDING=0,0,40,0”,右边显著空出了一块,也就是这里定义右边距40像素,据我了解这是为了右边箭头留出,以此进入更多候选词界面。FIRST_GAP:第一个候选词比其余候选词多出间隔,这个没改过,感觉效果不是很显著。CELL_W:候选词间距,就是上图中各个候选词中间间隔,因为背景为透明所以效果不显著。ICON_NUM:导航栏里图片个数,比如官方为一个LOGO菜单,一个切换键盘容器,一个收起键盘按键,当然不要忘了进入更多候选词界面这个按键,一共就是4个。还是一样,这个数字错了貌似没啥影响,尽可能对应就好。SWITCH:这个就是切换键盘容器了,就是那个“英文-拇指、拼音-拇指、英文-拇指”这一块,通常都改掉,改掉话这一段就能够删掉了。这一段基本照官方就好了,就不详细解释了,自己参考下官方文档吧。ICON*:定义附加图标,能够了解为按键,就是上面说LOGO菜单,切换键盘容器,收起键盘这些按键。BACK_STYLE,FORE_STYLE:背景前景样式,调用还是default.css里STYLE。SIZE:按键图标大小,就跟切片大小类似,两个数字,第一个宽度,第二个高度。ANCHOR_TYPE:官方文档解释为锚点类型,不明白什么用。POS:官方文档解释为相对锚点偏移,也不是太明白,有时要用负数显示位置才正常,有时又需要正数,没有深入研究,反正才两种可能,尝试一下就能够了。KEY:就是按下后效果,方向复制粘贴等等效果,经过F功效键等定义。PERSIST:1为无候选词时显示,就是正常状态下显示,比如一开始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:四个数字,还是X,Y,宽,高,和上面切片差不多,只是这次是指在面板中位置。X和Y通常都是0;宽么竖屏360,横屏640,就是屏幕宽度了,这是以分辨率360*640手机举例,安卓自己改成对应分辨率就行;高么通常50,当然能够随自己改,喜欢大点就改大点,喜欢小点就改小点。TYPE:导航栏类型。0可处于面板内,划选,没用过;1可处于面板内,正常,我一直用这个;2在面板上方;3处于面板内,一直显示;4在面板上方,一直显示。0、1、2是在打字后出现,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:界面中按键个数,这个还是不用严格定义,最好有多少个就写多少,懒话写多貌似也没啥事。TIP_NUM:补丁个数。补丁是在按下或者滑动某个按键后按键上样式需要改变时使用,比如我白果皮肤英文界面下数字键上滑,会改变联想输入或是非联想输入,此时滑动后按键上样式需要改变成对应图案,就需要用到补丁了,下面会提到。LIST:定义我皮肤里左边符号栏,这个也就是拼音候选栏,打字时会出现拼音候选。BACK_STYLE:list栏外观样式。CELL_STYLE:每个符号所在单元格样

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论