iOS开发: 半屏聊天界面

最近在做一个半屏聊天的功能,类似映客是私信.在网上找了半天没有找到相关的资料,在这里记录下给大家提供点思路.

本帖子是基于融云的聊天界面,环信还没验证,想来也差不多.废话不多说直接来干货.

iOS开发: 半屏聊天界面_第1张图片
需求图片

1.先说下思路
聊天界面 View 是全屏的 View ,只是把上面放聊天的 collectionView 缩小就可以了.在上边空白处放一个 button , 点击销毁聊天视图.

2.具体实现
.h文件中直接继承融云视图


@interface WKSmallChatViewController : RCConversationViewController

@end

.m文件中设置 collectionView 高度


@implementation WKSmallChatViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor clearColor];//背景设透明
    CGFloat height;//横竖屏高度
    if (WKScreenW>WKScreenH) {
        height = WKScreenH;
    }else{
        height = 420;
    }
    //设置高度
    [self.conversationMessageCollectionView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_offset(0);
        make.bottom.mas_offset(60);
        make.width.mas_offset(WKScreenW);
        make.height.mas_offset(height);
    }];
}

你可能感兴趣的:(iOS开发: 半屏聊天界面)