找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 44533|回复: 137

[皮肤] 讯飞输入法皮肤制作统一解答帖![最强技术帖,菜鸟请绕路]

酷安大佬 发表于 2015-2-11 10:32:08 | 显示全部楼层 |阅读模式
最新皮肤架构开发文档:http://bbs.xunfei.cn/showtopic-147144-1-1.html
如果大家在制作皮肤的过程中有任何问题,请跟帖详细描述,
我来统一解答,
方便后面网友解决相同问题。
重要提醒:手动修改过文件之后已经不支持再次使用工具修改,否则会出现问题。

飞机直达:讯飞输入法皮肤编辑工具使用及皮肤制作教程

PS:为兼容更多客户端以下内容不允许修改,不属于皮肤制作范围
1.布局相关:按钮位置,大小,边距。
2.字号大小及大小写修改。
3.前景切片替换,例如将齿轮替换成ifly图标。
4.本贴教程不提供包含布局修改的任何内容(打开包看到layout文件夹的皮肤)。

=皮肤修改基础科普=
1.使用压缩软件打开.it皮肤包,解压出一个文件夹,请注意后面打包的时候直接在这个文件夹上右击添加到压缩zip格式文件。
2.打开上述文件夹,主要配置文件在480或者720/layout文件夹中查找。推荐使用notepad++软件修改.ini配置文件。
3.修改完配置文件后,使用压缩工具(推荐360压缩)将皮肤文件夹打包成.zip压缩包,更改扩展名为.it(点击查看扩展名更改方法)。
4.放置到手机SD卡的iFlyIME/skin/theme 目录进行调试,记得要按返回键退出,重新进入皮肤-本地界面。


常见问题:
1.分辨率适配问题: 目前讯飞输入法客户端已适配1080P分辨率,如果觉得按钮背景不清晰,请与720文件夹平齐建立1080文件夹,将720中的res拷贝到1080中,在theme_info.ini配置文件中的RESOLUTION=1280x720改成RESOLUTION=1280x720,1920x1080。

2.语音界面独立设置背景图片:
   1)将使用皮肤制作工具导出的皮肤打开subject.ini文件,将[Layout_Speech]中的STYLE=Style_Py_9改成STYLE=Style_Speech
   2)打开style.ini 加入以下内容:
       [Style_Speech]
       IMAGE=Image_Speech
   3)打开images.ini文件,加入以下内容:
        [Image_Speech]
        SRC=speech_bg.jpg
   4)将您单独制作的语音界面背景命名为speech_bg.jpg放到res文件夹中。

3.内置字体:将您的字体命名为font.ttf放到与theme_info.ini同级目录,请勿使用中文字体。

4.去除语音界面透明遮罩:打开subject.ini文件,将[Speech_Keyboad]中的type改为31。(工具已修复)

5.26键盘独立设置背景图片:
   1)将使用皮肤制作工具导出的皮肤打开subject.ini文件,在layout=后面添加Layout_26,如下所示。
        [SUBJECT]]
        LAYOUT=Layout,Layout_Speech,Layout_26

   2)在subject.ini在最后添加如下代码:
        [Layout_26]
       STYLE=Style_26
       TYPE=2,4,6,10

      #type中的2是26键拼音界面,4是26键英文界面,6是26键字母界面,10是ab界面。
   2)打开style.ini 加入以下内容:
       [Style_26]
       IMAGE=Image_26
   3)打开images.ini文件,加入以下内容:
       [Image_26]
        SRC=26_bg.jpg
   4)将您单独制作的背景图片命名为26_bg.jpg放到res文件夹中。  

6.功能键独立设置背景图片:
    1)打开subject.ini文件,搜索[Keyboard_Key_Fun],修改为下面所示:
       [Keyboard_Key_Fun]
       FORE_STATE=ForeState_Keyboard_Key_2
      BACK_STATE=BackState_Keyboard_Key_1
      TYPE=2
     2)紧接着上面代码添加如下内容:
       [BackState_Keyboard_Key_1]
       NORMAL=Style_Keyboard_Key_1
       PRESSED=Style_Keyboard_Key_1_Press
       DISABLED=Style_Keyboard_Key_1
     3)打开style.ini文件,添加如下内容:
     #功能按键普通状态背景
       [Style_Keyboard_Key_1]
       IMAGE=Image_Keyboard_Fun_Key
     #功能按键按下状态背景
       [Style_Keyboard_Key_1_Press]
       IMAGE=Image_Keyboard_Fun_Key_Press
     4)打开imges.ini文件,添加如下代码:
     #功能键正常状态按键背景
      [Image_Keyboard_Fun_Key]
      SRC=btn_keyboard_func_key_normal.png
      X_DIVS=10,65(此处为拉伸点,请根据实际情况配置,下同)
      Y_DIVS=10,95
      #功能键按下状态按键背景
      [Image_Keyboard_Fun_Key_Press]
      SRC=btn_keyboard_func_key_pressed_func.png
      X_DIVS=10,65
      Y_DIVS=10,95
     5)最后将您制作的切片分别命名为btn_keyboard_func_key_normal.png和btn_keyboard_func_key_pressed_func.png存放到res文件夹中。

7.空闲状态工具栏独立设置背景图片:
     1)打开subject.ini文件,找到[SUBJECT]在KEYBOARD中添加Cand_Default_Home,如下
      [SUBJECT]
      KEYBOARD=Cand,KeyBoard,Cand_Default,Cand_Default_Home
     2)在subject.ini中找到[Cand_Default],将type中的1删除,结果如下:
      [Cand_Default]
      STYLE=Style_Cand_Default
      TYPE=2,3,4,5,6,7,8,10,11,12,13,14,15
     3)紧接着上面添加如下内容:
      [Cand_Default_Home]
      STYLE=Style_Cand_Default_home
      TYPE=1
     4)打开style.ini文件添加如下内容:
       [Style_Cand_Default_home]
       IMAGE=Image_Cand_Home
     5)打开imeges.ini文件,添加如下内容:
        [Image_Cand_Home]
        SRC=cand_home.png
        X_DIVS=35,480(此处为拉伸点,请根据实际情况配置,下同)
        Y_DIVS=5,110
      6)将制作好的切片命名为cand_home.png放置到res文件夹中。

8.九宫格左侧候选区域独立设置背景图片:
      1)打开style.ini文件,找到[Style_Keyboard_Area_1],修改为以下内容:
         [Style_Keyboard_Area_1]
         IMAGE=Image_Comb_Bg
       2)打开imeges.ini文件,添加如下内容:
        [Image_Comb_Bg]
        SRC=comb_bg.png
        X_DIVS=12,64(此处为拉伸点,请根据实际情况配置,下同)
        Y_DIVS=13,15
      3)将制作好的切片命名为comb_bg.png放置到res文件夹中。

原始默认模板(以上操作请在此模板基础上修改): default.it (15.89 KB, 下载次数: 429)

评分

参与人数 2威望 +12 金币 +120 收起 理由
拒绝融化的冰 + 10 + 100 赞一个!
ff7squall001 + 2 + 20 为敬业加分!

查看全部评分

愛Y妳T永G遠□ 发表于 2019-2-1 14:12:12 | 显示全部楼层

请问这些地方前景和背景?ID编号是多少?
]C]SGF(RQ(V2LR}NZR%[SUI.jpg
NT(T)TGZG80`TB2E2UADG0Q.jpg
~0DT$S~(]8%W@U(_PXS0.jpg
1`[$$HMYAVWX`MD(YY_LJ7X.jpg
君当如竹 发表于 2018-11-6 19:40:52 | 显示全部楼层
选照片不会出来
来自: 微社区
愛Y妳T永G遠□ 发表于 2016-9-6 21:12:20 | 显示全部楼层
讯飞输入法Android新版皮肤制作简明教程8.18日http://bbs.xunfei.cn/showtopic-147144-1-1.html
愛Y妳T永G遠□ 发表于 2016-9-6 21:11:28 | 显示全部楼层
讯飞输入法Android新版皮肤制作简明教程8.18日更新-活动专区-科大讯飞 bbs.xunfei.cn/showtopic-147144-1-1.html[/url]
愛Y妳T永G遠□ 发表于 2016-9-6 21:11:18 | 显示全部楼层
讯飞输入法Android新版皮肤制作简明教程8.18日更新-活动专区-科大讯飞 bbs.xunfei.cn/showtopic-147144-1-1.html[/url]
愛Y妳T永G遠□ 发表于 2016-9-6 21:10:48 | 显示全部楼层
讯飞输入法Android新版皮肤制作简明教程8.18日更新-活动专区-科大讯飞 http://bbs.xunfei.cn/showtopic-147144-1-1.html
愛Y妳T永G遠□ 发表于 2016-9-6 21:10:35 | 显示全部楼层
讯飞输入法Android新版皮肤制作简明教程8.18日更新-活动专区-科大讯飞 http://bbs.xunfei.cn/showtopic-147144-1-1.html
愛Y妳T永G遠□ 发表于 2016-5-9 23:00:23 | 显示全部楼层
っ、Emotional° 发表于 2016-1-25 10:21
5)最后将您制作的切片分别命名为btn_keyboard_func_key_normal.png和btn_keyboard_func_key_pressed_func. ...

就是把功能键修改成这样的
]DI]OM`Q97ABG7H}VY)SHY7.png
愛Y妳T永G遠□ 发表于 2016-4-8 12:36:35 | 显示全部楼层
求单独功能键背景图片增加教程,比如,123.回车键按键单独不同背景图片,希望工程师出来个教程
愛Y妳T永G遠□ 发表于 2016-4-6 21:50:50 | 显示全部楼层

能不能单独修改功能键背景图片
W7R808N@F_JIR67JYF$F1@T.png
W7R808N@F_JIR67JYF$F1@T.png
愛Y妳T永G遠□ 发表于 2016-4-6 21:22:19 | 显示全部楼层
酷安大佬 发表于 2015-3-13 14:04
格式有问题:
应该是如下图所示格式:

现在皮肤可以单独键盘背景图片了,能不能出来个教程,怎么把功能键背景图片也单独了?比如像棉花糖皮肤
愛Y妳T永G遠□ 发表于 2016-4-6 21:22:00 | 显示全部楼层
酷安大佬 发表于 2015-3-13 14:04
格式有问题:
应该是如下图所示格式:

现在皮肤可以单独键盘背景图片了,能不能出来个教程,怎么把功能键背景图片也单独了?比如像棉花糖皮肤
っ、Emotional° 发表于 2016-1-25 10:21:13 | 显示全部楼层
5)最后将您制作的切片分别命名为btn_keyboard_func_key_normal.png和btn_keyboard_func_key_pressed_func.png存放到res文件夹中。若按键正常状态下就有多种颜色呢?需要多个不同颜色的图片,按下只有一种颜色。
愛Y妳T永G遠□ 发表于 2015-7-15 18:39:03 | 显示全部楼层

现在修改好了

Copyright © 2010-2015 讯飞输入法 皖ICP备05001217号

快速回复 返回顶部 返回列表