环信发送名片初试

实现思路，跟着官方的红包cell来写。这里写得有点简陋，只是跟有一样需求的人提供下思路，可能写得不对，还望指教。

一、新建一个cell,父类是EaseBaseMessageCell

#import "EaseBaseMessageCell.h"

/**
 *  名片cell
 */
@interface BSBusinessCardCell : EaseBaseMessageCell

@end

二、参照红包cell改成自己项目里需要的

#import "BSBusinessCardCell.h"
#import "UIImageView+EMWebCache.h"
#import "EaseBubbleView+BusinessCard.h"

static const CGFloat kCellHeight = 110.0f;

@implementation BSBusinessCardCell

#pragma mark - IModelCell

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier model:(id<IMessageModel>)model
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier model:model];
    
    if (self) {
        self.hasRead.hidden = YES;
        self.selectionStyle = UITableViewCellSelectionStyleNone;
    }
    
    return self;
}

- (BOOL)isCustomBubbleView:(id<IMessageModel>)model
{
    return YES;
}

- (void)setCustomModel:(id<IMessageModel>)model
{
    UIImage *image = model.image;
    if (!image) {
        [self.bubbleView.imageView sd_setImageWithURL:[NSURL URLWithString:model.fileURLPath] placeholderImage:[UIImage imageNamed:model.failImageName]];
    } else {
        _bubbleView.imageView.image = image;
    }
    
    if (model.avatarURLPath) {
        [self.avatarView sd_setImageWithURL:[NSURL URLWithString:model.avatarURLPath] placeholderImage:model.avatarImage];
    } else {
        self.avatarView.image = model.avatarImage;
    }
}

- (void)setCustomBubbleView:(id<IMessageModel>)model
{
    [_bubbleView setupBusinessCardBubbleView];
    
    _bubbleView.imageView.image = [UIImage imageNamed:@"imageDownloadFail"];
}

- (void)updateCustomBubbleViewMargin:(UIEdgeInsets)bubbleMargin model:(id<IMessageModel>)model
{
    [_bubbleView updateBusinessCardMargin:bubbleMargin];
    _bubbleView.translatesAutoresizingMaskIntoConstraints = YES;
    
    CGFloat bubbleViewHeight = 84;// 气泡背景图高度
    CGFloat nameLabelHeight = 15;// 昵称label的高度
    
    if (model.isSender) {
        _bubbleView.frame =
        CGRectMake([UIScreen mainScreen].bounds.size.width - 273.5, nameLabelHeight, 213, bubbleViewHeight);
//        self.bubbleView.userHeaderImageView.frame = CGRectMake(13, 19, 26, 34);
//        self.bubbleView.userNameLabel.frame = CGRectMake(48, 19, 156, 15);
//        self.bubbleView.userPhoneLabel.frame = CGRectMake(48, 41, 49, 12);
//        self.bubbleView.line.frame = CGRectMake(13, 73, 200, 1);
//        self.bubbleView.tipsLabel.frame = CGRectMake(145, 73, 80, 20);
    }else{
        _bubbleView.frame = CGRectMake(55, nameLabelHeight, 213, bubbleViewHeight);
//        self.bubbleView.userHeaderImageView.frame = CGRectMake(20, 19, 26, 34);
//        self.bubbleView.userNameLabel.frame = CGRectMake(55, 19, 156, 15);
//        self.bubbleView.userPhoneLabel.frame = CGRectMake(55, 41, 49, 12);
//        self.bubbleView.line.frame = CGRectMake(20, 73, 200, 1);
//        self.bubbleView.tipsLabel.frame = CGRectMake(152, 73, 80, 20);
        
    }
    // 这里强制调用内部私有方法
    [_bubbleView _setupConstraintsXX];

}

+ (NSString *)cellIdentifierWithModel:(id<IMessageModel>)model
{
    return NSStringFromClass([self class]);
//    return model.isSender ? @"__redPacketCellSendIdentifier__" : @"__redPacketCellReceiveIdentifier__";
}

+ (CGFloat)cellHeightWithModel:(id<IMessageModel>)model
{
    return kCellHeight;
}

- (void)setModel:(id<IMessageModel>)model
{
    [super setModel:model];
    
    NSDictionary *dict = model.message.ext;
//    [model nickname]; // 谁发送的这个名片，谁向你推荐一张名片
    /*
     {
         cardUserAvatarURLString = xs;
         cardUserName = xs;
         cardUserPhone = xs;
     }
     
     */
    self.bubbleView.userNameLabel.text = dict[@"cardUserName"];
    self.bubbleView.userPhoneLabel.text = dict[@"cardUserPhone"];
//    NSString *str = [NSString stringWithFormat:@"%@",[dict valueForKey:RedpacketKeyRedpacketGreeting]];
//    if (str.length > 10) {
//        str = [str substringToIndex:8];
//        str = [str stringByAppendingString:@"..."];
//        self.bubbleView.redpacketTitleLabel.text = str;
//    }else
//    {
//        self.bubbleView.redpacketTitleLabel.text = [dict valueForKey:RedpacketKeyRedpacketGreeting];
//    }
//    
//    self.bubbleView.redpacketSubLabel.text = @"查看红包";
//    self.bubbleView.redpacketNameLabel.text = [dict valueForKey:RedpacketKeyRedpacketOrgName];
//    if ([[dict valueForKey:RedpacketKeyRedapcketToAnyone] isEqualToString:@"member"]) {
//        self.bubbleView.redpacketMemberLable.text = @"专属红包";
//    }else
//    {
//        self.bubbleView.redpacketMemberLable.text = @"";
//    }
    _hasRead.hidden = YES;//名片消息不显示已读
//    _nameLabel = nil;// 不显示姓名
    
}

- (void)layoutSubviews
{
    [super layoutSubviews];
    
    NSString *imageName = self.model.isSender ? @"RedpacketCellResource.bundle/redpacket_sender_bg" : @"RedpacketCellResource.bundle/redpacket_receiver_bg";
    UIImage *image = self.model.isSender ? [[UIImage imageNamed:imageName] stretchableImageWithLeftCapWidth:30 topCapHeight:35] :
    [[UIImage imageNamed:imageName] stretchableImageWithLeftCapWidth:20 topCapHeight:35];
    // 等待接入名片的背景图片
//    self.bubbleView.backgroundImageView.image = image;
}


@end

三、再针对EaseBubbleView写个分类，关联一些名片所需要的控件，当然也可以像环信默认支持的那几种

cell上直接把属性写在EaseBubbleView类里。

四，头文件里写上自己需要的属性，以及需要外界访问的方法

#import "EaseBubbleView.h"

@interface EaseBubbleView (BusinessCard)

/**
 *  用户的头像
 */
@property (strong, nonatomic) UIImageView *userHeaderImageView;
/**
 *  用户的昵称
 */
@property (strong, nonatomic) UILabel *userNameLabel;
/**
 *  用户的手机号
 */
@property (strong, nonatomic) UILabel *userPhoneLabel;
/**
 *  分隔线
 */
@property (strong, nonatomic) UIView  *line;
/**
 *  提示字 “个人名片”
 */
@property (strong, nonatomic) UILabel *tipsLabel;

- (void)setupBusinessCardBubbleView;

- (void)updateBusinessCardMargin:(UIEdgeInsets)margin;

- (void)_setupConstraintsXX;
@end

五、.m文件示例写法

#import "EaseBubbleView+BusinessCard.h"
#import <objc/runtime.h>

static char _userHeaderImageView_;
static char _userNameLabel_;
static char _userPhoneLabel_;
static char _line_;
static char _tipsLabel_;
@implementation EaseBubbleView (BusinessCard)
#pragma mark - private
- (void)_setupConstraintsXX
{
    [self.marginConstraints removeAllObjects];

    //userHeaderImageView
    NSLayoutConstraint *userHeaderImageViewTopConstraint =
    [NSLayoutConstraint constraintWithItem:self.userHeaderImageView
                                 attribute:NSLayoutAttributeTop
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.backgroundImageView
                                 attribute:NSLayoutAttributeTop
                                multiplier:1.0
                                  constant:10];
    
    NSLayoutConstraint *userHeaderImageViewLeadingConstraint =
    [NSLayoutConstraint constraintWithItem:self.userHeaderImageView
                                 attribute:NSLayoutAttributeLeading
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.backgroundImageView
                                 attribute:NSLayoutAttributeLeading
                                multiplier:1.0
                                  constant:10];
    
    [self.marginConstraints addObject:userHeaderImageViewTopConstraint];
    [self.marginConstraints addObject:userHeaderImageViewLeadingConstraint];
    
    NSLayoutConstraint *userHeaderImageViewHeightConstraint =
    [NSLayoutConstraint constraintWithItem:self.userHeaderImageView
                                 attribute:NSLayoutAttributeHeight
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:nil
                                 attribute:NSLayoutAttributeNotAnAttribute
                                multiplier:0.0
                                  constant:36];
    
    NSLayoutConstraint *userHeaderImageViewWidthConstraint =
    [NSLayoutConstraint constraintWithItem:self.userHeaderImageView
                                 attribute:NSLayoutAttributeWidth
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:nil
                                 attribute:NSLayoutAttributeNotAnAttribute
                                multiplier:0.0
                                  constant:36];
    
    [self.userHeaderImageView addConstraint:userHeaderImageViewHeightConstraint];
    [self.userHeaderImageView addConstraint:userHeaderImageViewWidthConstraint];
    
    // userNameLabel
    NSLayoutConstraint *userNameLabelWithMarginTopConstraint =
    [NSLayoutConstraint constraintWithItem:self.userNameLabel
                                 attribute:NSLayoutAttributeTop
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.userHeaderImageView
                                 attribute:NSLayoutAttributeTop
                                multiplier:1.0
                                  constant:2];
    
    NSLayoutConstraint *userNameLabelWithMarginRightConstraint =
    [NSLayoutConstraint constraintWithItem:self.userNameLabel
                                 attribute:NSLayoutAttributeTrailing
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.backgroundImageView
                                 attribute:NSLayoutAttributeTrailing
                                multiplier:1.0
                                  constant:-self.margin.right];
    
    NSLayoutConstraint *userNameLabelWithMarginLeftConstraint =
    [NSLayoutConstraint constraintWithItem:self.userNameLabel
                                 attribute:NSLayoutAttributeLeading
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.userHeaderImageView
                                 attribute:NSLayoutAttributeTrailing
                                multiplier:1.0
                                  constant:10];
    
    [self.marginConstraints addObject:userNameLabelWithMarginRightConstraint];
    [self.marginConstraints addObject:userNameLabelWithMarginTopConstraint];
    [self.marginConstraints addObject:userNameLabelWithMarginLeftConstraint];
    
    // userPhoneLabel
    NSLayoutConstraint *userPhoneLabelTopConstraint =
    [NSLayoutConstraint constraintWithItem:self.userPhoneLabel
                                 attribute:NSLayoutAttributeBottom
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.userHeaderImageView
                                 attribute:NSLayoutAttributeBottom
                                multiplier:1.0
                                  constant:1];
  
    NSLayoutConstraint *userPhoneLabelLeftConstraint =
    [NSLayoutConstraint constraintWithItem:self.userPhoneLabel
                                 attribute:NSLayoutAttributeLeading
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.userNameLabel
                                 attribute:NSLayoutAttributeLeading
                                multiplier:1.0
                                  constant:0];
    NSLayoutConstraint *userPhoneLabelRightConstraint =
    [NSLayoutConstraint constraintWithItem:self.userPhoneLabel
                                 attribute:NSLayoutAttributeTrailing
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.backgroundImageView
                                 attribute:NSLayoutAttributeTrailing
                                multiplier:1.0
                                  constant:-self.margin.right];
    
    [self.marginConstraints addObject:userPhoneLabelTopConstraint];
    [self.marginConstraints addObject:userPhoneLabelLeftConstraint];
    [self.marginConstraints addObject:userPhoneLabelRightConstraint];


    //  line
    NSLayoutConstraint *lineTopConstraint =
    [NSLayoutConstraint constraintWithItem:self.line
                                 attribute:NSLayoutAttributeTop
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.userHeaderImageView
                                 attribute:NSLayoutAttributeBottom
                                multiplier:1.0
                                  constant:10];
    
    NSLayoutConstraint *lineLeftConstraint =
    [NSLayoutConstraint constraintWithItem:self.line
                                 attribute:NSLayoutAttributeLeading
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.userHeaderImageView
                                 attribute:NSLayoutAttributeLeading
                                multiplier:1.0
                                  constant:0];
    
    NSLayoutConstraint *lineRightConstraint =
    [NSLayoutConstraint constraintWithItem:self.line
                                 attribute:NSLayoutAttributeTrailing
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.backgroundImageView
                                 attribute:NSLayoutAttributeTrailing
                                multiplier:1.0
                                  constant:-self.margin.right];
    
    NSLayoutConstraint *lineHeightConstraint =
    [NSLayoutConstraint constraintWithItem:self.line
                                 attribute:NSLayoutAttributeHeight
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:nil
                                 attribute:NSLayoutAttributeNotAnAttribute
                                multiplier:0.0
                                  constant:1];
    
    [self.marginConstraints addObject:lineTopConstraint];
    [self.marginConstraints addObject:lineLeftConstraint];
    [self.marginConstraints addObject:lineRightConstraint];
    [self.marginConstraints addObject:lineHeightConstraint];

    // tipsLabel
    NSLayoutConstraint *tipsLabelTopConstraint =
    [NSLayoutConstraint constraintWithItem:self.tipsLabel
                                 attribute:NSLayoutAttributeTop
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.line
                                 attribute:NSLayoutAttributeBottom
                                multiplier:1.0
                                  constant:4];
    
    NSLayoutConstraint *tipsLabelLeftConstraint =
    [NSLayoutConstraint constraintWithItem:self.tipsLabel
                                 attribute:NSLayoutAttributeLeading
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.line
                                 attribute:NSLayoutAttributeLeading
                                multiplier:1.0
                                  constant:0];
    NSLayoutConstraint *tipsLabelRightConstraint =
    [NSLayoutConstraint constraintWithItem:self.tipsLabel
                                 attribute:NSLayoutAttributeTrailing
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.line
                                 attribute:NSLayoutAttributeTrailing
                                multiplier:1.0
                                  constant:0];
    [self.marginConstraints addObject:tipsLabelTopConstraint];
    [self.marginConstraints addObject:tipsLabelLeftConstraint];
    [self.marginConstraints addObject:tipsLabelRightConstraint];
    

    [self addConstraints:self.marginConstraints];
    
    NSLayoutConstraint *backImageConstraint = [NSLayoutConstraint constraintWithItem:self attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:0.0f constant:260];
    
    [self.superview addConstraint:backImageConstraint];
    
    /*
     UIView *backImageView = self.backgroundImageView;
     NSArray *backgroundConstraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-[backImageView]-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(backImageView)];
     NSArray *backgroundConstraints2 = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[backImageView(==200)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(backImageView)];
     
     [self addConstraints:backgroundConstraints];
     [self addConstraints:backgroundConstraints2];
     */
}


#pragma mark - public
- (void)setupBusinessCardBubbleView {
    // 头像
    self.userHeaderImageView = [UIImageView new];
    [self.userHeaderImageView setImage:[UIImage imageNamed:@"聊天输入框名片按钮"]];
    self.userHeaderImageView.translatesAutoresizingMaskIntoConstraints = NO;

    [self.backgroundImageView addSubview:self.userHeaderImageView];
    // 昵称
    self.userNameLabel = [UILabel new];
    self.userNameLabel.font = [UIFont systemFontOfSize:15.0f];
    self.userNameLabel.textColor = [UIColor lightGrayColor];
    self.userNameLabel.translatesAutoresizingMaskIntoConstraints = NO;

    [self.backgroundImageView addSubview:self.userNameLabel];
    // 手机号
    self.userPhoneLabel = [UILabel new];
    self.userPhoneLabel.font = [UIFont systemFontOfSize:13.0f];
    self.userPhoneLabel.textColor = [UIColor lightGrayColor];
    self.userPhoneLabel.translatesAutoresizingMaskIntoConstraints = NO;

    [self.backgroundImageView addSubview:self.userPhoneLabel];
    // 分隔线
    self.line = [UIView new];
    self.line.backgroundColor = [UIColor blackColor];
    self.line.translatesAutoresizingMaskIntoConstraints = NO;

    [self.backgroundImageView addSubview:self.line];
    // 提示字 个人名片
    self.tipsLabel = [UILabel new];
    self.tipsLabel.text = @"个人名片";
    self.tipsLabel.font = [UIFont systemFontOfSize:12.0f];
    self.tipsLabel.textColor = [UIColor lightGrayColor];
    self.tipsLabel.translatesAutoresizingMaskIntoConstraints = NO;

    [self.backgroundImageView addSubview:self.tipsLabel];
    
    [self _setupConstraintsXX];
}
- (void)updateBusinessCardMargin:(UIEdgeInsets)margin
{
    if (_margin.top == margin.top && _margin.bottom == margin.bottom && _margin.left == margin.left && _margin.right == margin.right) {
        return;
    }
    _margin = margin;
    
    [self removeConstraints:self.marginConstraints];
    [self _setupConstraintsXX];
}

#pragma mark - getter and setter

- (void)setUserHeaderImageView:(UIImageView *)userHeaderImageView
{
    objc_setAssociatedObject(self, &_userHeaderImageView_, userHeaderImageView, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (UIImageView *)userHeaderImageView
{
    return objc_getAssociatedObject(self, &_userHeaderImageView_);
}

- (void)setUserNameLabel:(UILabel *)userNameLabel
{
    objc_setAssociatedObject(self, &_userNameLabel_, userNameLabel, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (UILabel *)userNameLabel
{
    return objc_getAssociatedObject(self, &_userNameLabel_);
}

- (void)setUserPhoneLabel:(UILabel *)userPhoneLabel
{
    objc_setAssociatedObject(self, &_userPhoneLabel_, userPhoneLabel, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (UILabel *)userPhoneLabel
{
    return objc_getAssociatedObject(self, &_userPhoneLabel_);
}

- (void)setLine:(UIView *)line
{
    objc_setAssociatedObject(self, &_line_, line, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (UIView *)line
{
    return objc_getAssociatedObject(self, &_line_);
}

- (void)setTipsLabel:(UILabel *)tipsLabel
{
    objc_setAssociatedObject(self, &_tipsLabel_, tipsLabel, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (UILabel *)tipsLabel
{
    return objc_getAssociatedObject(self, &_tipsLabel_);
}

@end

六、写一个控制器，父类是ChatViewController，然后在这个类里实现代理方法，特定cell显示，特定cell行高，或者你也可以像我一样直接在ChatViewController里实现代理方法，官网的红包里是参过继承方式实现的，还有注释，这是一个带有红包功能的聊天控制器。

看了环信的源码，感觉写红包SDK的人明显技术比之前写那些SDK的人技术好，当然如果你懂，你也在里面看到itcast。

#pragma mark - EaseMessageViewControllerDelegate
/// 遵守协议，为红包，名片提供自定义cell
- (UITableViewCell *)messageViewController:(UITableView *)tableView
                       cellForMessageModel:(id<IMessageModel>)messageModel {
    //样例为如果消息是文本消息显示用户自定义cell
    if (messageModel.bodyType == EMMessageBodyTypeText &&
        [[messageModel text] hasPrefix:@"[名片]"]) {
        NSString *CellIdentifier = [BSBusinessCardCell cellIdentifierWithModel:messageModel];
        //CustomMessageCell为用户自定义cell,继承了EaseBaseMessageCell
        BSBusinessCardCell *cell = (BSBusinessCardCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
        if (cell == nil) {
            cell = [[BSBusinessCardCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier model:messageModel];
            cell.selectionStyle = UITableViewCellSelectionStyleNone;
        }
        cell.model = messageModel;
        return cell;
    }
    return nil;
}
/// 遵守协议，为红包，名片提供自定义高度
- (CGFloat)messageViewController:(EaseMessageViewController *)viewController
           heightForMessageModel:(id<IMessageModel>)messageModel
                   withCellWidth:(CGFloat)cellWidth
{
    //样例为如果消息是文本消息使用用户自定义cell的高度
    if (messageModel.bodyType == EMMessageBodyTypeText &&
        [[messageModel text] hasPrefix:@"[名片]"]) {
        //CustomMessageCell为用户自定义cell,继承了EaseBaseMessageCell
        return [BSBusinessCardCell cellHeightWithModel:messageModel];
    }
    return 0.f;
}

 后续还有很多事要做，点击这个名片，跳转到详细信息，如果是好友，则显示发消息，修改标签

如果不是好友则显示添加到通讯录，貌似微信做的是也可以修改标签，任重而道远，后面还有红包，

我想记录下此刻的状态，毕竟之前也没有搞过环信，这次是直接把环信官网的demo托到项目里来的

时间紧迫，没有办法