快捷導(dǎo)航

iOS實(shí)現(xiàn)聊天輸入框功能

更新時間：2018年02月26日 17:22:34 作者：yyuuzhu

大家都經(jīng)常使用微信聊天功能，在沒事的時候就會想微信聊天輸入框的實(shí)現(xiàn)過程，很無聊吧。今天小編抽空給大家分享iOS實(shí)現(xiàn)聊天輸入框功能，感興趣的朋友跟隨腳本之家小編一起看看吧

經(jīng)常使用微信聊天，沒事兒就會想輸入框的實(shí)現(xiàn)過程，所以抽空，也實(shí)現(xiàn)了一個輸入框的功能；

經(jīng)過封裝，使用就非常的簡單了，在需要的VC中，實(shí)現(xiàn)方法如下：

- (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)];
  //設(shè)置代理方法
  self.keyView.delegate = self;
  [self.view addSubview:_keyView];
}

主要就是上面的添加，此時輸入框就已經(jīng)添加到當(dāng)前的VC中；稍后會講到里面的代理方法的作用；

工程結(jié)構(gòu)如下圖

主要是紅色線標(biāo)出的兩個類，結(jié)構(gòu)比較簡單

類名	作用
DKSKeyboardView	布局表情按鈕、更多按鈕、輸入框
DKSTextView	設(shè)置輸入行數(shù)，輸入框內(nèi)容變化時改變輸入款高度

DKSKeyboardView.h中的代碼如下：

#import @protocol DKSKeyboardDelegate @optional //非必實(shí)現(xiàn)的方法
/**
 點(diǎn)擊發(fā)送時輸入框內(nèi)的文案
 @param textStr 文案
 */
- (void)textViewContentText:(NSString *)textStr;
/**
 鍵盤的frame改變
 */
- (void)keyboardChangeFrameWithMinY:(CGFloat)minY;
@end
@interface DKSKeyboardView : UIView @property (nonatomic, weak) id delegate;
@end

關(guān)于上面的兩個代理方法，由于文章篇幅問題，實(shí)現(xiàn)的過程可參考demo，里面有詳細(xì)的注釋；

在DKSKeyboardView.m中，以下列出少量重要代碼，主要是改變frame

1、點(diǎn)擊輸入框，鍵盤出現(xiàn)

//鍵盤將要出現(xiàn)
- (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、點(diǎn)擊更多按鈕

- (void)moreBtn:(UIButton *)btn {
  self.emojiClick = NO; //主要是設(shè)置表情按鈕為未點(diǎn)擊狀態(tài)
  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 { //再次點(diǎn)擊更多按鈕
    //鍵盤彈起
    [self.textView becomeFirstResponder];
  }
}

4、改變輸入框大小

- (void)changeFrame:(CGFloat)height {
  CGRect frame = self.textView.frame;
  frame.size.height = height;
  self.textView.frame = frame; //改變輸入框的frame
  //當(dāng)輸入框大小改變時，改變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];
  }
}

以上就是聊天輸入框的簡單實(shí)現(xiàn)，只是提供一個實(shí)現(xiàn)思路，如果在聊天界面中接入，還需要處理以下問題：

1、demo中沒有做tableViewCell的高度自適應(yīng)；

2、輸入框文案較多時，tableViewCell可能會出現(xiàn)紊亂，此處沒有處理

demo中如果有任何問題，歡迎各位留言拍磚，小弟一定更正，共同學(xué)習(xí)；

GitHub地址

總結(jié)

以上所述是小編給大家介紹的iOS實(shí)現(xiàn)聊天輸入框功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: