设计iOS中随系统键盘弹收和内容文字长度自适应高度的文本框
文本输入框是多数与社交相关的app中不可或缺的一个控件，这些文本输入框应该具备如下的功能：
1.在键盘为弹起时，输入框悬浮在界面底部。
2.当键盘弹起时，输入框位置上移至键盘上方，并且动画应与键盘同步。
3.当输入的文字超出一行时，输入框应想用的进行高度扩展。
4.当输入框的高度达到某一极限值时，输入框高度不应继续扩展，文字区域应该支持滑动。
使用autolayout布局技术加上对键盘的相关监听，可以十分方便的实现上述效果。首先在xib文件中进行相关约束的添加，如下图：
将需要的属性与约束对象关联到文件中：
|
1
2
3
4
5
6
7
8
9
10
|
@IBOutlet weak var textViewHeight: NSLayoutConstraint!
@IBOutlet weak var textFieldHeight: NSLayoutConstraint!
@IBOutlet weak var ourTextField: UITextView!
@IBOutlet weak var textViewBottom: NSLayoutConstraint!
@IBOutlet weak var ourTextView: UIView!
|
在初始化方法中进行通知的注册和代理的设置：
|
1
2
3
|
NSNotificationCenter.defaultCenter().addObserver(self, selector: Selector("keyboardWillShow:"), name: UIKeyboardWillShowNotification, object: nil)
NSNotificationCenter.defaultCenter().addObserver(self, selector: Selector("keyboardWillHidden:"), name: UIKeyboardWillHideNotification, object: nil)
ourTextField.delegate=self
|
实现通知的监听方法如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
func keyboardWillShow(noti:NSNotification){
let info:Dictionary = noti.userInfo!
let value:NSValue = info[UIKeyboardFrameBeginUserInfoKey] as! NSValue
let value2:NSValue = info[UIKeyboardAnimationDurationUserInfoKey] as! NSValue
let keyboardSize = value.CGRectValue()
let height = keyboardSize.height
var time:NSTimeInterval=0
value2.getValue(&time)
textViewBottom.constant = height
UIView.animateWithDuration(time) { () -> Void in
self.view.layoutIfNeeded()
}
}
func keyboardWillHidden(noti:NSNotification){
let info:Dictionary = noti.userInfo!
let value2:NSValue = info[UIKeyboardAnimationDurationUserInfoKey] as! NSValue
var time:NSTimeInterval=0
value2.getValue(&time)
textViewBottom.constant = 0
UIView.animateWithDuration(time) { () -> Void in
self.view.layoutIfNeeded()
}
}
|
监听的键盘状态发送的通知中，会传递进来许多键盘信息，可取的键值如下：
|
1
2
3
4
5
6
7
8
9
10
|
@available(iOS 3.2, *)
public let UIKeyboardFrameBeginUserInfoKey: String
@available(iOS 3.2, *)
public let UIKeyboardFrameEndUserInfoKey: String
@available(iOS 3.0, *)
public let UIKeyboardAnimationDurationUserInfoKey: String
@available(iOS 3.0, *)
public let UIKeyboardAnimationCurveUserInfoKey: String
@available(iOS 9.0, *)
public let UIKeyboardIsLocalUserInfoKey: String
|
可以监听的与键盘相关信息的通知有如下几种：
|
1
2
3
4
5
6
7
8
|
public let UIKeyboardWillShowNotification: String
public let UIKeyboardDidShowNotification: String
public let UIKeyboardWillHideNotification: String
public let UIKeyboardDidHideNotification: String
@available(iOS 5.0, *)
public let UIKeyboardWillChangeFrameNotification: String
@available(iOS 5.0, *)
public let UIKeyboardDidChangeFrameNotification: String
|
还需要实现当输入框文字长度改变时的回调方法如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
func textViewDidChange(textView: UITextView) {
let height = textView.contentSize.height
if height <= 37 {
textFieldHeight.constant = 37
textViewHeight.constant = 53
UIView.animateWithDuration(0.3, animations: { () -> Void in
self.view.layoutIfNeeded()
})
return
}else if height<100 {
textFieldHeight.constant = height
textViewHeight.constant = height+16
UIView.animateWithDuration(0.3, animations: { () -> Void in
self.view.layoutIfNeeded()
})
}else{
textFieldHeight.constant = 100
textViewHeight.constant = 116
UIView.animateWithDuration(0.3, animations: { () -> Void in
self.view.layoutIfNeeded()
})
}
}
|
上面代码是实现可自适应高度和位置的文本输入框控件的核心代码，效果图下图：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
