这个控件叫：Soft Keyboard/Virtual Keyb

2017-05-10 本文已影响751人龙爪槐守望者

鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。

Soft Keyboard（Virtual Keyboard/软键盘/虚拟键盘）并不是真实的物理键盘（Physical Keyboard），而是在屏幕内拥有键盘样式和功能的控件，它比真正的键盘尺寸更小，而且没有手感很难盲操作。在触屏当道的移动端Soft Keyboard也可以简称为Keyboard。

如何使用

Soft Keyboard具备屏幕内的控件的特性——按需随时改变样式和位置。合理的运用这一特性可以创造独特的优势。

选择适当的键盘类型
在某个场景下，用户输入的内容类型往往是有限的，某些键盘按键可能完全用不到，保留所有按键不仅浪费移动端珍贵的屏幕空间，多余的选择也降低了用户输入的效率。使用恰当的键盘类型不仅提升输入体验，而且能增强服务器提交数据的校验安全性。iOS、Android提供多种键盘类型布局，常用的键盘类型布局有：

1.默认键盘：常规的全键盘，不做任何限制。
2.文本键盘：相比默认键盘取消了表情符号，适合输入密码。
3.整数键盘：只能输入数字0-9。
4.浮点数键盘：在整数键盘基础上增加了小数点。
5.电话号码键盘：在数字键盘基础上增加了“*” 和 “#” 。
6.邮箱地址键盘：在常规全键盘基础上增加了“@”和“.”。
7.URL键盘：输入网址用的，在常规全键盘上增加或突出“.com”、“.”和“/”等。
8.数字和符号键盘：相比数字键盘多了很多标点符号。

常用的键盘类型布局

某种程度上来说，Picker可以被当做特殊的键盘类型。此外还可以对键盘的：是否首字母大写、所有字母大写、单词自动补全等参数进行定制，进一步提升效率和体验。

定制动作按键的功能
键盘上除了输入内容的按键，还有另外一类功能按键。例如在PC端Tab键可以在表单内的多个输入框之间切换，回车键可以换行或者发送内容。Soft Keyboard可以对动作键的具体功能进行定制，常见的定制功能有：

常见的定制功能

1.回车（return/enter）。用来换行。
2.搜索（search）。点击后执行搜索动作。
3.下一项（next）。通常用在在多个输入框的表单中切换到下一个输入框。
4.发送（send）。一般用在通讯App中将内容发送出去。
5.前往（go）。任务过程中到下一个步骤的动作，例如输入网址后，前往打开的网页。
6.完成（done）。任务完成后终结动作。例如表单提交。

自定义键盘
假如用户使用第三方输入法就有些悲剧了，第三方的Soft Keyboard不一定完美支持所有键盘类型和动作按键的定制，而且有私自收集数据造成隐私泄露的风险。假如对第三方键盘担忧，或者对输入内容的类型有偏好，可以设计自定义键盘。自定义键盘分为App内输入视图（ Input Views）和系统级定制键盘两种。
App内输入视图是私有定制的，只能在所属的App内使用，不可被其他App或者系统使用。典型案例是iPad版Numbers App，不同数据类型的表格单元格所对应的输入视图也不同，而且还提供简单的数据运算功能。

iPad版Numbers App

系统级定制键盘可以在系统和所有App全局使用，搜狗、讯飞等第三方输入法就属于这种。iOS可通过Soft Keyboard的“地球”icon切换不同的系统级定制键盘。

切换系统级定制键盘

由国内iOS开发者钟颖（微博昵称 @StackOverflowError）研发的Pin（ https://itunes.apple.com/cn/app/pin-clipboard-extension/id1039643846?l=en&mt=8 ）提供了一种特殊的系统级定制键盘，通过Pin的键盘可以快速粘贴曾经的剪贴板记录甚至同步Mac的剪贴板内容，还提供对剪贴板内容执行搜索、分词的功能。

Pin的键盘

不要遮挡当前获得焦点输入框
在移动端，Soft Keyboard约占五分之二的屏幕面积，这意味着Soft Keyboard在唤起前后，界面布局会产生很大的变化，因此要注意键盘唤起后界面元素位置的变化，不要让键盘遮挡当前获取焦点的输入框，以免用户看不到自己输入的内容。

《这个控件叫什么》专题

这个控件叫：Soft Keyboard/Virtual Keyb

如何使用

相关资料

《这个控件叫什么》专题

猜你喜欢

热点阅读