iOS实现聊天输入框功能

经常使用微信聊天，没事儿就会想输入框的实现过程，所以抽空，也实现了一个输入框的功能；

经过封装，使用就非常的简单了，在需要的vc中，实现方法如下：

- (void)viewdidload {
  [super viewdidload];
  self.view.backgroundcolor = [uicolor colorwithred:0.92 green:0.92 blue:0.92 alpha:1.00];

  self.keyview = [[dkskeyboardview alloc] initwithframe:cgrectmake(0, k_height - 51, k_width, 51)];
  //设置代理方法
  self.keyview.delegate = self;
  [self.view addsubview:_keyview];
}

主要就是上面的添加，此时输入框就已经添加到当前的vc中；稍后会讲到里面的代理方法的作用；

工程结构如下图

 

主要是红色线标出的两个类，结构比较简单

 

类名	作用
dkskeyboardview	布局表情按钮、更多按钮、输入框
dkstextview	设置输入行数，输入框内容变化时改变输入款高度

 

dkskeyboardview.h中的代码如下：

#import @protocol dkskeyboarddelegate @optional //非必实现的方法
/**
 点击发送时输入框内的文案
 @param textstr 文案
 */
- (void)textviewcontenttext:(nsstring *)textstr;
/**
 键盘的frame改变
 */
- (void)keyboardchangeframewithminy:(cgfloat)miny;
@end
@interface dkskeyboardview : uiview @property (nonatomic, weak) id delegate;
@end

关于上面的两个代理方法，由于文章篇幅问题，实现的过程可参考demo，里面有详细的注释；

在dkskeyboardview.m中，以下列出少量重要代码，主要是改变frame

1、点击输入框，键盘出现

//键盘将要出现
- (void)keyboardwillshow:(nsnotification *)notification {
  [self removebottomviewfromsupview];
  nsdictionary *userinfo = notification.userinfo;
  cgrect endframe = [userinfo[uikeyboardframeenduserinfokey] cgrectvalue];
  //获取键盘的高度
  self.keyboardheight = endframe.size.height;

  //键盘的动画时长
  cgfloat duration = [userinfo[uikeyboardanimationdurationuserinfokey] doublevalue];
  [uiview animatewithduration:duration delay:0 options:[notification.userinfo[uikeyboardanimationcurveuserinfokey] integervalue] animations:^{
    self.frame = cgrectmake(0, endframe.origin.y - self.backview.height - statusnav_height, k_width, self.height);
    [self changetableviewframe];
  } completion:nil];
}

2、键盘消失

- (void)keyboardwillhide:(nsnotification *)notification {
  //如果是弹出了底部视图时
  if (self.moreclick || self.emojiclick) {
    return;
  }
  [uiview animatewithduration:0.25 animations:^{
    self.frame = cgrectmake(0, k_height - statusnav_height - self.backview.height, k_width, self.backview.height);
    [self changetableviewframe];
  }];
}

3、点击更多按钮

- (void)morebtn:(uibutton *)btn {
  self.emojiclick = no; //主要是设置表情按钮为未点击状态
  if (self.moreclick == no) {
    self.moreclick = yes;
    //回收键盘
    [self.textview resignfirstresponder];
    [self.emojiview removefromsuperview];
    self.emojiview = nil;
    [self addsubview:self.moreview];
    //改变更多、self的frame
    [uiview animatewithduration:0.25 animations:^{
      self.moreview.frame = cgrectmake(0, self.backview.height, k_width, bottomheight);
      self.frame = cgrectmake(0, k_height - statusnav_height - self.backview.height - bottomheight, k_width, self.backview.height + bottomheight);
      [self changetableviewframe];
    }];
  } else { //再次点击更多按钮
    //键盘弹起
    [self.textview becomefirstresponder];
  }
}

4、改变输入框大小

- (void)changeframe:(cgfloat)height {
  cgrect frame = self.textview.frame;
  frame.size.height = height;
  self.textview.frame = frame; //改变输入框的frame
  //当输入框大小改变时，改变backview的frame
  self.backview.frame = cgrectmake(0, 0, k_width, height + (viewmargin * 2));
  self.frame = cgrectmake(0, k_height - self.backview.height - self.keyboardheight, k_width, self.backview.height);
  //改变更多按钮、表情按钮的位置
  self.emojibtn.frame = cgrectmake(viewmargin, self.backview.height - viewheight - viewmargin, viewheight, viewheight);
  self.morebtn.frame = cgrectmake(self.textview.maxx + viewmargin, self.backview.height - viewheight - viewmargin, viewheight, viewheight);
  //主要是为了改变vc的view的frame
  if (self.delegate && [self.delegate respondstoselector:@selector(changeframewithminy:)]) {
    [self.delegate changeframewithminy:self.miny];
  }
}

以上就是聊天输入框的简单实现，只是提供一个实现思路，如果在聊天界面中接入，还需要处理以下问题：

1、demo中没有做tableviewcell的高度自适应；

2、输入框文案较多时，tableviewcell可能会出现紊乱，此处没有处理

demo中如果有任何问题，欢迎各位留言拍砖，小弟一定更正，共同学习；

github地址

总结

以上所述是小编给大家介绍的ios实现聊天输入框功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持！

原文链接：http://www.cocoachina.com/ios/20180226/22357.html