IOS学习笔记36—解决键盘遮挡输入框(UITextField)问题
2014-04-07 12:07
871 查看
在IOS开发中,如果输入框(UITextFiled)在界面的下半部分,那么,当键盘出现的时候,势必会挡住输入框,就下下面这样:
这样的效果造成了很不好的用户体验,在这一点上,Android或许就做的好一点,在Android中,只要有输入框的地方,不管EditText处在界面什么位置,只要激发键盘开始输入,系统会自动把EditText至于键盘最上方(有的跟布局有关),这样不会遮挡住用户视线。在IOS中,关于这个问题,我参考了一定的解决方案,并自己总结了一下。
主要功能包括:
自适应键盘出现后View的高度调整,防止遮挡输入框
点击背景区域关闭键盘
响应键盘上Return按钮事件(实现在上下UITextFiled间切换光标)
1.首先在ViewController中实现UITextField的一个Delegate
[cpp] view
plaincopy
// ViewController.h
// ResizeView
//
// Created by Ryan Tang on 12-11-20.
// Copyright (c) 2012年 Ericsson Labs. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface ViewController : UIViewController<UITextFieldDelegate>
@property (weak, nonatomic) IBOutlet UITextField *userNameText;
@property (weak, nonatomic) IBOutlet UITextField *passwordText;
@end
2.实现UITextFiledDelegate中的协议方法
[cpp] view
plaincopy
//UITextField的协议方法,当开始编辑时监听
-(BOOL)textFieldShouldBeginEditing:(UITextField *)textField
{
NSTimeInterval animationDuration=0.30f;
[UIView beginAnimations:@"ResizeForKeyboard" context:nil];
[UIView setAnimationDuration:animationDuration];
float width = self.view.frame.size.width;
float height = self.view.frame.size.height;
//上移30个单位,按实际情况设置
CGRect rect=CGRectMake(0.0f,-30,width,height);
self.view.frame=rect;
[UIView commitAnimations];
return YES;
}
3.恢复移动的视图的方法
[cpp] view
plaincopy
//恢复原始视图位置
-(void)resumeView
{
NSTimeInterval animationDuration=0.30f;
[UIView beginAnimations:@"ResizeForKeyboard" context:nil];
[UIView setAnimationDuration:animationDuration];
float width = self.view.frame.size.width;
float height = self.view.frame.size.height;
//如果当前View是父视图,则Y为20个像素高度,如果当前View为其他View的子视图,则动态调节Y的高度
float Y = 20.0f;
CGRect rect=CGRectMake(0.0f,Y,width,height);
self.view.frame=rect;
[UIView commitAnimations];
}
4.点击背景隐藏键盘及响应键盘上Return按键的方法
[cpp] view
plaincopy
//隐藏键盘的方法
-(void)hidenKeyboard
{
[self.userNameText resignFirstResponder];
[self.passwordText resignFirstResponder];
[self resumeView];
}
//点击键盘上的Return按钮响应的方法
-(IBAction)nextOnKeyboard:(UITextField *)sender
{
if (sender == self.userNameText) {
[self.passwordText becomeFirstResponder];
}else if (sender == self.passwordText){
[self hidenKeyboard];
}
}
5.指定协议及注册事件
[cpp] view
plaincopy
- (void)viewDidLoad
{
[super viewDidLoad];
//指定本身为代理
self.userNameText.delegate = self;
self.passwordText.delegate = self;
//指定编辑时键盘的return键类型
self.userNameText.returnKeyType = UIReturnKeyNext;
self.passwordText.returnKeyType = UIReturnKeyDefault;
//注册键盘响应事件方法
[self.userNameText addTarget:self action:@selector(nextOnKeyboard:) forControlEvents:UIControlEventEditingDidEndOnExit];
[self.passwordText addTarget:self action:@selector(nextOnKeyboard:) forControlEvents:UIControlEventEditingDidEndOnExit];
//添加手势,点击屏幕其他区域关闭键盘的操作
UITapGestureRecognizer *gesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(hidenKeyboard)];
gesture.numberOfTapsRequired = 1;
[self.view addGestureRecognizer:gesture];
}
最后运行工程,效果如下:
以上就解决了键盘出现遮挡输入框的问题,同时实现了点按背景取消键盘和响应键盘上Return按钮的功能,以上实现方法不是最好的,只是我解决问题的一种方式,以此记录下来,或许对别人有帮助,也欢迎有更好解决方案的童鞋提出修改意见!
工程源码:下载
加入我们的QQ群或微信公众账号请查看:Ryan's
zone公众账号及QQ群
欢迎关注我的新浪微博和我交流:@唐韧_Ryan
这样的效果造成了很不好的用户体验,在这一点上,Android或许就做的好一点,在Android中,只要有输入框的地方,不管EditText处在界面什么位置,只要激发键盘开始输入,系统会自动把EditText至于键盘最上方(有的跟布局有关),这样不会遮挡住用户视线。在IOS中,关于这个问题,我参考了一定的解决方案,并自己总结了一下。
主要功能包括:
自适应键盘出现后View的高度调整,防止遮挡输入框
点击背景区域关闭键盘
响应键盘上Return按钮事件(实现在上下UITextFiled间切换光标)
1.首先在ViewController中实现UITextField的一个Delegate
[cpp] view
plaincopy
// ViewController.h
// ResizeView
//
// Created by Ryan Tang on 12-11-20.
// Copyright (c) 2012年 Ericsson Labs. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface ViewController : UIViewController<UITextFieldDelegate>
@property (weak, nonatomic) IBOutlet UITextField *userNameText;
@property (weak, nonatomic) IBOutlet UITextField *passwordText;
@end
2.实现UITextFiledDelegate中的协议方法
[cpp] view
plaincopy
//UITextField的协议方法,当开始编辑时监听
-(BOOL)textFieldShouldBeginEditing:(UITextField *)textField
{
NSTimeInterval animationDuration=0.30f;
[UIView beginAnimations:@"ResizeForKeyboard" context:nil];
[UIView setAnimationDuration:animationDuration];
float width = self.view.frame.size.width;
float height = self.view.frame.size.height;
//上移30个单位,按实际情况设置
CGRect rect=CGRectMake(0.0f,-30,width,height);
self.view.frame=rect;
[UIView commitAnimations];
return YES;
}
3.恢复移动的视图的方法
[cpp] view
plaincopy
//恢复原始视图位置
-(void)resumeView
{
NSTimeInterval animationDuration=0.30f;
[UIView beginAnimations:@"ResizeForKeyboard" context:nil];
[UIView setAnimationDuration:animationDuration];
float width = self.view.frame.size.width;
float height = self.view.frame.size.height;
//如果当前View是父视图,则Y为20个像素高度,如果当前View为其他View的子视图,则动态调节Y的高度
float Y = 20.0f;
CGRect rect=CGRectMake(0.0f,Y,width,height);
self.view.frame=rect;
[UIView commitAnimations];
}
4.点击背景隐藏键盘及响应键盘上Return按键的方法
[cpp] view
plaincopy
//隐藏键盘的方法
-(void)hidenKeyboard
{
[self.userNameText resignFirstResponder];
[self.passwordText resignFirstResponder];
[self resumeView];
}
//点击键盘上的Return按钮响应的方法
-(IBAction)nextOnKeyboard:(UITextField *)sender
{
if (sender == self.userNameText) {
[self.passwordText becomeFirstResponder];
}else if (sender == self.passwordText){
[self hidenKeyboard];
}
}
5.指定协议及注册事件
[cpp] view
plaincopy
- (void)viewDidLoad
{
[super viewDidLoad];
//指定本身为代理
self.userNameText.delegate = self;
self.passwordText.delegate = self;
//指定编辑时键盘的return键类型
self.userNameText.returnKeyType = UIReturnKeyNext;
self.passwordText.returnKeyType = UIReturnKeyDefault;
//注册键盘响应事件方法
[self.userNameText addTarget:self action:@selector(nextOnKeyboard:) forControlEvents:UIControlEventEditingDidEndOnExit];
[self.passwordText addTarget:self action:@selector(nextOnKeyboard:) forControlEvents:UIControlEventEditingDidEndOnExit];
//添加手势,点击屏幕其他区域关闭键盘的操作
UITapGestureRecognizer *gesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(hidenKeyboard)];
gesture.numberOfTapsRequired = 1;
[self.view addGestureRecognizer:gesture];
}
最后运行工程,效果如下:
以上就解决了键盘出现遮挡输入框的问题,同时实现了点按背景取消键盘和响应键盘上Return按钮的功能,以上实现方法不是最好的,只是我解决问题的一种方式,以此记录下来,或许对别人有帮助,也欢迎有更好解决方案的童鞋提出修改意见!
工程源码:下载
加入我们的QQ群或微信公众账号请查看:Ryan's
zone公众账号及QQ群
欢迎关注我的新浪微博和我交流:@唐韧_Ryan
相关文章推荐
- IOS学习笔记36—解决键盘遮挡输入框(UITextField)问题
- iOS学习——键盘弹出遮挡输入框问题解决方案
- iOS开发笔记之解决键盘遮挡UITextField问题
- 解决键盘遮挡输入框(UITextField)问题
- ios--解决键盘遮挡UITextField控件的问题(方式一)
- iOS解决键盘弹出遮挡输入框问题
- ios--解决键盘遮挡UITextField控件的问题(方式二)
- 解决键盘遮挡输入框(UITextField)问题
- iOS解决键盘遮挡输入框问题
- iOS解决键盘遮挡输入框的问题
- iOS项目开发键盘弹出遮挡输入框问题解决方案
- 安卓学习笔记---解决在在Edittext输入的时候,输入框被软键盘遮挡部分内容的问题(一)
- Swift 解决IOS开发中TableView中编辑UITextField时键盘遮挡输入框的情况
- 安卓学习笔记---解决在在Edittext输入的时候,输入框被软键盘遮挡部分内容的问题(二)
- 解决键盘遮挡输入框(UITextField)问题
- 解决iOS键盘弹出遮挡输入框问题
- IOS开发(21)关于UITextField的键盘遮挡问题
- iOS UITextfield 键盘遮挡解决代码
- ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
- iOS---UITextField代理方法解决键盘遮挡文本框