美文网首页
iOS开发: 半屏聊天界面

iOS开发: 半屏聊天界面

作者: Empty_One | 来源:发表于2016-12-02 17:59 被阅读731次

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

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

    需求图片

    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开发: 半屏聊天界面

          本文链接:https://www.haomeiwen.com/subject/xbjqmttx.html