先上图看看效果
使用说明
步骤1:创建UI 工程或使用现有的工程,添加提供的中英文键盘输入法示例的,可以将附件提供示例的 src/pages/目录下的 KeyBoard文件夹拷贝到新创建的 UI 工程或现有的项目中的 src/pages/目录下。
步骤2:新建自定义页面,并命名为KeyBoardCustom,也可以直接拷贝示例中src/panels/KeyBoardCustom.xml文件,到新创建的 UI 工程或现有的项目中的 src/panels/目录下。
步骤3:将提供示例中的 src/res/images下的keyboard.png 和 keyboardPush.png 文件拷贝到工程中的 src/res/images 下
步骤4:在UI 工程中的 main页面中,根据实际需求设计UI 界面,这里以Demo 示例为主,在界面上放置一个 button 和 一个 label 控件并设置button 控件的bindtap 属性为 type_input
步骤5:修改main页面的 main.js的代码,添加触发键盘输入的功能代码。
Page({
/* 页面加载时触发该函数 */
onLoad: function (event) {},
/* 此方法展示窗体后发生 */
onResume: function (event) {},
/* 页面显示时触发该函数 */
onShow: function (event) {},
/* 页面隐藏时触发该函数 */
onHide: function (event) {},
/* 页面退出时触发该函数 */
onExit: function (event) {},
onUpdate: function (event) {
if(event)if(typeofevent.text =="string") {this.text =event.text;this.setData({ label1:this.text }); }
},
type_input: function (event) {
pm.navigateTo({url:'pages/KeyBoard/KeyBoard',value:{text:this.text}});
},
onBack: function (event) {
pm.navigateBack();
}
});
步骤6:中文输入法需要在文件系统上存在/mnt/sd0/dict_pinyin.dat 文件,可以先在板子的终端上使用mkdir命令进行创建和使用udb push命令把文件传输到板子上。
(1)板子上先创建 /mnt/sd0/目录。
msh />mkdir mnt
msh />cd mnt
msh />mkdir sd0
msh /mnt>ls
Directory /mnt:
sd0
(2)PC 端通过 udb push 命令把 dict_pinyin.dat 文件同步到板子上。
udb.exe push dict_pinyin.dat /mnt/sd0/
原作者:xiaorui