一、输入相关的优化问题
在大部分应用中,都有输入的需求,面对众多用户,他们的想法各异,输入的文本内容也是千奇百怪,面对不同的输入,我们该如何优化输入体验?本文将汇总一下Swift社交应用文本输入优化技巧。
这里集中汇总输入相关问题,主要如下:
二、输入框随键盘移动
界面构建有两种方法,代码或者storyboard/xib,这两种方法在处理键盘移动上方法相同,这里推荐使用已经封装好的第三方框架:TPKeyboardAvoiding
1、代码处理方法
rootView使用**TPKeyboardAvoiding**框架中的TPKeyboardAvoidingScrollView来初使化。例如,登录界面,LoginViewController(继承自UIViewController),处理方法如下:
1
2
3
4
5
|
letrootView=TPKeyboardAvoidingScrollView(frame:self.view.bounds);
//...
//addallsubviewstorootView
//...
self.view.addSubview(rootView)
|
代码构建界面,实现输入框随键盘移动,需要将类**TPKeyboardAvoidingScrollView**做为根视图来处理。
2、storyboard/xib处理办法
storyboard/xib处理起来更简单,将视图控制器的rootView设置为TPKeyboardAvoidingScrollView即可
(1)选择控制器的根视图
(2)设置默认实例化类
三、常用基本设置
1、常用基本设置
包括打开键盘、关闭键盘、指定键盘的输入类型、指定return按钮的类型,如以下代码
2、通过代理过滤输入
通过UITextField/UITextView的代理,可以更精确的控制输入,例如:过滤指定字符、超过字符数禁止输入等
(1)UITextField代码如下:
//设置代理,可根据实际情况来设置代理,这里使用self来指定
self.textField.delegate=self
//代理方法实现
functextField(textField:UITextField,shouldChangeCharactersInRange
range:NSRange,replacementStringstring:String)->Bool
{
//禁止输入空格
if
(string==
""
){
return
false
}
//按下回车后取消键盘
"\n"
){
textField.resignFirstResponder()
false
}
true
}
|
(2)UITextView代码如下:
请输入1-8个字符 |
用户主动输入空格、回车、标点这些字符或者超出长度时,才主动提示给用户信息,如下图,无输入,确定按钮disable,只提示极少有用信息
输入合法,确定按钮enable
2、代码实现
使用第三方框架ReactiveCocoa,首先实现在用户输入时,下方提示及右侧图片的功能(不使用三方框架,可自己通过代理实现)
@IBOutletweak
var
nickTextField:UITextField!
//文本输入框
checkResultShowImageView:UIImageView!
//输入框右侧图片
button:UIButton!
overridefuncviewDidLoad(){
super
.viewDidLoad()
//配置输入
configInput()
}
funcconfigInput(){
self.nickTextField.rac_textSignal().subscribeNext{(text)->Void
in
(text==nil||text.length==0){
self.checkResultShowImageView.hidden=
false
return
imageName=
""
(self.checkInputValidate()){
"ok.png"
self.hintLabel.text=
""
}
else
{
"warning.png"
"超出\(text.length-8)个字符"
}
self.checkResultShowImageView.image=UIImage(named:imageName)
}
}
funccheckInputValidate()->Bool{
//输入条件检查,这里示例,只检查字符长度
letlength=(self.nickTextField.textasNSString).length
return
length>0&&length<=8
下面实现功能:根据输入的合法性,设置按钮的enabled属性,此步骤需要下载文件RAC语法支持文件,更详细介绍Swift支持ReactiveCocoa
|