美文网首页
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开发: 半屏聊天界面

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

  • iOS硬件相关开发

    心跳之旅—?—iOS用手机摄像头检测心率(PPG)【iOS开发】网易云音乐锁屏界面效果实现 DJI SDK iOS...

  • iOS 性能优化二

    主要讲解界面卡顿原因/优化方案/离屏渲染 iOS 性能优化一iOS 性能优化二iOS 性能优化三 1. 开发中遇到...

  • iOS硬件相关开发

    心跳之旅—?—iOS用手机摄像头检测心率(PPG) 【iOS开发】网易云音乐锁屏界面效果实现 DJI SDK iO...

  • iOS旋转屏幕设置总结

    iOS开发中,经常会碰到某些页面需要支持横屏显示,某些又仅支持竖屏显示,那怎么样才能比较完美的实现各个界面的横竖屏...

  • iOS开发之聊天界面

    这个例子主要实现了类似微信的聊天界面,首先效果如图: 1.界面构造:准备两个uitableviewcell,分别是...

  • iOS界面开发—导航控制器和标签控制器

    上一篇:iOS界面开发—开篇当前篇:iOS界面开发—导航控制器和标签控制器下一篇:iOS界面开发—定制导航栏标题 ...

  • iOS10的锁屏界面交互方式的深入思考

    iOS10相对于前几代系统,交互方式上有了比较多的改变,本文从iOS10的锁屏界面入手,和大家探讨下iOS锁屏界面...

  • IOS布局框架

    IOS界面开发利器 --- FlexLib 前言 做过几年IOS开发的都会有这样一种感觉,就是界面适配工作越...

  • iOS 逆向开发(三)代码分析-dump-class/Hoppe

    iOS逆向系列: 1、iOS 逆向开发(一)界面分析 - Cycript&Reveal2、iOS 逆向开发(二)砸...

网友评论

      本文标题:iOS开发: 半屏聊天界面

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