阳光肺科

 找回密码
 立即注册

微信扫码登录

[小小输入法] 皮肤(安卓版,小小输入法平台)

[复制链接]
miosolar 发表于 2021-2-17 15:08:22 | 显示全部楼层 |阅读模式

马上注册,阅读更多内容,享用更多功能!

您需要 登录 才可以下载或查看,没有账号?立即注册

×
手机输入法皮肤说明

自带皮肤提取方法:用压缩软件打开输入法文件,assets/www目录下的文件就是软键盘皮肤了。
自定义皮肤位置:/sdcard/yong/.yong/android,如果要支持多个皮肤可以把相应皮肤目录放在android目录下,在菜单中切换即可

只想改一下键盘布局的话,找到keyboard.html中Keyboards对象,看一下,就应该明白怎么改了
只想改一下字体大小的话,找到Render对象中的draw方法,找到
    changeScale = window.innerWidth / 30
    changeScale = window.innerWidth / 72
这样的语句,修改一下30和72这两个数字就可以了

皮肤使用html技术,可以在电脑上编辑,然后用火狐浏览器预览,使用CTRL_SHIFT_M快捷键可以预览不同分辨率下的表现。

以下内容,不是精通html,js,css的就不用看了。

精通这方面技术的朋友可以自由实现你能实现的效果,不过你还是需要了解和输入法的接口。

与输入的接口定义如下

App对象
    App.init
    通知输入法,软键盘初始化完成
    App.select(index)
    通知输入法,用户选择了第index这个候选项,从0到9
    App.key(key)
    通知输入法,用户按了一个按键
    App.text(text)
    通知输入法,向应用程序输出字符串text
    App.page
    通知输入法,向下翻页
    App,query(i)
    查询第i个候选项的编码
    App.action(type)
    做一些编辑操作,现在支持的type有copy,paste,cut,selectAll,switchInputMethod

Render对象
    Render.showCandidates(candidates,select,page)
    显示候选项
        candidates 候选数组
        select 被选中的项,从0开始
        page 是否显示翻页键
    Render.setState(state)
    设置软键盘上显示中英状态,0:中,1:英
 楼主| miosolar 发表于 2021-2-17 15:33:43 | 显示全部楼层
手机输入法皮肤说明
72改为30

只与这部分有关。


                        if(totalWidth>screen_w || totalWidth>screen_h)
                                changeScale = window.innerWidth / 30;
                        else
                                changeScale = window.innerWidth / 30;
------------------------------------------------------
                var changeScale;
                if(App.debug){
                        if(totalWidth>window.innerWidth || totalWidth>window.innerHeight)
                                changeScale = window.innerWidth / 72;
                        else
                                changeScale = window.innerWidth / 30;
                } else {
                        var screen_w,screen_h;
                        if(navigator.userAgent.indexOf("Android 2")>0) {
                                screen_w=screen.width;
                                if(screen_w>320)
                                        screen_h=320;
                                else
                                        screen_h=480;
                        } else {
                                screen_w=screen.width/window.devicePixelRatio;
                                screen_h=screen.height/window.devicePixelRatio;
                        }
                        if(totalWidth>screen_w || totalWidth>screen_h)
                                changeScale = window.innerWidth / 30;
                        else
                                changeScale = window.innerWidth / 30;
                }
                document.documentElement.style.fontSize = changeScale + 'px';
-------------------------------------------------------
自带皮肤提取方法:用压缩软件打开输入法文件,assets/www目录下的文件就是软键盘皮肤了。
自定义皮肤位置:/sdcard/yong/.yong/android,如果要支持多个皮肤可以把相应皮肤目录放在android目录下,在菜单中切换即可

只想改一下键盘布局的话,找到keyboard.html中Keyboards对象,看一下,就应该明白怎么改了
只想改一下字体大小的话,找到Render对象中的draw方法,找到
    changeScale = window.innerWidth / 30
    changeScale = window.innerWidth / 72
这样的语句,修改一下30和72这两个数字就可以了

皮肤使用html技术,可以在电脑上编辑,然后用火狐浏览器预览,使用CTRL_SHIFT_M快捷键可以预览不同分辨率下的表现。

以下内容,不是精通html,js,css的就不用看了。

精通这方面技术的朋友可以自由实现你能实现的效果,不过你还是需要了解和输入法的接口。

与输入的接口定义如下

App对象
    App.init
    通知输入法,软键盘初始化完成
    App.select(index)
    通知输入法,用户选择了第index这个候选项,从0到9
    App.key(key)
    通知输入法,用户按了一个按键
    App.text(text)
    通知输入法,向应用程序输出字符串text
    App.page
    通知输入法,向下翻页
    App,query(i)
    查询第i个候选项的编码
    App.action(type)
    做一些编辑操作,现在支持的type有copy,paste,cut,selectAll,switchInputMethod

Render对象
    Render.showCandidates(candidates,select,page)
    显示候选项
        candidates 候选数组
        select 被选中的项,从0开始
        page 是否显示翻页键
    Render.setState(state)
    设置软键盘上显示中英状态,0:中,1:英

给我们建议|手机版|阳光肺科 ( 粤ICP备2020077405号-1 )

GMT+8, 2024-11-24 16:39

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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