Human Interface Guidelines — Custom Keyboards

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

Custom Keyboards(自定义键盘)

Human Interface Guidelines链接:Custom Keyboards

键盘扩展用一个自定义键盘代替标准键盘。 自定义键盘在“设置”应用的“常规”>“键盘”下启用。 启用后,除了编辑安全文本字段和电话号码字段时,键盘在任何应用程序的文本输入过程中均可用。 人们可以启用多个自定义键盘,并随时在它们之间切换。

Custom Keyboard

·确保您确实需要一个自定义的键盘

如果您想在系统范围内使用独特的键盘功能,例如新颖的输入文本方式或输入iOS不支持的语言,自定义键盘就很有意义。如果您只想在app中使用自定义键盘,请考虑改为创建自定义输入视图。

·提供一种显而易见且简单的方式在键盘之间切换

人们知道,当您启用多个键盘时,标准iOS键盘上的Globe键将取代表情符键,让用户可以快速切换到其他键盘。用户期望在自定义键盘上也有类似的直观体验。请注意,当您有多个键盘时,Globe键将替换表情符号键。

·请勿复制系统键盘提供的功能

在iPhone X上,即使使用自定义键盘时,Emoji / Globe键和Dictation键也会自动出现在键盘下方。你的app不能影响这些键,所以请避免在键盘上重复出现这些按键以免造成混淆。

·考虑在您的app中提供键盘教程

人们习惯于标准键盘,学习新键盘需要时间。通过在您的app中,而不是在键盘本身中提供使用说明,能让学习过程更轻松。告诉人们如何使用键盘,如何在文本输入过程中将其触发,如何使用它,和如何切换回标准键盘。


Custom Input Views(自定义输入视图)

自定义输入视图将用自定义键盘替换标准键盘,但只能在您的app中,而不是在系统范围内。 使用自定义输入视图来提供独特而高效的数据输入方法。 例如,在编辑电子表格时使用自定义输入视图来输入数据值。

Custom Input View

·使功能显而易见

 自定义输入视图上的控件应该在app的环境中有意义。 数据输入应该清晰直观,从而不需要额外的指导。

·在打字过程中播放标准键盘咔嗒声

 当用户敲击键盘上的按键时,键盘咔嗒声提供听觉反馈。 在您的输入视图中点击自定义控件也应该产生这种声音。 请注意,此声音仅适用于可见的自定义输入视图,人们可以在“设置”>“声音”中全面禁用声音。 

·必要时提供 input accessory view

 某些app采用了键盘上方显示的其他自定义input accessory view。 在Numbers中,input accessory view可帮助用户输入标准或自定义算式。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏葡萄城控件技术团队

Xamarin 技术全解析

Xamarin 是一套基于C#语言的跨平台移动应用开发工具,今年2月份微软宣布收购Xamarin,而后在4月份进行的Build大会上微软宣布将会在各个版本的Vi...

3757
来自专栏ionic3+

【技巧】ionic3视频播放

一般视频的展示方式有两种:缩略图和直接播放,分别对应下面两种效果(可参考直播应用和今日头条视频):

1203
来自专栏web开发

VUE滚动条插件——vue-happy-scroll

最近自己在自学vue2.0,然后就自己摸索做一个简单的后台管理系统,在做的过程中,总感觉不同浏览器自带的滚动条样式不统一,也很难看,所以就在网上找一些使用vue...

2224
来自专栏知晓程序

一键搞定!小程序调用日历本该如此简单

1004
来自专栏张戈的专栏

利用placeholder属性来添加输入框默认文字提示,提高用户体验

这个是我老早就在用的方法,本不打算分享,因为网上随便都能搜得到,感觉没有分享的必要。鉴于中国博客联盟有朋友问到了这问题,所以还是简单的整理下,希望能帮到部分不了...

3069
来自专栏陈仁松博客

UWP基础教程 - AuotmationProperties.Name

作为Windows10 UWP开发,大家应该会在很多示例DEMO里面看到AuotmationProperties.Name这个属性吧 <Button Autom...

3265
来自专栏前端新视界

jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器)

前言 因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功...

2509
来自专栏用户画像

H5无插件范式

过去,很多功能只能通过插件或者复杂的hack(本地绘图API、本地socket等)来实现,但是在HTML5中提供了对这些功能的原生支持。

512
来自专栏飞雪无情的博客

Android设计应用图标不用愁---Asset Studio Integration来帮你

Android Asset StudioWeb版是一个非常好用的Andrid图标资源设计工具,它是由RomanNurik开发的。现在我们已经在ADT14里支持同...

955
来自专栏Google Dart

AngularDart Material Design 单选按钮 顶

具有材料风格的单选按钮。 通常与material-radio-group一起使用。 选中后,无法通过用户操作取消选中相同的单选按钮。

1062

扫码关注云+社区