美文网首页ios开发小技巧
聊天界面使用IQKeyboardManager导航栏及整个页面上

聊天界面使用IQKeyboardManager导航栏及整个页面上

作者: zxFlyer | 来源:发表于2017-03-03 16:10 被阅读3848次

问题:

使用第三方库IQKeyboardManager时会使整个页面上移,导航栏页偏移出了显示范围。在聊天界面就会使得上面的消息看不到。

解决方法:

首先说明:在聊天界面使用IQKeyboardManager这个第三方库无法解决这个问题,至少我没找到解决办法。网上说的那些用xib创建UI,把控制器的view改成scrollview,或纯代码创建UI,重写loadView方法,然后把self.view = scrollview的解决方法会把布局搞乱。没有试,太麻烦。
解决思路:在聊天页面禁用IQKeyboardManager,监控键盘弹出通知,自己写输入框随键盘的上移下移,自己动手丰衣足食。在网上看到一个解决思路非常不错:键盘弹出时把消息列表tableView的高度设为(屏幕高度 - 输入框高度 - 键盘高度),同时输入框上移;键盘消失时再把tableView的高度设为(屏幕高度 - 输入框的高度),同时输入框下移。这样可以完美解决聊天列表的上面的消息无法显示问题和键盘遮挡问题。

键盘监控代码:

- (void)viewDidLoad {

    self.automaticallyAdjustsScrollViewInsets = NO;

    //监听键盘的通知
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillChangeFrameNotify:) name:UIKeyboardWillChangeFrameNotification object:nil];
}
-(void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
    _wasKeyboardManagerEnabled = [[IQKeyboardManager sharedManager]isEnabled];
    [[IQKeyboardManager sharedManager] setEnable:NO];
}
-(void)viewDidDisappear:(BOOL)animated {
{
    [super viewWillDisappear:animated];
    [[IQKeyboardManager sharedManager] setEnable:_wasKeyboardManagerEnabled];
}

/**
 *  点击了return按钮(键盘最右下角的按钮)就会调用
 */
- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
    [self sendMessage];
    return YES;
}

/**
 *  当键盘改变了frame(位置和尺寸)的时候调用
 */
-(void)keyboardWillChangeFrameNotify:(NSNotification*)notify {
    
    // 0.取出键盘动画的时间
    CGFloat duration = [notify.userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue];
    // 1.取得键盘最后的frame
    CGRect keyboardFrame = [notify.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
    // 2.计算控制器的view需要平移的距离
    CGFloat transformY = keyboardFrame.origin.y - self.view.frame.size.height;
    // 3.执行动画
    [UIView animateWithDuration:duration animations:^{
        self.myTableView.frame = CGRectMake(0, 0, SCREENW, SCREENH + transformY - self.inputView.height);
        self.tableViewBottomConstraint.constant = -transformY + 44;// tableView的bottom距父视图bottom的距离
        self.inputView.transform = CGAffineTransformMakeTranslation(0, transformY);
        [self scrollTableViewToBottom];
        
    }];
}
/**
 *  tableView快速滚动到底部
 */
- (void)scrollTableViewToBottom {
    if (self.messageFrames.count) {
        NSIndexPath *indexPath = [NSIndexPath indexPathForRow:(self.messageFrames.count - 1) inSection:0];
       [self.myTableView scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionBottom animated:YES];
    }
}

- (void)dealloc
{
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

我是用的xib拖的控件自动布局,不知道为什么,在键盘通知方法里的动画block里必须同时设置tableView.frame和改变tableView自动布局的constrainttableView的高度才能正确跟随键盘的弹出收起而正确改变高度。如有人知道求解惑。


更新

** 注意:**
本文介绍的聊天界面的上的tableView和输入框textfield都是添加在ViewController上的,VC不是继承UITableViewController,这时可以把IQKeyboardManager关掉,自己计算偏移。
但是,如果你的VC继承自UITableViewController,这时你把IQKeyboardManager关掉,当键盘遮挡textfield的时候tableView还是会自动偏移,因为在iOS4之后,处理键盘弹出和消失的代码已经封装在UITableViewController里了。

相关文章

网友评论

  • 凌然九霄:感谢分享,我用不了loadView,只能单个禁用了
  • 沈珂:你好,我的textfield会不定时的出现.第一次会随键盘上来,第二次textfield就没有了,如果一直点的话,有时候还会出现,用的是ios11
    zxFlyer:@沈珂 键盘弹起时,你看一下这个方法有没有执行
    [UIView animateWithDuration:duration animations:^{
    self.myTableView.frame = CGRectMake(0, 0, SCREENW, SCREENH + transformY - self.inputView.height);
    self.tableViewBottomConstraint.constant = -transformY + 44;

    输出tableView的frame看看有没有变化
    沈珂:@zxFlyer 对的
    zxFlyer:textfield不定时出现是什么意思?是textfield有时会随键盘上来,有时没有动吗?
  • ec26f8efef62:哥们,其实不需要这么复杂的。只需要把你底部的textfield跟聊天的tabbleview一起加在scrollview上,就可以完美解决了。
    zxFlyer:@恋上你的床1030 qq,微信不是的,我去看过
    ec26f8efef62:@zxFlyer 嗯。這個應該問題不大,QQ也是這樣子的。
    zxFlyer:@恋上你的床1030 这样虽然可以解决导航栏不偏移,但是如果聊天的tableview上只有少量的几行,键盘弹出后这几行会随tableview滑动到屏幕外看不到
  • 18d6bd3f6685:所以怎么样在单个控制器禁用 IQKeyboard 呢?
    IQKeyboardManager.sharedManager().enable = false
    这一句没有用啊.
    zxFlyer:@Nickkkkk 那句话应该是有作用的。你的输入框是不是写在tableView里面了,textfield是tableView的子视图?
    18d6bd3f6685:写在对应controller 的 viewdidload 里面
    zxFlyer:应该就是这句啊,你写在哪个方法里了
  • 七堇年华cc:及时雨啊,帮忙解决了困扰好久的问题,感谢!~
    zxFlyer:不客气~

本文标题:聊天界面使用IQKeyboardManager导航栏及整个页面上

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