IOS 实现键盘弹出视图上移功能

实现随着键盘弹出,响应的视图也随之上移

有时候你可能会遇到这样一个情况,如下图

   


这样弹出来的键盘就遮挡住了文本框,导致看不到文本框,也就看不到输入了什么
解决这个问题有两种方法

一、把文本框调高点,这样键盘就不会遮挡文本框了,但是有时候布局不允许这么做,
那么显而易见这种方法也就不太可取了,

二、当键盘要弹出的时候把整个视图往上移动,这样文本框也就随着往上移动。
显然这种方法更可取,下面我们就来实现这个方法

我们通过一个仿射变换来实现  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;
    

}


这里肯定会疑惑为什么不在- (IBAction)editBegin:(id)sender 这个方法中直接使视图上移,
而非要再创建一个线程,然后再响应一个方法来实现。

其实刚开始的时候我就是这么做的,但是我发现有个可以说不是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


  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值