您的位置:首页 > 产品设计 > UI/UE

UITextField 文本字段控件 -- IOS (解决键盘遮住View及密文設定的问题)(实例)

2012-06-15 10:51 716 查看
进入本文之前建议你认真读一读我的另一篇博文UIControl
IOS控件编程 这样会起到事半功倍效果

为什么要看另一篇关于UIControl的文章呢?因为UITextField继承自UIControl类,很多UIControl的属性、方法、通知等完全适用于UITextField,而那些属于UIControl的东西我又不会在此赘述。(主要是减轻文章的长度,以最少的文字最通俗易懂讲明白一个知识点是我追求的目标。)

创建

C代码



UITextField* myTextField = [[UITextField alloc]initWithFrame:CGRectMake(50, 100, 200, 50)];

纯代码创建View请参看我的另一片博文:有关View的几个基础知识点-IOS开发
(实例)

设置委托

C代码



myTextField.delegate = self;//委托类需要遵守UITextFieldDelegate协议

设置属性

UIControl属性对UITextField完全可以用,下面的都是UITextFiels扩展的属性:

C代码



myTextField.textAlignment = UITextAlignmentLeft;//默认就是左对齐,这个是UITextField扩展属性

myTextField.borderStyle = UITextBorderStyleBezel;//默认是没有边框,如果使用了自定义的背景图片边框会被忽略掉

myTextField.placeholder = @"请在此输入账号";//为空白文本字段绘制一个灰色字符串作为占位符

myTextField.clearsOnBeginEditing = YES;//设置为YES当用点触文本字段时,字段内容会被清除

myTextField.adjustsFontSizeToFitWidth = YES;//设置为YES时文本会自动缩小以适应文本窗口大小。默认是保持原来大小,而让长文本滚动

//myTextField.background = [UIImage imageNamed:@"registBtn"];//可以接受UIImage对象,此项设置则边框失效。

myTextField.clearButtonMode = UITextFieldViewModeUnlessEditing;//右边显示的'X'清楚按钮

//myTextField.LeftView =

//myTextField.leftViewMode =

//myTextField.RightView =

//myTextField.rightViewMode =

这些属性令你可以将UIView的派生类附着于为本字段的左方或右方。人们通常会将UIButton对象,比如放大镜或者书签按钮附着与文本字段上。每个附着视图都会有一个相应的模式,设置clearButtonmode属性的那些值,同样可以设置这个模式。

显示

C代码



[self.view addSubview:myTextField];

重写绘制行为

除了UITextField对象的风格选项,你还可以定制化UITextField对象,为他添加许多不同的重写方法,来改变文本字段的显示行为。这些方法都会返回一个CGRect结构,制定了文本字段每个部件的边界范围。如果你创见了一个自定义的UITextField类,你可以重写这些方法,这样就可以改变一个或多个边界。一定不要直接调用 fan广发;它们都是被iPhone运行库调用的回调函数下面举个例子:

C代码



- (CGRect)clearButtonForBounds:(CGRect)bounds{

return CGRectMake(bounds.origin.x +bounds.size.width-50,

bounds.origin.y+bounds.size.height-20, 16, 16);

}

下列方法在创建一个UITextField的子类时可以重写:

borderRectForBounds

指定矩形边界

textRectForBounds

指定显示文本的边界

placeholderRectForBounds

指定站位文本的边界

editingRectForBounds

指定编辑中文本的边界

clearButtonRectForBounds

指定显示清除按钮的边界

leftViewRectForBounds

指定显示左附着视图的边界

rightViewRectForBounds

指定显示右附着视图的边界

委托方法

C代码



- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField{

//返回一个BOOL值,指定是否循序文本字段开始编辑

return YES;

}

C代码



- (void)textFieldDidBeginEditing:(UITextField *)textField{

//开始编辑时触发,文本字段将成为first responder

}

C代码



- (BOOL)textFieldShouldEndEditing:(UITextField *)textField{

//返回BOOL值,指定是否允许文本字段结束编辑,当编辑结束,文本字段会让出first responder

//要想在用户结束编辑时阻止文本字段消失,可以返回NO

//这对一些文本字段必须始终保持活跃状态的程序很有用,比如即时消息

return NO;

}

C代码



- (BOOL)textField:(UITextField*)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{

//当用户使用自动更正功能,把输入的文字修改为推荐的文字时,就会调用这个方法。

//这对于想要加入撤销选项的应用程序特别有用

//可以跟踪字段内所做的最后一次修改,也可以对所有编辑做日志记录,用作审计用途。

//要防止文字被改变可以返回NO

//这个方法的参数中有一个NSRange对象,指明了被改变文字的位置,建议修改的文本也在其中

return YES;

}

C代码



- (BOOL)textFieldShouldClear:(UITextField *)textField{

//返回一个BOOL值指明是否允许根据用户请求清除内容

//可以设置在特定条件下才允许清除内容

return YES;

}

C代码



-(BOOL)textFieldShouldReturn:(UITextField *)textField{

//返回一个BOOL值,指明是否允许在按下回车键时结束编辑

//如果允许要调用resignFirstResponder 方法,这回导致结束编辑,而键盘会被收起

[textField resignFirstResponder];//查一下resign这个单词的意思就明白这个方法了

return YES;

}

通知

UITextField派生自UIControl,所以UIControl类中的通知系统在文本字段中也可以使用。除了UIControl类的标准事件,你还可以使用下列UITextField类特有的事件

UITextFieldTextDidBeginEditingNotification

UITextFieldTextDidChangeNotification

UITextFieldTextDidEndEditingNotification

当文本字段退出编辑模式时触发。通知的object属性存储了最终文本。

因为文本字段要使用键盘输入文字,所以下面这些事件发生时,也会发送动作通知

UIKeyboardWillShowNotification

键盘显示之前发送

UIKeyboardDidShowNotification

键盘显示之后发送

UIKeyboardWillHideNotification

键盘隐藏之前发送

UIKeyboardDidHideNotification

键盘隐藏之后发送

打开键盘卷动文本字段

默认情况下打开键盘会遮住下面的view,带来一点点困扰,不过这不是什么大问题,我们使用点小小的手段就可以解决。

首先我们要知道键盘的高度是固定不变的,不过在IOS 5.0 以后键盘的高度貌似不是216了,不过不要紧,我们调整调整就是了:

iPhoneipad
竖屏(portrait)216264
横屏(landScape)140352
我们采取的方法就是在textField(有可能是其他控件)接收到弹出键盘事件时把self.view整体上移216px了(我们就以iPhone竖屏为例了)。

有关View的frame,origin,size之类的知识点不懂的请参看我的另一篇博文:
有关View的几个基础知识点-IOS开发 (实例)

首先我们要设置textField的代理,我们就设为当前控制器了。

C代码



textField,delegate=self;

然后我们在当前控制器实现下面两个委托方法:

C代码



- (void)textFieldDidBeginEditing:(UITextField *)textField

{ //当点触textField内部,开始编辑都会调用这个方法。textField将成为first responder

NSTimeInterval animationDuration = 0.30f;

CGRect frame = self.view.frame;

frame.origin.y -=216;

frame.size.height +=216;

self.view.frame = frame;

[UIView beginAnimations:@"ResizeView" context:nil];

[UIView setAnimationDuration:animationDuration];

self.view.frame = frame;

[UIView commitAnimations];

}

C代码



- (BOOL)textFieldShouldReturn:(UITextField *)textField

{//当用户按下ruturn,把焦点从textField移开那么键盘就会消失了

NSTimeInterval animationDuration = 0.30f;

CGRect frame = self.view.frame;

frame.origin.y +=216;

frame.size. height -=216;

self.view.frame = frame;

//self.view移回原位置

[UIView beginAnimations:@"ResizeView" context:nil];

[UIView setAnimationDuration:animationDuration];

self.view.frame = frame;

[UIView commitAnimations];

[textField resignFirstResponder];

}

实例:

C代码



- (void)viewDidLoad

{

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

//创建

UITextField *myTextField = [[UITextField alloc]initWithFrame:CGRectMake(50, 300, 200, 60)];

myTextField.delegate = self;//设置委托

//设置属性

myTextField.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;// 垂直对齐方式,可以注视掉看看默认是什么效果

myTextField.textAlignment = UITextAlignmentLeft;//默认就是左对齐,这个是UITextField扩展属性

myTextField.borderStyle = UITextBorderStyleBezel;//默认是没有边框,如果使用了自定义的背景图片边框会被忽略掉

myTextField.placeholder = @"请在此输入账号";//为空白文本字段绘制一个灰色字符串作为占位符

myTextField.clearsOnBeginEditing = YES;//设置为YES当用点触文本字段时,字段内容会被清除

myTextField.adjustsFontSizeToFitWidth = YES;//设置为YES时文本会自动缩小以适应文本窗口大小。默认是保持原来大小,而让长文本滚动

//myTextField.background = [UIImage imageNamed:@"registBtn"];//可以接受UIImage对象,此项设置则边框失效。

myTextField.clearButtonMode = UITextFieldViewModeUnlessEditing;//右边显示的'X'清楚按钮

[self.view addSubview:myTextField];//显示

myTextField = nil;

}

//委托方法

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField{

//返回一个BOOL值,指定是否循序文本字段开始编辑

return YES;

}

- (void)textFieldDidBeginEditing:(UITextField *)textField{

//开始编辑时触发,文本字段将成为first responder

//键盘遮住了文本字段,视图整体上移

CGRect frame = self.view.frame;

frame.origin.y -=120;

frame.size.height +=120;

self.view.frame = frame;

}

- (BOOL)textFieldShouldEndEditing:(UITextField *)textField{

//返回BOOL值,指定是否允许文本字段结束编辑,当编辑结束,文本字段会让出first responder

//要想在用户结束编辑时阻止文本字段消失,可以返回NO

//这对一些文本字段必须始终保持活跃状态的程序很有用,比如即时消息

NSLog(@"here is code: %@",textField.text);

return YES;

}

- (BOOL)textField:(UITextField*)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string{

//当用户使用自动更正功能,把输入的文字修改为推荐的文字时,就会调用这个方法。

//这对于想要加入撤销选项的应用程序特别有用

//可以跟踪字段内所做的最后一次修改,也可以对所有编辑做日志记录,用作审计用途。

//要防止文字被改变可以返回NO

//这个方法的参数中有一个NSRange对象,指明了被改变文字的位置,建议修改的文本也在其中

return YES;

}

- (BOOL)textFieldShouldClear:(UITextField *)textField{

//返回一个BOOL值指明是否允许根据用户请求清除内容

//可以设置在特定条件下才允许清除内容

return YES;

}

-(BOOL)textFieldShouldReturn:(UITextField *)textField{

//之前视图上移了 现在移回来

CGRect frame = self.view.frame;

frame.origin.y +=120;

frame.size.height -=120;

self.view.frame = frame;

NSLog(@"textfield:%@", textField);

//返回一个BOOL值,指明是否允许在按下回车键时结束编辑

//如果允许要调用resignFirstResponder 方法,这回导致结束编辑,而键盘会被收起

[textField resignFirstResponder];//查一下resign这个单词的意思就明白这个方法了

return YES;

}

来源: /article/1425974.html

UITextField 的密文设定方式



通常在输入密码或是制作一些特殊效果时,UITextField 会使用密文来保护所输入的文字,下列我们将使用两种不同的方式来示范如何设定 UITextField 的密文保护。

一个最简单又直接的方式,当介面上已经拉出一个 UITextField 时,我们可以透过 Interface Builder 直接设定,点选所要的 UITextField 点选属性标籤页 Attributes inspector,并找到 Secure 的 CheckBox 打勾即可,如下图。



另一种方式,就是从程式里面直接做设定,常用在动态产生 UITextField 时,其程式码如下。

C代码



passwordTextField.secureTextEntry = YES;

来源:http://furnacedigital.blogspot.com/2011/04/uitextfield.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: