重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

ios开发键盘类型,ios 键盘布局

界面设计 | 移动APP中自定义键盘如何设计?

键盘在用户的交互过程中起到了非常重要的作用,尤其在多个输入框的场景下。合理地切换”键盘类型”和“按键命令类型”可以提高用户填写表单的效率,同时也可以让表单填写过程更加顺畅,降低页面的流失率。

网站设计制作、做网站中从网站色彩、结构布局、栏目设置、关键词群组等细微处着手,突出企业的产品/服务/品牌,帮助企业锁定精准用户,提高在线咨询和转化,使成都网站营销成为有效果、有回报的无锡营销推广。创新互联公司专业成都网站建设10年了,客户满意度97.8%,欢迎成都创新互联客户联系。

iOS 中提供了12种键盘可以选择,我们可以根据用户当前的需要,提供不同类型键盘。

在交互稿中,需要对要调用的键盘进行标注,对于同一个界面中有不同类型输入框的情况,需要标注出键盘切换的说明。

虽然12种键盘类型已经很多,但它们仍然不能覆盖所有场景,这时我们需要自定义键盘。

除了选用不同类型的键盘,部分键盘中还有多种“按键命令”(下图中的蓝色按钮)可以选择,如“完成”、“搜索”、“发送”等。

iOS中提供了11种类型的命令,交互稿中可将所需要的命令用文字描述/截图的形式标注。

iOS的键盘具有上一项和下一项的功能( ,如上图左上方),对于表单的交互设计起到了非常重要的作用,交互稿中需加以说明。

与键盘tab键功能一致,跳转至上一个/下一个标签序列,同时保证不会清空已填入的内容。

应用场景: 表单输入框标签超出2项,唤起键盘时,在键盘上面显示“上一项”“下一项”操作按钮。

限制:

区分按钮的可点击状态、不可点击状态。

好处:

点击“完成”按钮,从上往下收起键盘。

1)常规键盘-文本输入

应用场景:账户姓名、地址等文本输入

2)常规键盘-字符输入

应用场景:登录密码

仅支持字符和数字、符号,不可切换输入法,给用户明确的指示性,减少犯错误的机会。

3)常规键盘-纯数字输入

应用场景:

只支持限制了归属地的手机号码、数字邮编、短信验证码、纯数字支付密码、银行卡号、信用卡安全码。

仅支持输入0-9的数字,增大有效点击区域,给用户明确的提示,减少输入错误。

4)常规键盘-电话键盘

应用场景:

手机号码,不限定国内外。

在填写手机号码时,如没有对手机号归属地进行单独限制,则调用包含“+”“*”“#”的电话键盘。

5)常规键盘——带“.”的数字键盘

应用场景:输入带小数点的金额。

6)常规键盘——带@的电子邮件键盘

应用场景:邮箱地址

1)定制键盘——带X的数字键盘

应用场景:国内18位身份证号码

2)定制键盘——随机密码键盘

应用场景:各类银行app登录密码/支付密码

招行掌上银行:

(图一)

(图二)

浙商银行:

登录密码键盘:

6位数支付密码/取款密码/账户密码等:

键盘内数字位置随机显示,防止密码被泄露。但是,安全性提高的同时,也增加了用户输入的难度。

那么,如何消减两者的对立性?

建议:

A. 根据用户使用场景的不同,提升不同安全级别。

B. 可切换安全键盘和普通键盘输入,让用户自己选择,并记住用户的选择,下次再次使用时,默认上一次选择。

英文文本输入时,系统会默认自动更正功能,用来帮助用户更正可能出现的输入错误。

但当用户在填写表单时,如账户名、邮箱名、昵称、街道地址、缩写等内容,应当禁用自动更正功能,防止自动更正掉用户所填内容,用户没有注意到更改,造成输入错误。

反面示例:

智能手机默认会把标准文本输入框的首字母大写,这在大部分情况下是合适的。

但是,在有些情况下应当禁用自动大写,特别是像邮箱地址这种绝大多数用户都以为要小写的情况,首字母自动大写会造成用户需再次修改所输入的内容,形成挫败感,增加操作困难度。

如果一个输入框调用了专用键盘而其他类似的输入框却没有,那么在没有调用专用键盘时用户会感到困惑,并开始质疑这个输入框所需输入的类型。

为特定输入框调用合适的键盘是正确的做法,但是要确保在app内保持一致,否则会让用户很困惑。换句话说,如果信用卡号的输入框调用了数字键盘,那么类似的输入框如安全码、有效期、预留手机号也要有同样的做法。

iOS 开发-UITextView(第二种输入框)的使用

text    设置文本显示内容

backgroundColor     设置背景色

scrollEnabled     当文本内容超出视图边框时是否允许滑动, 默认为YES

editable     设置是否允许编辑文本内容 默认为YES(可编辑)

delegate     设置代理方法的实现类

font     设置字体名字和大小

returnKeyType     设置键盘上的return键的类型

keyboardType     键盘类型

textAlignment    文本内容居左还是居中还是居右

dataDetectorTypes    显示数据类型的连接模式(如电话号码、网址、地址等)

textColor    设置文本内容字体颜色

autocapitalizationType    输入类型

autocorrectionType    是否自动更正

secureTextEntry     安全文本输入

keyboardAppearance     键盘外观

- (BOOL)textViewShouldBeginEditing:(UITextView*)textView;    将要开始编辑

- (BOOL)textViewShouldEndEditing:(UITextView*)textView;     将要结束编辑

- (void)textViewDidBeginEditing:(UITextView*)textView;     开始编辑

- (void)textViewDidEndEditing:(UITextView*)textView;     结束编辑

- (BOOL)textView:(UITextView*)textViewshouldChangeTextInRange:(NSRange)range replacementText:(NSString*)text;     内容将要发生改变编辑

 - (void)textViewDidChange:(UITextView*)textView;     内容发生改变编辑

- (void)textViewDidChangeSelection:(UITextView*)textView;     焦点发生改变

4. UITextView限制字数

iOS 键盘的各种类型

1、UIKeyboardTypeDefault    当前输入法的默认类型

2、UIKeyboardTypeASCIICapable    输入ASCII字符

3、UIKeyboardTypeNumbersAndPunctuation    输入数字和各种标点符号

4、UIKeyboardTypeURL    输入URL(突出显示./.com)

5、UIKeyboardTypeNumberPad    纯数字键盘

6、UIKeyboardTypePhonePad    电话键盘(1-9,*,0,#,数字下方带有字母)

7、UIKeyboardTypeNamePhonePad    输入个人姓名或电话号码

8、UIKeyboardTypeEmailAddress    电子邮件地址(突出显示空格@.)

9、UIKeyboardTypeDecimalPad    带小数点的数字键盘

10、UIKeyboardTypeTwitter    输入Twitter文本(易于访问@#)

11、UIKeyboardTypeWebSearch    具有面向URL的附加功能的默认键盘类型(突出显示空格.)

12、UIKeyboardTypeASCIICapableNumberPad    始终为ASCII数字的数字键盘(0-9)。

13、UIKeyboardTypeAlphabet    不推荐


标题名称:ios开发键盘类型,ios 键盘布局
本文网址:http://cqcxhl.com/article/dsccjcg.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP