当前位置: 移动技术网 > IT编程>移动开发>IOS > iOS实现聊天输入框功能

iOS实现聊天输入框功能

2019年07月24日  | 移动技术网IT编程  | 我要评论

安徽省合肥市教育局,大勇看世界,mc小溪

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

经过封装,使用就非常的简单了,在需要的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实现聊天输入框功能,希望对大家有所帮助

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

  • ios uicollectionview实现横向滚动

    现在使用卡片效果的app很多,之前公司让实现一种卡片效果,就写了一篇关于实现卡片的文章。文章最后附有demo实现上我选择了使用uicollectionview ... [阅读全文]
  • iOS UICollectionView实现横向滑动

    本文实例为大家分享了ios uicollectionview实现横向滑动的具体代码,供大家参考,具体内容如下uicollectionview的横向滚动,目前我使... [阅读全文]
  • iOS13适配深色模式(Dark Mode)的实现

    iOS13适配深色模式(Dark Mode)的实现

    好像大概也许是一年前, mac os系统发布了深色模式外观, 看着挺刺激, 时至今日用着也还挺爽的终于, 随着iphone11等新手机的发售, ios 13系统... [阅读全文]
  • ios 使用xcode11 新建项目工程的步骤详解

    ios 使用xcode11 新建项目工程的步骤详解

    xcode11新建项目工程,新增了scenedelegate这个类,转而将原appdelegate负责的对ui生命周期的处理担子接了过来。故此可以理解为:ios... [阅读全文]
  • iOS实现转盘效果

    本文实例为大家分享了ios实现转盘效果的具体代码,供大家参考,具体内容如下demo下载地址: ios转盘效果功能:实现了常用的ios转盘效果,轮盘抽奖效果的实现... [阅读全文]
  • iOS开发实现转盘功能

    本文实例为大家分享了ios实现转盘功能的具体代码,供大家参考,具体内容如下今天给同学们讲解一下一个转盘选号的功能,直接上代码直接看viewcontroller#... [阅读全文]
  • iOS实现轮盘动态效果

    本文实例为大家分享了ios实现轮盘动态效果的具体代码,供大家参考,具体内容如下一个常用的绘图,主要用来打分之类的动画,效果如下。主要是ios的绘图和动画,本来想... [阅读全文]
  • iOS实现九宫格连线手势解锁

    本文实例为大家分享了ios实现九宫格连线手势解锁的具体代码,供大家参考,具体内容如下demo下载地址:效果图:核心代码://// clockview.m// 手... [阅读全文]
  • iOS实现卡片堆叠效果

    本文实例为大家分享了ios实现卡片堆叠效果的具体代码,供大家参考,具体内容如下如图,这就是最终效果。去年安卓5.0发布的时候,当我看到安卓全新的material... [阅读全文]
  • iOS利用余弦函数实现卡片浏览工具

    iOS利用余弦函数实现卡片浏览工具

    本文实例为大家分享了ios利用余弦函数实现卡片浏览工具的具体代码,供大家参考,具体内容如下一、实现效果通过拖拽屏幕实现卡片移动,左右两侧的卡片随着拖动变小,中间... [阅读全文]
验证码:
移动技术网