实现view底部控件随着键盘的弹出而上移的效果

ShevaKuilin 2016年03月22日发布

ShevaKuilin 2016年03月22日发布

ShevaKuilin 2016年03月22日发布

ShevaKuilin 2016年03月22日发布

ShevaKuilin 2016年03月22日发布

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

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底部的间距。

在自己的代码中，写的更加简单粗暴

-(IBAction)closeKeyboard{

    // 关闭键盘

    [_tv resignFirstResponder];

    // 控件下移

    _topSpacingConstraint.constant = 70;

}

-(BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text{

    if ([text isEqualToString:@"\n"]) {

        [self closeKeyboard];

        return NO;

    }

    return YES;

}

// 打开键盘控件上移

-(BOOL)textViewShouldBeginEditing:(UITextView *)textView{

    NSLog(@"打开键盘");

    // 控件上移

    _topSpacingConstraint.constant = 0;

    return YES;

}