IOS 学习笔记(6) 控件 文本域(UITextField)的使用方法

UITextField控件的诸多特性都和UITextView相似,比如成为输入文本焦点时键盘自动显示,支持长按弹出动作选项,能够接收输入事件(开始输入,修改内容,结束输入和点击回车等)。

1.特有的特

但对于UITextField来说,他又有很多自己独有的特性:

(1)placeholder.

当UITextField上没有文本内容时,会以灰色的内容显示placeholder的内容,并且一点有正式的文本内容输入并呈现,placeholder内容会隐藏

self.textField.placeholder = @"Please input you userName";

(2)一次性删除所有内容

如果开发者设置了这个属性,当它起作用时,会靠近UITextField控件后端显示一个“x”按钮,当用户点击此按钮时,所有之前的UITextField上输入的内容都会被删除。

IOS提供了针对这个“X”按钮的四种显示时机,分别是永不显示,当输入时显示,当输入时不显示,一直显示,如果用代码的话,则是对clearButtonMode的属性设置为下列系统常量之一。

typedef NS_ENUM(NSInteger, UITextFieldViewMode)
{
UITextFieldViewModeNever,
UITextFieldViewModeWhileEditing,
UITextFieldViewModeUnlessEditing,
UITextFieldViewModeAlways
};

设置代码如下:

self.textField.clearButtonMode=UITextFieldViewModeAlways;

(3)输入内容的清空时机

默认的UITextField的内容如果不点击清空按钮或者键盘的回退按钮,并不会无故被清掉。但是如果UITextField的内容是保密特性时,这个默认的清空内容机制变成了每次开始输入新内容时,上一次的内容自动清空。

而UITextField还提供了另一种清空机制,当每次焦点移动到UITextField上弹出键盘时,上一次内容自动清空(默认需要输入才会清空),这个设置实现代码如下:

self.textField.clearsOnBeginEditing = YES;

(4)四种UITextField边框式样供挑选

四种边框式样分别是无边框,黑线边框,贝泽尔带阴影边框,圆角边框。并且当式样非圆角边框时,开发者可以自定义UITextField的背景图片,考虑到UITextField的细长性和可拉伸性,所提供的图片也要是可拉伸的。

3.可拉伸图片

所谓可拉伸的图片,是指提供的图片无论横向还是纵向都不用提供全部像素,当某个情况下图片所要放置的地方的横向或纵向数值比图片本身大时,此图片有能力以自己横向某一行或纵向某一列像素点为依据进行自我拉伸。其实这个所谓的拉伸,就是系统对某些由开发者指定的像素进行简单复制而已。

IOS6以后的拉伸方法如下:

self.textField.background=[[UIImage imageNamed:@"back.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0.0f, 8.0f, 0.0f, 8.0f)];

其中使用到的是Inset即内缩进的概念,内缩进的生成方法:

UIEdgeINsets UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right);

这里UIEdgeInsetsMake的意思就是我们从左边数起8个像素,右边数起8个像数,这样剩余中间像素自然就成了系统的横向拉伸点。开发者当然也可以将这个数字8理解成左边数起多少个像素保持不变,右边数起多少个像素保持不变,原理是一样的。

4.避免被键盘挡住

和UITextView不同,UITextField由于高度只有固定的30px.并且不像UITextView可以对内容进行滚动。所以再输入时,如果从屏幕底下弹出的键盘将UITextField控件不幸给遮盖住了的话,将非常影响用户体验,甚至造成无法继续程序工作流程的漏洞。

所以如果项目中有类似处于屏幕较低位置UITextField控件存在的情况发生时,开发者需要考虑将UITextField动态地向上移动到用户能够看到全貌的地方。

我们来做个简单地例子:

如图所示:IOS 学习笔记(6) 控件 文本域(UITextField)的使用方法

当然,如果我们使用UIScrollView作为控件的载体会更方便,不过这里我们关心的是做法,目的和实现原理是差不多的。所以我们使用普通的UIView类 的对象contentView即可。

随后将“用户名”UITextField控件的键盘回车键设置成“Next”的式样,以期望点击后将焦点移到“密码”UITextField对象,而“密码”UITextField的n返回键可以设置成“Done”式样,以期望点击后收起键盘。

首先设置属性:

 @property (weak, nonatomic) IBOutlet UITextField *txtUserName;
@property (weak, nonatomic) IBOutlet UITextField *txtPassword;
@property (strong, nonatomic) IBOutlet UIView *contentView;

随后为程序增加两个对于键盘显示和隐藏的系统消息监视,这样当键盘显示和隐藏时,系统能够回调到相应的处理函数

- (void)viewDidLoad
{
[super viewDidLoad];
self.txtUserName.delegate=self;
self.txtPassword.delegate=self; // Do any additional setup after loading the view, typically from a nib.
//键盘显示消息的回调函数
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillShown:) name:UIKeyboardWillShowNotification object:nil]; //键盘隐藏消息的回调函数
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillHidden:) name:UIKeyboardWillHideNotification object:nil];
}

之后就是对显示键盘的回调函数keyboardDidShown的撰写,具体代码如下:

#pragma mark-
#pragma mark Keyboard Notification
-(void)keyboardWillShown:(NSNotification *)aNotification
{
//设置键盘显示的flag
_keyboardShowing=YES; //收取消息内容并获得键盘大小
NSDictionary *info=[aNotification userInfo];
NSValue *aValue=[info objectForKey:UIKeyboardFrameEndUserInfoKey]; //当设备横屏时,直接取键盘的大小并不准确
//因为系统为键盘的视图增加了一个stransform的内容
//所以这里有必要进行一次坐标转换,以保证键盘大小在特定设备方向上的准确
CGSize keyboardSize = [self.view convertRect:[aValue CGRectValue] fromView:nil].size; //将键盘大小记录下来
_sizeKeyboard=CGSizeMake(keyboardSize.width, keyboardSize.height); //因为要计算UITextField是不是被键盘隐藏了,而键盘时显示在UIWindow上的
//所以UITextField的坐标也要转换到self.view上,再同一层面上的坐标比较这样才有意义
CGRect retTextField=[[_activeTextField superview]convertRect:_activeTextField.frame toView:self.view]; //进行移动
[self moveContentView:self.contentView keyboardSize:_sizeKeyboard textFieldRectOnMainView:retTextField];
} #pragma mark -
#pragma mark Utility
-(void)moveContentView:(UIView *)aView keyboardSize:(CGSize)sizeKeyboard textFieldRectOnMainView:(CGRect)rectTextField
{
//UITextField当前是否完全显示出来
if(CGRectContainsRect(CGRectMake(0.0f, 0.0f, CGRectGetWidth(self.view.frame), CGRectGetHeight(self.view.frame)-sizeKeyboard.height), rectTextField))
{
//不需要移动
return;
} //计算需要移动的距离
//之所以不适用self.view.frame,因为self.view作为程序的根视图
//所以大小一直是竖屏的大小,横屏时系统只对根视图的transform进行配置,高度不变
//既然contentView高度不变,只变Y轴起始点,那不如直接取contentView的高度
float fDelta=sizeKeyboard.height-CGRectGetHeight(aView.frame)+CGRectGetMinY(rectTextField)+CGRectGetHeight(rectTextField); //移动
[UIView animateWithDuration:0.3f animations:^{
aView.frame=CGRectMake(CGRectGetMinX(aView.frame), CGRectGetMinY(aView.frame)-fDelta, CGRectGetWidth(aView.frame), CGRectGetHeight(aView.frame));
}completion:^(BOOL finished) { }];
}

由于有两个UITextField对象,所以_activeTextField的成员量是记录了当前焦点中的UITextField对象。剩下的键盘隐藏消息处理函数keyboardWillHidder代码如下:

-(void)keyboardWillHidden:(NSNotification *)aNotification
{
//没有焦点中的UITextField了
_activeTextField=nil; //设置键盘未显示的flag
_keyboardShowing=NO; //将contentView的坐标移动回(0.0,0.0)点
[UIView animateWithDuration:0.3f animations:^{
self.contentView.frame=CGRectMake(0.0f, 0.0f, CGRectGetWidth(self.contentView.frame), CGRectGetHeight(self.contentView.frame));
}completion:^(BOOL finished) { }];
}

最后我们需要考虑到UITextField两个对象之间的焦点转移问题和键盘的隐藏问题

#pragma mark-
#pragma mark UITextField Delegate
//焦点进入UITextField后,可以开始输入的回调函数
-(void)textFieldDidBeginEditing:(UITextField *)textField
{
//当前焦点的UITextField
_activeTextField=textField; //如果没有显示键盘,哪移动的任务交给keyboardWillShown:来做,这里return
//否则的话,移动的任务在这里完成
if(!_keyboardShowing)
{
return;
} //显然,能够走到这里,是因为Next的关系
//我们要和keyboardWillShown里面写的一样,将有效的UITextField位置取出来
//检查是否需要移位
CGRect rectTextField=[[_activeTextField superview]convertRect:_activeTextField.frame toView:self.view]; //contentView的移动必须性检查和执行移动
[self moveContentView:self.contentView keyboardSize:_sizeKeyboard textFieldRectOnMainView:rectTextField];
} //点击UITextField对应的键盘的回车键的回调函数
-(BOOL)textFieldShouldReturn:(UITextField *)textField
{
//按了“Next”
if(textField == self.txtUserName)
{
[self.txtPassword becomeFirstResponder];
return YES;
} //按了“Done”
if(textField == self.txtPassword)
{
[self.view endEditing:YES];
return YES;
}
return YES;
}
上一篇:html5 图片上传版本1.0


下一篇:Web控件文本框Reset的功能