成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

最全的Swift社交應用文本輸入優化匯總

作者：suiling
移動開發 iOS
在大部分應用中，都有輸入的需求，面對眾多用戶，他們的想法各異，輸入的文本內容也是千奇百怪，面對不同的輸入，我們該如何優化輸入體驗？本文將匯總一下Swift社交應用文本輸入優化技巧。

一、輸入相關的優化問題

在大部分應用中，都有輸入的需求，面對眾多用戶，他們的想法各異，輸入的文本內容也是千奇百怪，面對不同的輸入，我們該如何優化輸入體驗？本文將匯總一下Swift社交應用文本輸入優化技巧。

這里集中匯總輸入相關問題，主要如下：

輸入控件UITextField跟隨鍵盤移動

過濾輸入內容

響應編程的處理，去除體驗不好的對話框、HUD提示

中文輸入

二、輸入框隨鍵盤移動

界面構建有兩種方法，代碼或者storyboard/xib，這兩種方法在處理鍵盤移動上方法相同，這里推薦使用已經封裝好的第三方框架：TPKeyboardAvoiding
1、代碼處理方法

rootView使用**TPKeyboardAvoding**框架中的TPKeyboardAvoidingScrollView來初使化。例如，登錄界面，LoginViewController(繼承自UIViewController),處理方法如下：

  1. let rootView = TPKeyboardAvoidingScrollView(frame: self.view.bounds); 
  2. //... 
  3. //add all subviews to rootView 
  4. //... 
  5. self.view.addSubview(rootView) 

代碼構建界面，實現輸入框隨鍵盤移動，需要將類**TPKeyboardAvoidingScrollView**做為根視圖來處理。
2、storyboard/xib處理辦法

storyboard/xib處理起來更簡單，將視圖控制器的rootView設置為TPKeyboardAvoidingScrollView即可

(1)選擇控制器的根視圖

(2)設置默認實例化類

 

三、常用基本設置
1、常用基本設置

包括打開鍵盤、關閉鍵盤、指定鍵盤的輸入類型、指定return按鈕的類型，如以下代碼

  1. //打開鍵盤 
  2. self.inputText.becomeFirstResponder() 
  3. //關閉鍵盤 
  4. self.inputText.resignFirstResponder() 
  5. //指定鍵盤的輸入類型 
  6. self.inputText.keyboardType = UIKeyboardType.NumberPad 
  7. //指定return按鍵的類型 
  8. self.inputText.returnKeyType = UIReturnKeyType.Go 

2、通過代理過濾輸入

通過UITextField/UITextView的代理，可以更精確的控制輸入，例如：過濾指定字符、超過字符數禁止輸入等

(1)UITextField代碼如下：

  1. //設置代理，可根據實際情況來設置代理，這里使用self來指定 
  2. self.textField.delegate = self 
  3.   
  4. //代理方法實現 
  5. func textField(textField: UITextField, shouldChangeCharactersInRange 
  6.  range: NSRange, replacementString string: String) -> Bool 
  7.     { 
  8.         //禁止輸入空格 
  9.         if (string == " ") { 
  10.             return false 
  11.         } 
  12.   
  13.         //按下回車后取消鍵盤 
  14.         if (string == "\n") { 
  15.             textField.resignFirstResponder() 
  16.             return false 
  17.         } 
  18.   
  19.         return true 
  20.     } 

UITextView代碼如下：

  1. //設置代理，可根據實際情況來設置代理，這里使用self來指定 
  2. self.textView.delegate = self 
  3.   
  4. //代理方法實現 
  5. func textView(textView: UITextView, shouldChangeTextInRange range: NSRange,  
  6. replacementText text: String) -> Bool 
  7.     { 
  8.         //禁止輸入空格 
  9.         if (text == " ") { 
  10.             return false 
  11.         } 
  12.   
  13.         //按下回車后取消鍵盤 
  14.         if (text == "\n") { 
  15.             textView.resignFirstResponder() 
  16.             return false 
  17.         } 
  18.   
  19.         return true 
  20.     } 

UITextField/UITextView可以通過代理方法實時檢測用戶輸入的內容,方便對輸入約束，例如，在輸入超過10個字符時，禁止用戶輸入，不過這種體驗不好，建議不要使用
四、響應編程處理，精確提示信息
1、如何優化

輸入信息的約束一般是將規則直接提示給用戶，例如：社交中用戶昵稱的輸入：

請輸入1-8位的字符作為昵稱，不能包括空格、回車、標點

用戶點擊**確定**按鈕之后，檢查輸入的合法性，并通過對話框（或HUD）的形式，提示給用戶信息

上面的處理方式，十分常見，能滿足基本需求。不過我們已經不再采用上面的設計，原因有以下兩點：

提示信息過多，大部分用戶不會看

對話框及HUD提示比較突兀，容易使用戶產生挫敗感

在實際開發過程中，精減提示信息為

  1. 請輸入1-8個字符 

用戶主動輸入空格、回車、標點這些字符或者超出長度時，才主動提示給用戶信息，如下圖，無輸入，確定按鈕disable，只提示極少有用信息

輸入合法，確定按鈕enable

輸入不合法，高亮錯誤顯示，確定按鈕disable

2、代碼實現

使用第三方框架ReactiveCocoa,首先實現在用戶輸入時，下方提示及右側圖片的功能（不使用三方框架，可自己通過代理實現）

  1. @IBOutlet weak var nickTextField: UITextField!//文本輸入框 
  2.     @IBOutlet weak var checkResultShowImageView: UIImageView!//輸入框右側圖片 
  3.     @IBOutlet weak var button: UIButton! 
  4.     @IBOutlet weak var hintLabel: UILabel!//文本框下方提示文字 
  5.   
  6.     override func viewDidLoad() { 
  7.         super.viewDidLoad() 
  8.         //配置輸入 
  9.         configInput()     
  10.     } 
  11.   
  12.  func configInput() { 
  13.         self.nickTextField.rac_textSignal().subscribeNext { (text) -> Void in 
  14.             if (text == nil || text.length == 0) { 
  15.                 self.checkResultShowImageView.hidden = false 
  16.                 return 
  17.             } 
  18.   
  19.             self.checkResultShowImageView.hidden = true 
  20.             var imageName = "" 
  21.             if (self.checkInputValidate()) { 
  22.                 imageName = "ok.png" 
  23.                 self.hintLabel.text = "" 
  24.             } else { 
  25.                 imageName = "warning.png" 
  26.                 self.hintLabel.text = "超出\(text.length - 8)個字符" 
  27.             } 
  28.             self.checkResultShowImageView.image = UIImage(named: imageName) 
  29.   
  30.         } 
  31.     } 
  32.   
  33.     func checkInputValidate() -> Bool { 
  34.         //輸入條件檢查，這里示例，只檢查字符長度 
  35.         let length = (self.nickTextField.text as NSString).length 
  36.         return length > 0 && length <= 8 
  37.     } 

下面實現功能：根據輸入的合法性，設置按鈕的enabled屬性，此步驟需要下載文件RAC語法支持文件,更詳細介紹Swift支持ReactiveCocoa

  1. func configButtonEnable() { 
  2.         RAC(self.button, "enabled") < ~ RACSignal.combineLatest( 
  3.             [self.nickTextField.rac_textSignal()], 
  4.             reduce: { () -> AnyObject! in 
  5.   
  6.             return self.checkInputValidate() 
  7.   
  8.         }) 
  9.     } 

五、中文處理辦法

有中文輸入時，上面的字數檢查不準確，如通過輸入法輸入**"我愛中國文化"**6個字符時self.nickTextField.text的字符個數為23個，提示信息不正確

[[129829]]

[[129830]]

UITextView/UITextFiled有一個markedTextRange屬性，用于標識當前是否有選中的文本（有選中文本時即為上圖中的未完成輸入狀態），利用此原理來解決中文等類似問題

  1. @IBOutlet weak var nickTextField: UITextField! 
  2.     @IBOutlet weak var checkResultShowImageView: UIImageView! 
  3.     @IBOutlet weak var button: UIButton! 
  4.     @IBOutlet weak var hintLabel: UILabel! 
  5.   
  6.     var chineseText: NSString! 
  7.   
  8.     override func viewDidLoad() { 
  9.         super.viewDidLoad() 
  10.         self.nickTextField.delegate = self 
  11.         filterInput() 
  12.         configButtonEnable() 
  13.   
  14.   
  15.     } 
  16.   
  17.     func filterInput() { 
  18.         self.nickTextField.rac_textSignal().subscribeNext { (text) -> Void in 
  19.             if(self.nickTextField.markedTextRange != nil) { 
  20.                 return; 
  21.             } 
  22.             //這里可以加入去除空格，標點等操作 
  23.             self.chineseText = text as NSString 
  24.   
  25.             if (text == nil || text.length == 0) { 
  26.                 self.checkResultShowImageView.hidden = false 
  27.                 return 
  28.             } 
  29.   
  30.             self.checkResultShowImageView.hidden = true 
  31.             var imageName = "" 
  32.             if (self.checkInputValidate()) { 
  33.                 imageName = "ok.png" 
  34.                 self.hintLabel.text = "" 
  35.             } else { 
  36.                 imageName = "warning.png" 
  37.                 self.hintLabel.text = "超出\(text.length - 8)個字符" 
  38.             } 
  39.             self.checkResultShowImageView.image = UIImage(named: imageName) 
  40.   
  41.         } 
  42.     } 
  43.   
  44.     func checkInputValidate() -> Bool { 
  45.         //輸入條件檢查，這里示例，只檢查字符長度 
  46.         let length = chineseText.length 
  47.         return length > 0 && length < = 8 
  48.     } 
  49.   
  50.     func configButtonEnable() { 
  51.         RAC(self.button, "enabled") < ~ RACSignal.combineLatest( 
  52.             [self.nickTextField.rac_textSignal()], 
  53.             reduce: { () -> AnyObject! in 
  54.   
  55.             if(self.nickTextField.markedTextRange == nil) { 
  56.                 return self.checkInputValidate() 
  57.             } 
  58.             return self.button.enabled 
  59.   
  60.         }) 
  61.     } 
  62.   
  63.   
  64.     @IBAction func buttonPressed(sender: AnyObject) { 
  65.         println("------>\(self.chineseText)") 
  66.     } 

六、總結

輸入是手機App中最耗時的操作，處理不當很容易失去用戶，這里總結以下幾點

不要將所有的約束信息直接展示給用戶，只展示那些對大部分用戶都有用的信息，對于其他約束在用戶輸入錯誤的時候再提示

盡量少用或者不用對話框及HUD的方式提示錯誤

提示信息準確，例如超出字符數，一種提示為：超出***140字符;另一種為：超出n個字符，顯然后者提示對用戶更有價值

不要擅自更改用戶輸入內容或者粗暴禁止用戶輸入

責任編輯：chenqingxiang 來源： cocoachina
Swift輸入文本
相關推薦

2015-03-27 09:58:51

SwiftcodeSwift開發

2015-03-24 20:21:32

SwiftSwift開發Swift技巧

2025-02-14 08:04:15

2013-09-17 10:17:39

Android布局

2023-11-24 08:02:28

2011-09-19 16:14:33

Glmps社交應用

2021-02-23 10:42:45

AI

2024-06-28 08:49:24

2012-12-25 11:44:10

移動社交應用微博LBS

2015-01-12 13:04:39

Swift開源項目匯總

2018-02-01 13:59:44

Linux命令磁盤管理

2018-09-18 17:20:14

MySQL優化數據庫

2018-09-17 14:50:41

機器學習教程匯總人工智能

2022-08-18 14:37:39

人工智能社交媒體數字化

2019-03-11 19:25:54

社交網絡大數據價值

2021-04-25 11:16:06

安全音頻社交媒體應用程序

2024-03-22 15:32:21

機器學習算法

2015-06-08 10:02:40

swiftOC兼容

2010-07-19 10:16:24

ibmdwWeb2.0

2014-03-10 10:24:01

MySQLMySQL優化
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板： 国产中文字幕亚洲 | 成人精品一区二区 | 成人高清视频在线观看 | 国产精品一区久久久 | 日韩一区中文字幕 | 久久精品国产一区二区三区不卡 | 中文字幕第一页在线 | 午夜精品一区二区三区在线观看 | 91欧美激情一区二区三区成人 | 国产激情一区二区三区 | 日本三级电影在线看 | 一区二区三区视频在线免费观看 | 黄色在线观看 | 亚洲视频二区 | 精品免费视频 | 一区二区中文字幕 | 91传媒在线观看 | 九九99九九精彩46 | 国产一区在线免费 | 97色免费视频 | 中国一级毛片免费 | 久久激情视频 | 国产不卡视频 | .国产精品成人自产拍在线观看6 | 一级做a爰片久久毛片免费看 | 日韩精品一区二区三区中文字幕 | 亚洲人人 | 啪一啪| 日韩高清中文字幕 | 香蕉婷婷| 亚洲成av人片在线观看无码 | 伊人久久免费 | 亚洲精品视频在线 | 亚洲视频二区 | 欧美 日韩 国产 一区 | 久久精品视频网站 | 国产精品中文字幕在线播放 | 日日日色 | 在线小视频 | 久久久久久毛片免费观看 | 国产第二页 |