基于XMPP的聊天实现2 - iOS

2016.7.27补充小功能

小菜单

效果图

先看看项目结构图

结构图

本文主要分三部分

• 数据存储 (coredata)
• 聊天内容搭建与计算
• 聊天底部tabbar工具栏

1.数据存储

数据存储这块也是图一个方便，直接用的xmpp框架内部数据存储coredata，所以也就仅仅用到那几个字段，大概的实现了主体部分。

而正由于这个原因，在进入聊天界面，加载聊天历史记录的时候，界面UI有些许卡顿，加载的有些慢，影响用户体验。

自己实现coredata的话，聊天控制器中查询聊天历史记录那部分，直接把放在异步线程去操作，保持主线程更新数据就行了。（以后有时间就把这块代码加在项目中）

2.聊天内容搭建与计算

内容这个也没多少说的，有个小属性可以注意下

  _tableView.keyboardDismissMode = UIScrollViewKeyboardDismissModeOnDrag;

效果就是这样子

drag

主要就说下HBChatModel

这个就是聊天内容的数据模型。里面就有设置文本、图片、语音、地图等一些HBBaseTableViewCell的frame。有了这个，就直接拿到HBChatViewController控制器设置对应的参数即可，不需要再去做额外多余的计算了。

项目中实际用到这块的话，这块最好计算一次后，就将HBBaseTableViewCell高度缓存到caredata中。第二次就直接取，不用费劲计算了。Demo中每次实例化HBChatModel对象，都需要计算。

- (void)setMessage:(XMPPMessageArchiving_Message_CoreDataObject *)message
{
    _message = message;
    
    CGSize getChatBgSize;

    if ([message.messageStr isEqualToString:HBTypeText]){//聊天文字内容

        //聊天，表情字符串
        self.chatContent = [message.body HB_StringToChatAttributeString];
        
        CGSize size = [HBHelp HB_attributeBoundsSize:CGSizeMake(HBChatBgMaxWidth,MAXFLOAT) attributeContentText:[self.chatContent mutableCopy]];
//        //1.文字内容大小
        self.textSize = size;
        
        getChatBgSize = CGSizeMake(size.width + 2 * padding, size.height);
    
    }else if ([message.messageStr isEqualToString:HBTypeImage]){//图片
            
        self.imageSize = CGSizeMake(120, 60);
        
        getChatBgSize = CGSizeMake(self.imageSize.width + 2 * padding, self.imageSize.height + 2 * padding);
        
    }else if ([message.messageStr isEqualToString:HBTypeVoice]){//语音
        
    }else if ([message.messageStr isEqualToString:HBTypeMap]){//地图
        
    }
    
    //2.聊天背景大小
    self.chatBgSize = getChatBgSize;
    //3.行高
    self.cellHeight = self.chatBgSize.height + HBUserIconImageToTop + HBUserIconImageWH + HBChatBgToUserIconImage + HBUserIconImageToTop;;
    
    
}

就一个 setter方法。

带表情聊天内容转换成文字内容

- (NSString *)HB_ChatAttributeStringToString
{
    __block NSMutableString *chatStr = [NSMutableString string];
    [self enumerateAttributesInRange:NSMakeRange(0, self.length)
                                                     options:NSAttributedStringEnumerationLongestEffectiveRangeNotRequired
                                                  usingBlock:^(NSDictionary * _Nonnull attrs, NSRange range, BOOL * _Nonnull stop) {
                                                      
              HBTextAttachment *hbAttachment = [attrs objectForKey:@"NSAttachment"];
              if (hbAttachment) {
                  
                  [chatStr appendString:[NSString stringWithFormat:@"[/%@]",hbAttachment.emjoysName]];
                  
              }else{
                  NSAttributedString *aStr = [self attributedSubstringFromRange:range];
                  
                  [chatStr appendString:aStr.string];
              }
    }];
    return [chatStr copy];
}

文字内容转换成带表情的内容

- (NSAttributedString *)HB_StringToChatAttributeString
{
    static dispatch_once_t onceToken;
    static NSRegularExpression *regularExpression;
    dispatch_once(&onceToken, ^{
        regularExpression = [NSRegularExpression regularExpressionWithPattern:@"\\[[a-zA-Z0-9\\u4e00-\\u9fa5/]+\\]"
                                                                      options:NSRegularExpressionCaseInsensitive
                                                                        error:nil];
    });
   
    NSMutableAttributedString *AttributeString = [[NSMutableAttributedString alloc] initWithString:self];
    
    [AttributeString setAttributes:@{NSFontAttributeName : chatTextFont}
                             range:NSMakeRange(0, AttributeString.length)];

    NSArray *array = [regularExpression matchesInString:self options:NSMatchingReportCompletion range:NSMakeRange(0, self.length)];
    
    
    [array enumerateObjectsWithOptions:NSEnumerationReverse usingBlock:^(NSTextCheckingResult *result, NSUInteger idx, BOOL * _Nonnull stop) {
        
        NSString *emjoyStr = [self substringWithRange:result.range];//[/001]
        
        NSRange range = [emjoyStr rangeOfString:@"[/"];
        NSUInteger loc = range.location + range.length;
        NSUInteger len = [emjoyStr rangeOfString:@"]"].location;
        
        NSString *emjoyName = [emjoyStr substringWithRange:NSMakeRange(loc, len - loc)];//001
        
        HBTextAttachment *textAtt = [HBTextAttachment new];
        textAtt.emjoysName = emjoyName;
        UIImage *image = [UIImage imageNamed:textAtt.emjoysName];
        textAtt.image = image;
        
        NSAttributedString *imageAttribute = [NSAttributedString attributedStringWithAttachment:textAtt];
        [AttributeString replaceCharactersInRange:result.range withAttributedString:imageAttribute];
        
    }];
    return AttributeString;
    
}

3.聊天底部tabbar工具栏

HBChatView
这个写的也就是最纠结的地方。按钮的各种逻辑，状态，调了好久。体力活可真是体力活

各种监听

#pragma mark - Custom
- (void)keyboardNotifacation{
   [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyBoardWillShow:) name:UIKeyboardWillShowNotification object:nil];
   [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyBoardWillHide:) name:UIKeyboardWillHideNotification object:nil];
   
   //5.监听文本变化
   [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textViewTextChange:) name:UITextViewTextDidChangeNotification object:self.textView];
   
   [self.textView addObserver:self forKeyPath:@"attributedText" options:NSKeyValueObservingOptionNew | NSKeyValueObservingOptionOld context:NULL];
   [self.textView addObserver:self forKeyPath:@"inputView" options:NSKeyValueObservingOptionNew | NSKeyValueObservingOptionOld context:NULL];
   //6.监听自身frame
   [self addObserver:self forKeyPath:@"frame" options:NSKeyValueObservingOptionNew context:nil];
   
}

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context{
    if ([keyPath isEqualToString:@"frame"]) {
        
        if ([self.delegate respondsToSelector:@selector(chatViewDidChangeFrame:)]) {
            [self.delegate chatViewDidChangeFrame:self];
        }
        _newFrame = [[change objectForKey:@"new"] CGRectValue];
        
    }else if ([keyPath isEqualToString:@"attributedText"]){
        
        [self caclulaterTextViewHeight];
        
    }else if ([keyPath isEqualToString:@"inputView"]) {
    
        HBEmjoyView *emjoyView = [change objectForKey:@"new"];

        [UIView animateWithDuration:0.25 animations:^{
                
            CGFloat moveHeight = ((NSNull *)emjoyView == [NSNull null]) ? 258 : emjoyView.HB_H;
            
            self.HB_Y = [UIScreen mainScreen].bounds.size.height - moveHeight - self.HB_H;
        }];
        
    }else{
        
        [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
        
    }
}

多纠结，你自己看图说话

纠结图

计算 textView高度

- (void)caclulaterTextViewHeight{
    
    NSString *context = [self.textView.attributedText HB_ChatAttributeStringToString];
    
    if (![context hasSuffix:@"\n"] && context.length > 0) {

//        CGFloat getSysHeight = [self.textView sizeThatFits:CGSizeMake(self.textView.HB_W, MAXFLOAT)].height;
        CGFloat getHeight = [HBHelp HB_attributeBoundsSize:CGSizeMake(self.textView.HB_W, MAXFLOAT)
                  attributeContentText:[[context HB_StringToChatAttributeString] mutableCopy]].height;

        if (getHeight <= _originaTextViewH) {
            
            self.textView.HB_H = _originaTextViewH;
            
        }else{
            //1.限制最大高度
            if (getHeight >= _originaButtomViewH * 2) {
                getHeight = _originaButtomViewH * 2;
            }
            self.textView.HB_H = getHeight;
        }
        
        self.HB_H = self.textView.HB_H + self.textView.HB_Y * 2;
        self.HB_Y -= self.HB_H - _lastH;
        //2.始终更新最后的状态
        [self layoutIfNeeded];
        
        _lastButtomFrame = self.frame;
        _lastTextViewFrame = self.textView.frame;
        
    }
    
}

结语

这个项目也就提供大概的思路，但是大概的方向都是有了的。
后期有时间，会继续完善项目中细节的。

如果这个文章帮到了你，一定给我Star哦！

GitHub 欢迎围观！ ··```