第九章 百度手机输入法皮肤修改教程.pdfVIP

百度手机输入法 皮肤设计教程 目录 基本介绍 2 触屏版皮肤制作教程 3 1、配置输入框的外观 5 2、输入提示框 5 3、候选框 6 4 、列表栏 6 5、输入面板 7 6、按键 7 7、系统功能定义 8 8 、制作皮肤安装包 9 键盘版皮肤制作介绍 9 1、定义拼音区背景 11 3、匹配输入法指示器 13 4 、放置装饰图标 14 5、调整拼音区配色 15 6、选取最靓丽的候选字颜色 15 7、制作皮肤安装包 16 基本介绍 皮肤制作基本概念 皮肤制作的本质，主要包含两个步骤：第一是需要把各种输入法功能在效果图上面的按钮形象表达， 第二是把按钮的坐标找到，在ini 文件中为它精准定位。百度手机输入法的皮肤也同样由ini 文件控制键 位，无论是什么样的皮肤样式，都可以通过调整ini 文件来陪陪布局。下面，我们将大家平时经常用到的 概念做一个简单梳理。 关于坐标 在百度手机输入法中，所有元素的位置都是通过坐标来定义的，单位为像素。坐标原点位于图片的左上角， 横坐标向右逐渐增大，纵坐标向下逐渐增大。 原点 （0,0 ） 关于颜色 百度手机输入法皮肤的ini 文件中，都是采用16 进制的RGB 颜色值表示，如FFFFFF （纯黑）、000000 （纯 白）。您可以通过photoshop 的调色板获得特定颜色的颜色值。 关于百度手机输入法皮肤 百度手机输入法存在两类皮肤类型，第一类是键盘版皮肤，后缀名为.bdskk，类似于大家在pc 上看到 的皮肤类型，另一类是触屏版皮肤，后缀名为.bdskt,包含了对按键的外观设计。 需要修改皮肤的时候，只需要将原有的后缀名改为.zip(要在系统中显示文件的扩展名，依次点击工 具－文件夹选项－查看，再把隐藏已知文件类型的扩展名前的小勾去除即可)，然后将其解压到单 独的文件夹，进入该文件夹，可以发现里面包含了许多png 格式的图片和ini 文件, 这些文件共同组成了 一个模式的皮肤。png 图片定义了输入法面板，ini 则是配置文件，定义了皮肤的基本信息、按钮的功能、 位置、大小等。ini 文件可直接用系统自带的记事本或者其它文本编辑工具打开的。 为了降低初学者百度手机输入法为初学者提供了一套皮肤模板，大家只需要下载模板，按照规定大小 替换其中的图片文件，保存为同名的png 格式。这样，不需要改变ini 配置，就可以制作一套属于自己的 皮肤。 触屏版皮肤制作教程 一、皮肤包文件说明 当我们需要查看一个百度手机输入法触屏版皮肤时，可以将下载的bdskt 文件的后缀名改为.zip， 再用解压缩工具打开，即可看到如下25 个文件。文件可以分为两个类别： ini 配置文件和png 图形文 件。Ini 记录了键位的定义和文字显示参数，是控制输入法的基础文件。png 是皮肤外观的文件，决定 了皮肤的基本样式。一般来说，一个配置文件对应一个图形文件。hint.png 为所有ini 公用，在各个ini 中可以单独控制显示形式。 附上各组文件名对应关系 文件名 介绍 Bh 笔画 Def10 九键五笔输入 Def26 全键盘五笔输入 Edit 编辑界面 En10 九键英文输入 En26 全键盘英文输入 En26s 全键盘大写英文输入 Num 数字键盘 Hint 输入提示 Py10 九键拼音输入 Py26 全键盘拼音输入