[分享]iOS开发-实现view底部控件随着键盘的弹出而上移的效果

631 查看

首先说一下思路:
想要达到底部控件随着键盘的弹出而上移的效果,那么我们必然需要的到键盘在弹出时的高度,以及原点坐标。
说白了我们的大致思路就是,用view的高度-键盘弹出时的高度,得到的值就是底部控件与view底部之间的距离,在整个效果完成的过程中,我们只需要调整控件与底部之间的距离即可,而不是控件与键盘之间的距离,这是一个思路。
值得注意的是,随着iphone6s以及plus的推出,iphone的键盘高度再也不是传统固定的216,而是动态增加的。
所以,我要要得到键盘的高度及原点坐标,也就是fram,这就需要用通知对键盘实施监听。
当然,还有一种思路也是大同小异,用通知监听键盘frame,然后得到键盘的Y值和你的控件的最大Y值比较,如果键盘的frame的y值小于你控件最大的y值,就让你的ui控件向上移动。


下面就来具体看看如何实现:

1.首先,我们在storyboard中找到这个底部控件outLayout的bottom约束,也就是找到这个控件与view底部的约束距离,如图:

找到后,将这个约束在.m中关联一个输出口,这样我们就得到一个全局的NSLayoutConstraint属性,来控制这个控件的constraint,如图:

2.最重要的一步,我们来完成实现view底部控件随着键盘的弹出而上移的效果的方法

-(void)keyboardAppear:(NSNotification *)aNotification
{
    NSDictionary * userInfo = aNotification.userInfo;
    CGRect frameOfKeyboard = [userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
    CGRect frame = self.view.frame;
                              
    CGFloat height = frame.size.height - frameOfKeyboard.origin.y + 64;//加64是因为存在navigation导致view本身就整体下移了64个单位
    self.bottomSpacingConstraint.constant = height;
}

上面这个方法中的思路我来解释一下,首先我们声明一个NSDictionary来储存aNotification中的userInfo,可以简单地说,aNotification中储存着这个键盘中的所有被监听的属性信息,具体有什么内容可以自己讲其打印出来查看。然后,我们再分别获取到键盘和view的frame,最重要的地方来了,也是整个方法的核心思路:就是用view的高度减去键盘的y值,那么得到的就是键盘的最上面的点和view底部的间距,这也就是我们想要得到的控件上移时与view底部的距离,由于我们在storyboard中设置了outLayout的底部约束,所以,只要将我们最开始声明的全局NSLayoutConstraint属性(也就是底部约束)的constant重新赋值成我们得到的间距,就完成了这种效果的生成条件。

3.完成上述步骤后,我们在viewDidLoad中声明如下两个通知,如下:

//键盘弹出时
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardAppear:) name:UIKeyboardWillShowNotification object:nil];
//键盘消失时
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardAppear:) name:UIKeyboardWillHideNotification object:nil];

在键盘弹出时,我们调用keyboardAppear方法,由于键盘弹出,我们得到的是弹出的键盘的y与view底部的间距,当键盘撤销时,我们得到的同样是撤销后的键盘的y(也就是0,因为已经消失了,高度为0)与view底部的间距。

我写这些博客的目的,是希望大家看了之后能得到一些思路上的启发,而不是单纯的机械记方法和写代码,程序是靠思路去创造的,望诸君共勉。

最后,我们来看一下运行后的效果: