实现随着键盘弹出,响应的视图也随之上移
有时候你可能会遇到这样一个情况,如下图
![](https://img-blog.csdn.net/20131227113116031?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGNfb2Jq/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
这样弹出来的键盘就遮挡住了文本框,导致看不到文本框,也就看不到输入了什么
解决这个问题有两种方法
一、把文本框调高点,这样键盘就不会遮挡文本框了,但是有时候布局不允许这么做,
那么显而易见这种方法也就不太可取了,
二、当键盘要弹出的时候把整个视图往上移动,这样文本框也就随着往上移动。
显然这种方法更可取,下面我们就来实现这个方法
首先实现当点击文本框要输入内容时所调用的方法
//开始编辑文本框内容时所调用的方法,用拖拽关联的方法,响应动作为 Editing Did Begin
- (IBAction)editBegin:(id)sender {
//创建一个线程用来延迟视图上弹
NSThread *thread = [[NSThread alloc]initWithTarget:self selector:@selector(change:) object:nil];
[thread start];
//释放创建的对象
[thread release];
}
- (void)change:(id)sender
{
//线程睡眠0.2秒以实现视图延迟上弹
[NSThread sleepForTimeInterval:0.2];
//创建一个仿射变换,平移(0, -100)视图上移100像素
CGAffineTransform pTransform = CGAffineTransformMakeTranslation(0, -100);
//使视图使用这个变换
self.view.transform = pTransform;
而非要再创建一个线程,然后再响应一个方法来实现。
其实刚开始的时候我就是这么做的,但是我发现有个可以说不是BUG的BUG,
用那种方法,在一开始点击文本框的时候,视图就立马往上移动,速度很快,
可能你会说这不正是我们想要的么,是的的确是我们想要的,但是问题是,这时
键盘才刚弹出,也就是说在键盘弹出的时候视图就已经移动完成,这时键盘与视图之间就会
出现一段黑色区域,这个区域大概会存在0.1到0.2秒之间,虽然没什么大问题,但总感觉
画面不是那么和谐,所以我用睡眠线程的方法以延迟视图的上移。
好了,现在键盘弹出已经解决了,剩下的就是键盘回弹,
这里我用了一个特别简单的方法
//弹回键盘,在触摸屏幕时调用这个方法
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
//设置结束输入状态
[self.view endEditing:YES];
//现在键盘是弹回了,但是视图还没回去,
//使视图回到原来的位置
CGAffineTransform pTransform = CGAffineTransformMakeTranslation(0, 0);
self.view.transform = pTransform;
}
就这样就实现了这个想法,是不是很简单?
例子的话你可以下载上篇的demo,上篇的demo就实现了这个功能。
有时候你可能会遇到这样一个情况,如下图
这样弹出来的键盘就遮挡住了文本框,导致看不到文本框,也就看不到输入了什么
解决这个问题有两种方法
一、把文本框调高点,这样键盘就不会遮挡文本框了,但是有时候布局不允许这么做,
那么显而易见这种方法也就不太可取了,
二、当键盘要弹出的时候把整个视图往上移动,这样文本框也就随着往上移动。
显然这种方法更可取,下面我们就来实现这个方法
我们通过一个仿射变换来实现 CGAffineTransform
对仿射变换不了解的可以看我写的另一篇文章,下面是链接
http://blog.csdn.net/lc_obj/article/details/17454825
//开始编辑文本框内容时所调用的方法,用拖拽关联的方法,响应动作为 Editing Did Begin
- (IBAction)editBegin:(id)sender {
//创建一个线程用来延迟视图上弹
NSThread *thread = [[NSThread alloc]initWithTarget:self selector:@selector(change:) object:nil];
[thread start];
//释放创建的对象
[thread release];
}
- (void)change:(id)sender
{
//线程睡眠0.2秒以实现视图延迟上弹
[NSThread sleepForTimeInterval:0.2];
//创建一个仿射变换,平移(0, -100)视图上移100像素
CGAffineTransform pTransform = CGAffineTransformMakeTranslation(0, -100);
//使视图使用这个变换
self.view.transform = pTransform;
}
而非要再创建一个线程,然后再响应一个方法来实现。
其实刚开始的时候我就是这么做的,但是我发现有个可以说不是BUG的BUG,
用那种方法,在一开始点击文本框的时候,视图就立马往上移动,速度很快,
可能你会说这不正是我们想要的么,是的的确是我们想要的,但是问题是,这时
键盘才刚弹出,也就是说在键盘弹出的时候视图就已经移动完成,这时键盘与视图之间就会
出现一段黑色区域,这个区域大概会存在0.1到0.2秒之间,虽然没什么大问题,但总感觉
画面不是那么和谐,所以我用睡眠线程的方法以延迟视图的上移。
可能我解释的不是很清楚,其实你大可以自己试一试。
下面就是处理后的截图
好了,现在键盘弹出已经解决了,剩下的就是键盘回弹,
这里我用了一个特别简单的方法
//弹回键盘,在触摸屏幕时调用这个方法
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
//设置结束输入状态
[self.view endEditing:YES];
//现在键盘是弹回了,但是视图还没回去,
//使视图回到原来的位置
CGAffineTransform pTransform = CGAffineTransformMakeTranslation(0, 0);
self.view.transform = pTransform;
}
就这样就实现了这个想法,是不是很简单?
例子的话你可以下载上篇的demo,上篇的demo就实现了这个功能。
这里是上篇demo的链接:http://download.csdn.net/detail/u012884714/6774115
这只是一个小功能细节的实现,在这里分享给大家 —— LC