IM模块-UiCollectionView列表显示气泡图片

我不是女神ヾ 2022-09-25 07:15 166阅读 0赞

转载地址： \[简书地址\]([http://www.jianshu.com/users/23d0ae412e19/latest\_articles][http_www.jianshu.com_users_23d0ae412e19_latest_articles])

/**
     *  @author 麦子, 16-08-15 16:08:05
     *
     *  
     
         图片的处理。 如果是GIF的话，用的是第三方的，我们这边不做处理。 如果是静态图片的话，重新设置Frame的参数。 
     
     
         然后就是调整Cell的高度问题。
     
     
         网络图片也是一样。 对于图片的规格的话， 都是以最大的为主， 然后其他的会相应的缩小比列。 控制比列的大小。同时也设置了一个最大的宽度和高度。 
     
     
     */
    
    @interface BubblePhotoView()
    
    @property (nonatomic,strong) FLAnimatedImageView *imageV;
    
    @end
    
    
    
    @implementation BubblePhotoView
    
    
    + (instancetype)BubblePhotoView
    {
        BubblePhotoView *bubbleView = [[self alloc]init];
        return bubbleView;
    }
    
    
    - (instancetype)initWithFrame:(CGRect)frame{
        
        self = [super initWithFrame:frame];
        if (self) {
            
            _imageV = [[FLAnimatedImageView alloc]initWithFrame:self.bounds];
            _imageV.contentMode = UIViewContentModeScaleAspectFill;
            _imageV.layer.cornerRadius = 6;
            _imageV.layer.masksToBounds = true;
            [self addSubview:_imageV];
            
            self.backgroundColor = [UIColor clearColor];
        }
        return self;
    }
    
    
    
    - (void)setMessage:(TalkMessage *)message{
      
        _message = message;
        
        if (message.isSend) { // 发送
            
            if (message.isGif) { //如果是动态图片
                
                FLAnimatedImage *animationImage = [FLAnimatedImage animatedImageWithGIFData:[NSData dataWithContentsOfFile:_message.photoAddress]];
                _imageV.animatedImage = animationImage;
                
            }else{
            
                _imageV.image = [UIImage imageWithContentsOfFile:_message.photoAddress];
            }
            
            // 重画处理
            [self setNeedsDisplay];
            
            
        }else{ //  收取网络图片
            
            UIImage *placeholderImage = [UIImage imageNamed:@"placeholderImage"];
            [_imageV sd_setImageWithURL:[NSURL URLWithString:@"http://img.hb.aicdn.com/b617afdf7a972b26c438293c762c9f50b7eed0b6146a5-6bQadP_fw580"] placeholderImage:placeholderImage completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
                
                  [self setNeedsDisplay];
                
            }];
            
        }
        
    }
    
    
    #define KMargin 5
    
    - (void)layoutSubviews{
    
        [super layoutSubviews];
    
        if (_message.isGif) {
            
            _imageV.frame = self.bounds;
            
        }else{
            _imageV.frame = CGRectMake(KMargin, KMargin, self.frame.size.width-2*KMargin, self.frame.size.height-2*KMargin);
        }
    
    }
    
    
    - (void)drawRect:(CGRect)rect{
    
        if (!_message.isGif) { // 不是GIF就进行画气泡， GIF不在自己代码这边控制。
            
            [UIImage drawImage:_imageV.image atFrame:rect isSender:_message.flag];
        }
    
    }
    
    
    
    
    //  改变图片处理方式：微信方式：长>宽  ，图片长为固定最大长度，宽按比例缩放，长<宽，图片宽为最大宽度，长按比例缩放
    
    #define KBubbleImageMaxWidth 145
    #define KBubbleImageMaxHeight 145
    
    + (CGSize)photoWithSize:(TalkMessage *)message{
        
        CGSize imageSize = message.size;
    
        if (imageSize.width == 0 || imageSize.height == 0) {
            
            if (message.localPhotoFlag){ // 表示本地图片
                UIImage *photo = [UIImage imageWithContentsOfFile:message.photoAddress];
                imageSize = photo.size;
                if (imageSize.width>imageSize.height){
                    imageSize.height *= KBubbleImageMaxWidth/imageSize.width;
                    imageSize.width = KBubbleImageMaxWidth;
                }else{
                    
                    imageSize.width *= KBubbleImageMaxHeight/imageSize.height;
                    imageSize.height = KBubbleImageMaxHeight;
                }
            }else{ //正常接口不会走这步，demo使用网络图片才会走这步
                imageSize.width = KBubbleImageMaxWidth;
                imageSize.height = KBubbleImageMaxHeight;
            }
        }else{
            //返回服务器图片尺寸
            if (imageSize.width>imageSize.height){
                imageSize.height *= KBubbleImageMaxWidth/imageSize.width;
                imageSize.width = KBubbleImageMaxWidth;
            }else{
                imageSize.width *= KBubbleImageMaxHeight/imageSize.height;
                imageSize.height = KBubbleImageMaxHeight;
            }
        }
        return imageSize;
    }
    
    
    @end

case MessageBubbleTypePhoto:{ // 显示图片
                
                BubblePhotoView *photoView = [BubblePhotoView BubblePhotoView];
                photoView.message = message;
                [self.bubbleImageV addSubview:photoView];
                
                
                CGSize size = [BubblePhotoView photoWithSize:message];
                //注意self.bubbleImageV是在内部bubble的size.width上增加间距定的frame
                if (_message.flag) {
                    self.bubbleImageV.frame = CGRectMake(CGRectGetMinX(self.avateImageV.frame)-(size.width+KSenderLeftBubbleImageMargin+KSenderRightBubbleImageMargin),KTopBubbleImageMargin,size.width+KSenderLeftBubbleImageMargin+KSenderRightBubbleImageMargin,size.height+2*KTopBubbleImageMargin);
                    
                    photoView.frame = CGRectMake(KSenderLeftBubbleImageMargin,KTopBubbleImageMargin, size.width, size.height);
                }else{
                    self.bubbleImageV.frame = CGRectMake(CGRectGetMaxX(self.avateImageV.frame),KTopBubbleImageMargin,size.width+KReceiverLeftBubbleImageMargin+KReceiverRightBubbleImageMargin,size.height+2*KTopBubbleImageMargin);
                    
                    photoView.frame = CGRectMake(KReceiverLeftBubbleImageMargin,KTopBubbleImageMargin, size.width, size.height);
                }
                
                
                self.bubbleImageV.bubbleImage = nil;
            
                break;
            }

//  计算cell的高度
    
    + (CGFloat)cellHeight:(id)obj{
        
        CGFloat avaterImageHeight = 45;
        CGFloat bubbleViewHeight = 0;
        
        
        TalkMessage *message = (TalkMessage *)obj;
        switch (message.messageBubbleType) {
            case  MessageBubbleTypeText:{
            
                  bubbleViewHeight = [TalkCell BubbleTextViewSize:message].height;
                  bubbleViewHeight += KTopMargin*2;
                  break;
                }
            case MessageBubbleTypePhoto:{
               
                bubbleViewHeight = [BubblePhotoView photoWithSize:message].height;
                bubbleViewHeight += KTopMargin*2;
                
                break;
               }
            default:
                break;
        }
    
        if (bubbleViewHeight<avaterImageHeight) {
            bubbleViewHeight = avaterImageHeight;
        }
    
        return KTopMargin+bubbleViewHeight+KTopMargin;;
    }

cell高度设置

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{
    
        id  obj = [_array objectAtIndex:indexPath.row];
        
        if ([obj isKindOfClass:[TalkMessage class]]) {
            
            return CGSizeMake(self.view.bounds.size.width,  [TalkCell cellHeight:obj]);
        }
        return CGSizeMake(self.view.bounds.size.width,30);;
    }

![Center][]

[http_www.jianshu.com_users_23d0ae412e19_latest_articles]: http://www.jianshu.com/users/23d0ae412e19/latest_articles
[Center]: /images/20220718/fe5d4426d04c4c66a07e999c79f23bce.png