界面設計 | 移動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 鍵盤布局
URL分享：http://www.yijiale78.com/article26/dsccjcg.html

成都網站建設公司_創新互聯，為您提供全網營銷推廣、軟件開發、建站公司、域名注冊、網站收錄、小程序開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯