admin管理员组

文章数量:1601545

前端UI显示是仿照手机输入法进行设计的，支持触摸屏点击输入，也支持实体键盘输入。前端UI将将输入模式分为:英文输入、中文输入、符号输入、数字输入、手写输入五种。

英文输入模式下用户可以输入英文符号，通过Shift键来切换对应的大小写字符。显示效果如下:

 

点击右下角的中英文切换按钮可以实现中英文输入模式的切换。中文输入模式下用户可以通过拼音输入获取各种候选，从而实现各种中文字符的输入。中文输入模式效果如下:

 

 中文输入模式下第一行显示用户输入的拼音串，第二行显示候选，我们可以通过滑动候选行显示更多的候选词。也可以通过点击候选右方的三角形展开显示更多的候选词。

通过点击对应的候选词我们可以将对应的候选词选择上屏。

点击左下角的数字模式切换按钮，可以切换到数字输入模式。

在数字输入模式下我们可以输入各种各样的数字组合，输入界面如下:

 

 点击主页面中的符号按钮用户可以切换到符号输模式。

符号输入模式下用户可以对各种特殊符号进行输入,输入界面如下

用户可以通过滚动显示更多的符号，从而实现各种各样的符号的输入。

在用户输入一些不知道音的特殊汉字的时候，拼音输入模式可能就不是那么好用了，这时候用户就用到了手写输入模式，手写输入模式下用户可以通过书写对应的汉字获取对应的候选汉字。通过点击菜单栏上的手写菜单用户可以切换到手写输入模式。输入模式的界面如下: 

 通过组合使用上面几种输入模式，用户就可以输入各种各样的内容了。当然相比于有强大云词库的手机输入法，此款输入法还有很多不足，有很大的提升空间，但是基本的使用应该是够了。

未来还会给这个输入法添加更多的额外功能，包括:皮肤自定义、表情输入、颜文字输入、辅助小工具等等，敬请期待。

本文标签： 输入法快速UI

版权声明：本文标题：快速搭建一款输入法(前端UI搭建) 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1728369989a1155931.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。