服务器之家

服务器之家 > 正文

iOS实现聊天输入框功能

时间:2021-04-22 17:47     来源/作者:yyuuzhu

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

iOS实现聊天输入框功能

iOS实现聊天输入框功能

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

?
1
2
3
4
5
6
7
8
9
- (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中;稍后会讲到里面的代理方法的作用;

工程结构如下图

iOS实现聊天输入框功能 

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

 

类名 作用
dkskeyboardview 布局表情按钮、更多按钮、输入框
dkstextview

设置输入行数,输入框内容变化时改变输入款高度

 

dkskeyboardview.h中的代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
#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、点击输入框,键盘出现

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//键盘将要出现
- (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、键盘消失

?
1
2
3
4
5
6
7
8
9
10
- (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、点击更多按钮

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
- (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、改变输入框大小

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
- (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

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
返回顶部