美文网首页
防止键盘遮挡输入框

防止键盘遮挡输入框

作者: 妮儿_smile | 来源:发表于2016-07-16 12:32 被阅读0次

    在搭登录,注册等主要由文本输入框构成的页面时,要考虑键盘出现可能会遮挡屏输入框的情况,我采用的方法是把控件放在scrollView上,如果键盘会遮挡输入框,则让其滚动.

    未出现键盘情况,此时页面不能动 出现键盘后页面向上滑

    我用的xib布局,xib布局scrollView感觉相当繁琐,这里顺带提一下xib布局scrollView的方法.

    xib布局scrollView的方法.

    1.要先在View上放上scrollView约束视情况而定,这里距上下左右为0, 

    2.在scrollView上放上UIView,当做contentView来使用,距父视图上下左右也均为0

    3.在contentView上要用控件去支撑,所以,省事起见,再放一个view上去,这个view是为了支撑contentView,距contentView上下左右均为0,还要给宽高!!!给宽高!!!给宽高!!!以竖向滑动为例,让view和scrollView等宽,高度可以先给480,之后拖成属性,再进行更改.

    好了,接下来步入正题.

    防止键盘遮盖

    1.在viewDidLoad里注册通知

    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardShow:) name:UIKeyboardWillShowNotification object:nil];

    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardDisappear:) name:UIKeyboardWillHideNotification object:nil];

    通知内容为系统自带的,当键盘出现时调用keyboardShow,消失时调用keyboardDisappear这两个自己写的方法.

    2.实现键盘出现,消失方法

    /*

    * 键盘出现

    *这里先获取键盘的高度,再判断键盘高度+最下面空间MaxY是否大于屏幕高度,如果大于则将view的高度变大,以此更改contentSize.

    */

    - (void)keyboardShow:(NSNotification *)noti

    {

    // 获取键盘的frame

    NSDictionary *userInfo = noti.userInfo;

    // UIKeyboardFrameEndUserInfoKey // 键盘动画后的frame值

    NSValue *keyboardValue = [userInfo objectForKey:UIKeyboardFrameEndUserInfoKey]; // 获取键盘frame value值

    CGRect keyboardRect;

    [keyboardValue getValue:&keyboardRect];

    CGFloat height = self.view.frame.size.height;

    // 判断键盘是否盖住登录按钮

    if (_nextStepButton.frame.origin.y + _nextStepButton.frame.size.height > height - keyboardRect.size.height) {

    _contentViewHeight.constant = _nextStepButton.frame.origin.y + _nextStepButton.frame.size.height + keyboardRect.size.height +30;

    }

    }

    /*

    * 键盘消失

    */

    - (void)keyboardDisappear:(NSNotification *)noti

    {

    // 让scrollView不滑动

    _contentViewHeight.constant = 480;

    }

    至此大功告成~~~~~

    相关文章

      网友评论

          本文标题:防止键盘遮挡输入框

          本文链接:https://www.haomeiwen.com/subject/cpqujttx.html