UITextFiled输入框的使用(详细)

UITextFiled输入框的使用

1.基本使用
<1>UITextField的基本使用	[重点]
<2>键盘回收(别忘了设置代理)	[重点]

2.属性的设置
<1>字体
<2>文本颜色
<3>设置密码输入键盘
<4>设置键盘类型
<5>设置清除模式
<6>设置空白提示
<7>设置是否自动大写
<8>是否自动显示修正后的单词
<9>设置文本对齐方式
<10>设置背景图片
<11>左侧提示图片

3.项目中常用(扩展知识, 现在不是特别会也没什么关系)

<1>键盘事件的处理(使用通知)
<2>点击背景则回收键盘(背景图片添加手势)
<3>输入长度的控制
<4>自定义键盘(emoji表情)
<5>键盘上的附件区域
<6>email地址验证(正则表达式)

==============知识点详解==============

<1>UITextField的基本使用

UITextField *nameTextField = [[UITextField alloc] init];
//设置位置
nameTextField.frame = CGRectMake(100, 100, 200, 30);
//细节: 输入框有边框类型的, 如果直接创建, 不会显示边框
// UITextBorderStyleNone没有边框. 需要设置背景图片
nameTextField.borderStyle = UITextBorderStyleRoundedRect;
//显示出来
[self.view addSubview:nameTextField];

<2>键盘回收(别忘了设置代理)

//细节: 系统不会自动回收键盘, 需要我们编程实现

//具体应该如何实现?
//  输入框有很多事件(开始编辑, 结束编辑, 文本改变,返回)
//需求: 我们需要去处理这些事件, 但是问题何在?
//存在的问题:  我们预先不知道用户什么时候进行这些操作
//          但是textFiled自己知道用户什么时候进行操作

//解决的方式:  当textFiled事件发生了之后, 通知我们进行处理
//使用代理
//<1> 设置代理
//  协议中规定了代理对象发送的消息
//<2>让self所在的类遵守delegate指定的协议
//<3>需要实现协议中必须实现的方法
nameTextField.delegate = self;

//这个方法是键盘上的Return被点击之后执行
//  这个方法是由 textFiled调用的
//  textFiled保存了当前的对象指针   self.delegate
//  当事件发生的时候, 会通过self.delegate调用现在这个方法
- (BOOL)textFieldShouldReturn:(UITextField *)textField;
{
//输入框上点击了之后, 获得了焦点, 输入框变成第一响应者
//          自动弹出虚拟键盘

//如何回收键盘
//意思: 放弃作为第一响应者
[textField resignFirstResponder];

return YES;
}

<3>字体
nameTextField.font = [UIFont systemFontOfSize:24];

<4>文本颜色
nameTextField.textColor = [UIColor redColor];

<5>设置密码输入键盘
//添加一个密码输入框
UITextField *passwordTextField = [[UITextField alloc] initWithFrame:CGRectMake(100, 140, 200, 30)];
passwordTextField.borderStyle = UITextBorderStyleRoundedRect;
passwordTextField.delegate = self;
[self.view addSubview:passwordTextField];

passwordTextField.secureTextEntry = YES;

<6>设置键盘类型
//需求: 输入框输入的只是电话号的话
nameTextField.keyboardType = UIKeyboardTypePhonePad;

<7>设置清除模式
//细节: 这个按键只有在输入框中有文本的时候才会出现
nameTextField.clearButtonMode = UITextFieldViewModeAlways;
passwordTextField.clearButtonMode = UITextFieldViewModeAlways;

<8>设置空白提示
//细节: 空白提示会在输入文本后自动消失
nameTextField.placeholder = @"用户名";
passwordTextField.placeholder = @"密码";

<9>设置是否自动大写
//需求: 去掉自动大小写
nameTextField.autocapitalizationType =
UITextAutocapitalizationTypeNone;

<10>是否自动显示修正后的单词
//需求: 关闭拼写自动提示
nameTextField.autocorrectionType = UITextAutocorrectionTypeNo;

<11>设置文本对齐方式
nameTextField.textAlignment = NSTextAlignmentCenter;

项目中常用(扩展知识, 现在不是特别会也没什么关系)

<1>设置背景图片

//细节: 边框类型需要设置UITextBorderStyleNone
nameTextField.background = [UIImage imageNamed:@"inputImage.png"];

<2>左侧提示图片

UIImageView *headView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 25, 25)];
headView.image = [UIImage imageNamed:@"logo64X64.png"];

nameTextField.leftView = headView;
[headView release];
//细节: 需要左侧视图的显示模式
nameTextField.leftViewMode = UITextFieldViewModeAlways;

<3>键盘事件的处理(使用通知)——解决遮挡的问题
//需求: 虚拟键盘弹出后遮挡住的控件显示出来

//使用ios系统事件通知来解决
//  什么是 事件通知???
//  生活: 邮件到了之后, 门房通知我们
//  (1)需要告诉系统, 我们要用哪个方法去处理这个事件
//  (2)事件的处理方法中完成, 控件遮挡的处理

//获取一个通知中心的单例对象
//参数name: 表示事件的名称
//   UIKeyboardWillShowNotification键盘即将显示
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(dealKeyboadShow:) name:UIKeyboardWillShowNotification object:nil];

//键盘隐藏的事件通知
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(dealKeyboadHide:) name:UIKeyboardWillHideNotification object:nil];

//键盘显示事件通知的处理方法
-(void)dealKeyboadShow:(NSNotification *)noti
{
NSLog(@"dealKeyboadShow");

[UIView beginAnimations:@"" context:nil];
[UIView setAnimationDuration:0.5];

//处理键盘的遮挡
loginButton.frame = CGRectMake(100, 210, 80, 30);
registerButton.frame = CGRectMake(190, 210, 80, 30);

[UIView commitAnimations];
}

-(void)dealKeyboadHide:(NSNotification *)noti
{
NSLog(@"dealKeyboadShow");

[UIView beginAnimations:@"" context:nil];
[UIView setAnimationDuration:0.5];

//处理键盘的遮挡
loginButton.frame = CGRectMake(100, 300, 80, 30);
registerButton.frame = CGRectMake(190, 300, 80, 30);

[UIView commitAnimations];
}

<4>点击背景则回收键盘(背景图片添加手势)

//重点: 处理背景图片的点击事件
//需要做的事情: 为图片添加点击事件处理?
//新的知识点: 手势
//创建了轻击手势
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(backImageClick:)];
//为背景图添加轻击手势
backView.userInteractionEnabled = YES;
[backView addGestureRecognizer:tap];
[tap release];

-(void)backImageClick:(UITapGestureRecognizer *)tap
{
NSLog(@"backImageClick");

[nameTextField resignFirstResponder];
[passwordTextField resignFirstResponder];

}

<5>自动切换到下一个输入框

//实现方法回收键盘
-(BOOL)textFieldShouldReturn:(UITextField *)textField
{
[textField resignFirstResponder];

//如果是第一个输入框输完了, 切换到下一个中进行输入
//表示: 如果两个指针相等, 则为同一对象
if(textField == nameTextField)
{
//密码输入框变成第一响应者
[passwordTextField becomeFirstResponder];
}

return YES;
}

<6>输入长度的控制

//是在文本输入框中每次插入文本的时候执行
-(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string
{
//需求: 限制输入的长度为8个字符以下
//有问题版本
/*
if (nameTextField.text.length<8) {
return YES;
}
*/

if(textField == nameTextField)
{
NSMutableString *mstr = [NSMutableString stringWithString:nameTextField.text];
//获取插入之后的字符串
[mstr insertString:string atIndex:range.location];

return mstr.length <= 8;
}
return YES;
}

<7>自定义键盘(emoji表情)
//如何自定义键盘???
//		创建一个自定义键盘(一个view上摆了很多button)

messageTextField.inputView = [self createEmotionView];

//获取创建的表情键盘
-(UIView *)createEmotionView
{
UIView *myEmotionView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 160)];
myEmotionView.backgroundColor = [UIColor colorWithRed:1 green:1 blue:1 alpha:0.5];

//CTRL+CMD+SPACE

NSArray *buttonTitleArray = [NSArray arrayWithObjects:@"