添加聊天室UI

张旭
1 parent 24a0a2ac
Showing 12 changed files with 772 additions and 9 deletions
LiveVideoCloud/LiveVideoCloud.xcodeproj/project.pbxproj
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/BottomToolView/BottomToolView.m
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/Chat/Barrage/CNBarrageManager.h
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/Chat/Barrage/CNBarrageManager.m
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/Chat/Barrage/CNBarrageView.h
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/Chat/Barrage/CNBarrageView.m
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/Chat/ChatMsgModel/chatMsgModel.h
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/Chat/ChatMsgModel/chatMsgModel.m
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/Chat/ChatViews/chatListCell.h
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/Chat/ChatViews/chatListCell.m
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/LVCAnimationManager.m
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/LiveBaseView.m
@@ -132,6 +132,10 @@
 		D22830FF1E77C69E00627701 /* GiftListView.m in Sources */ = {isa = PBXBuildFile; fileRef = D22830FE1E77C69E00627701 /* GiftListView.m */; };
 		D22831091E77D8D500627701 /* GiftModel.m in Sources */ = {isa = PBXBuildFile; fileRef = D22831081E77D8D500627701 /* GiftModel.m */; };
 		D236967E1E7F9E4100E4BF71 /* GiftPayButton.m in Sources */ = {isa = PBXBuildFile; fileRef = D236967D1E7F9E4100E4BF71 /* GiftPayButton.m */; };
+		D23696841E7FC6A900E4BF71 /* chatListCell.m in Sources */ = {isa = PBXBuildFile; fileRef = D23696831E7FC6A900E4BF71 /* chatListCell.m */; };
+		D236968D1E7FC7C200E4BF71 /* CNBarrageManager.m in Sources */ = {isa = PBXBuildFile; fileRef = D236968A1E7FC7C200E4BF71 /* CNBarrageManager.m */; };
+		D236968E1E7FC7C200E4BF71 /* CNBarrageView.m in Sources */ = {isa = PBXBuildFile; fileRef = D236968C1E7FC7C200E4BF71 /* CNBarrageView.m */; };
+		D23696921E7FC83800E4BF71 /* chatMsgModel.m in Sources */ = {isa = PBXBuildFile; fileRef = D23696911E7FC83800E4BF71 /* chatMsgModel.m */; };
 		D25530001E7909AC00DF38A5 /* GiftAnimOperation.m in Sources */ = {isa = PBXBuildFile; fileRef = D2552FFF1E7909AC00DF38A5 /* GiftAnimOperation.m */; };
 		D25530031E79115100DF38A5 /* AnimQueueManager.m in Sources */ = {isa = PBXBuildFile; fileRef = D25530021E79115100DF38A5 /* AnimQueueManager.m */; };
 		D25530061E7911A800DF38A5 /* GiftAnimationAction.m in Sources */ = {isa = PBXBuildFile; fileRef = D25530051E7911A800DF38A5 /* GiftAnimationAction.m */; };
@@ -454,6 +458,14 @@
 		D22831081E77D8D500627701 /* GiftModel.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GiftModel.m; sourceTree = "<group>"; };
 		D236967C1E7F9E4100E4BF71 /* GiftPayButton.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = GiftPayButton.h; sourceTree = "<group>"; };
 		D236967D1E7F9E4100E4BF71 /* GiftPayButton.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GiftPayButton.m; sourceTree = "<group>"; };
+		D23696821E7FC6A900E4BF71 /* chatListCell.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = chatListCell.h; sourceTree = "<group>"; };
+		D23696831E7FC6A900E4BF71 /* chatListCell.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = chatListCell.m; sourceTree = "<group>"; };
+		D23696891E7FC7C200E4BF71 /* CNBarrageManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = CNBarrageManager.h; sourceTree = "<group>"; };
+		D236968A1E7FC7C200E4BF71 /* CNBarrageManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = CNBarrageManager.m; sourceTree = "<group>"; };
+		D236968B1E7FC7C200E4BF71 /* CNBarrageView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = CNBarrageView.h; sourceTree = "<group>"; };
+		D236968C1E7FC7C200E4BF71 /* CNBarrageView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = CNBarrageView.m; sourceTree = "<group>"; };
+		D23696901E7FC83800E4BF71 /* chatMsgModel.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = chatMsgModel.h; sourceTree = "<group>"; };
+		D23696911E7FC83800E4BF71 /* chatMsgModel.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = chatMsgModel.m; sourceTree = "<group>"; };
 		D2552FFE1E7909AC00DF38A5 /* GiftAnimOperation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = GiftAnimOperation.h; sourceTree = "<group>"; };
 		D2552FFF1E7909AC00DF38A5 /* GiftAnimOperation.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GiftAnimOperation.m; sourceTree = "<group>"; };
 		D25530011E79115100DF38A5 /* AnimQueueManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = AnimQueueManager.h; sourceTree = "<group>"; };
@@ -1225,6 +1237,8 @@
 		D22830F61E77C26C00627701 /* Chat */ = {
 			isa = PBXGroup;
 			children = (
+				D23696881E7FC7C200E4BF71 /* Barrage */,
+				D236968F1E7FC83800E4BF71 /* ChatMsgModel */,
 				D22830F71E77C27A00627701 /* ChatViews */,
 			);
 			path = Chat;
@@ -1233,6 +1247,8 @@
 		D22830F71E77C27A00627701 /* ChatViews */ = {
 			isa = PBXGroup;
 			children = (
+				D23696821E7FC6A900E4BF71 /* chatListCell.h */,
+				D23696831E7FC6A900E4BF71 /* chatListCell.m */,
 			);
 			path = ChatViews;
 			sourceTree = "<group>";
@@ -1262,6 +1278,26 @@
 			path = GiftModel;
 			sourceTree = "<group>";
 		};
+		D23696881E7FC7C200E4BF71 /* Barrage */ = {
+			isa = PBXGroup;
+			children = (
+				D23696891E7FC7C200E4BF71 /* CNBarrageManager.h */,
+				D236968A1E7FC7C200E4BF71 /* CNBarrageManager.m */,
+				D236968B1E7FC7C200E4BF71 /* CNBarrageView.h */,
+				D236968C1E7FC7C200E4BF71 /* CNBarrageView.m */,
+			);
+			path = Barrage;
+			sourceTree = "<group>";
+		};
+		D236968F1E7FC83800E4BF71 /* ChatMsgModel */ = {
+			isa = PBXGroup;
+			children = (
+				D23696901E7FC83800E4BF71 /* chatMsgModel.h */,
+				D23696911E7FC83800E4BF71 /* chatMsgModel.m */,
+			);
+			path = ChatMsgModel;
+			sourceTree = "<group>";
+		};
 		D2575C431E76846900E3A8FC /* InteractionSections */ = {
 			isa = PBXGroup;
 			children = (
@@ -1610,6 +1646,7 @@
 				D2029CCD1E6EADE10027CD92 /* SearchModel.m in Sources */,
 				810B65051E779B1F00133E15 /* NSLayoutConstraint+MASDebugAdditions.m in Sources */,
 				D2029CCB1E6EADE10027CD92 /* SVRadialGradientLayer.m in Sources */,
+				D23696841E7FC6A900E4BF71 /* chatListCell.m in Sources */,
 				D2029CAF1E6EADE10027CD92 /* MJRefreshStateHeader.m in Sources */,
 				D2029C941E6EADE10027CD92 /* UIRefreshControl+AFNetworking.m in Sources */,
 				D2029C911E6EADE10027CD92 /* UIButton+AFNetworking.m in Sources */,
@@ -1660,6 +1697,7 @@
 				D2029C981E6EADE10027CD92 /* MJExtensionConst.m in Sources */,
 				D2575C671E76A25400E3A8FC /* LVCInteractionController.m in Sources */,
 				D2029CAE1E6EADE10027CD92 /* MJRefreshNormalHeader.m in Sources */,
+				D23696921E7FC83800E4BF71 /* chatMsgModel.m in Sources */,
 				D2029C901E6EADE10027CD92 /* UIActivityIndicatorView+AFNetworking.m in Sources */,
 				D2029CC61E6EADE10027CD92 /* SSKeychain.m in Sources */,
 				D2029C8B1E6EADE10027CD92 /* AFURLResponseSerialization.m in Sources */,
@@ -1671,6 +1709,7 @@
 				D2029D041E6EAE2E0027CD92 /* UILabel+ContentSize.m in Sources */,
 				D25530031E79115100DF38A5 /* AnimQueueManager.m in Sources */,
 				D2029C871E6EADE10027CD92 /* AFHTTPSessionManager.m in Sources */,
+				D236968D1E7FC7C200E4BF71 /* CNBarrageManager.m in Sources */,
 				D2029B861E6EAAA50027CD92 /* main.m in Sources */,
 				D2029C8C1E6EADE10027CD92 /* AFURLSessionManager.m in Sources */,
 				D2029C9F1E6EADE10027CD92 /* NSObject+MJKeyValue.m in Sources */,
@@ -1701,6 +1740,7 @@
 				D2029BCD1E6EADD70027CD92 /* BaseViewController.m in Sources */,
 				810B64E01E779AE900133E15 /* LVCPlayer.m in Sources */,
 				810B64FF1E779B1F00133E15 /* MASConstraint.m in Sources */,
+				D236968E1E7FC7C200E4BF71 /* CNBarrageView.m in Sources */,
 				D25BF87A1E7B8A82007FB138 /* FilterFunctionView.m in Sources */,
 				D2029D001E6EAE2E0027CD92 /* NSNumber+ScaleHeight.m in Sources */,
 				D2888D9E1E6EBF1B003A77C8 /* LVCLiveViewController.m in Sources */,
@@ -31,12 +31,16 @@
 #pragma mark - buttonClick
 - (void)chatAction
 {
-    
+    if ([self.delegate respondsToSelector:@selector(bottomActionWithType:)]) {
+        [self.delegate bottomActionWithType:BtnClickTypeChat];
+    }
 }
 - (void)privateChatAction
 {
-    
+    if ([self.delegate respondsToSelector:@selector(bottomActionWithType:)]) {
+        [self.delegate bottomActionWithType:BtnClickTypePriChat];
+    }
 }
 - (void)giftAction
+//
+//  CNBarrageManager.h
+//  personalXmppChatDemo
+//
+//  Created by 张旭 on 2016/12/10.
+//  Copyright © 2016年 cnlive. All rights reserved.
+//
+
+#import <Foundation/Foundation.h>
+
+@class CNBarrageView;
+@class chatMsgModel;
+@interface CNBarrageManager : NSObject
+
+@property (nonatomic, copy) void(^generateBarrageBlock)(CNBarrageView *view);//生成弹幕View回调
+@property (nonatomic) BOOL isStopBarrage;//是否关闭了弹幕
+/**
+ 开始弹幕根据新消息数组
+ 
+ @param newBarrageArray 新消息数组
+ */
+- (void)startBarrageWithNewArray:(NSMutableArray <chatMsgModel *>*)newBarrageArray;
+
+/**
+ 停止弹幕
+ */
+- (void)stopBarrage;
+
+
+
+@end
+//
+//  CNBarrageManager.m
+//  personalXmppChatDemo
+//
+//  Created by 张旭 on 2016/12/10.
+//  Copyright © 2016年 cnlive. All rights reserved.
+//
+
+#import "CNBarrageManager.h"
+#import "CNBarrageView.h"
+#import "chatMsgModel.h"
+
+#define MAX_OVERLAP_COUNT 100
+
+@interface CNBarrageManager ()
+
+@property (nonatomic, strong) NSMutableArray *_Nullable allComments;//所有评论
+@property (nonatomic, strong) NSMutableArray *_Nullable tmpComments;//临时评论
+@property (nonatomic ,strong) NSMutableArray *_Nullable barrageQueue;//评论管理队列数组
+@property (nonatomic ,strong) NSMutableArray *_Nullable trajectoryArr;//弹幕轨迹数组
+
+@property BOOL isStarted;//标记是否开始弹幕
+@property BOOL isStopAnimation;//标记是否停止弹幕
+
+@end
+
+@implementation CNBarrageManager
+
+/**
+ 开始弹幕根据新消息数组
+ 
+ @param newBarrageArray 新消息数组
+ */
+- (void)startBarrageWithNewArray:(NSMutableArray <chatMsgModel *>*)newBarrageArray
+{
+    if (self.isStopAnimation && _isStopBarrage) {
+        return;
+    }
+    [self.allComments addObjectsFromArray:newBarrageArray];
+
+    [self startBarrage];
+}
+
+/**
+ 开始弹幕
+ */
+- (void)startBarrage
+{
+    if (self.tmpComments.count == 0) {
+        [self.tmpComments addObjectsFromArray:self.allComments];
+        [self.allComments removeAllObjects];
+    }
+    
+    self.isStarted = YES;
+    self.isStopAnimation = NO;
+    [self initBarrageCommentView];
+}
+
+/**
+ 停止弹幕
+ */
+- (void)stopBarrage
+{
+    self.isStopAnimation = YES;
+
+    [self.barrageQueue enumerateObjectsUsingBlock:^(id  _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
+        CNBarrageView *view = obj;
+        [view stopAnimation];
+        view = nil;
+        self.tmpComments = nil;
+        self.allComments = nil;
+        self.trajectoryArr = nil;
+    }];
+    self.barrageQueue = nil;
+}
+
+/**
+ 初始化弹幕的评论View
+ */
+- (void)initBarrageCommentView
+{
+    if(self.isStopAnimation)return;
+    //初始化轨道位置随机
+    long count = self.tmpComments.count;
+    for (int i = 0; i < count; i ++) {
+        chatMsgModel *model = [self.tmpComments firstObject];
+        NSString *comment = model.content;
+        NSString *userName = model.name;
+        if (comment) {
+            [self.tmpComments removeObjectAtIndex:0];
+            //根据当前未发送弹幕数量生成轨迹
+            NSString *trajectory;
+            if (self.tmpComments.count > MAX_OVERLAP_COUNT)
+            {//数量较多轨迹可重叠
+                trajectory = [self trajectoryOverlap:YES];
+            }else
+            {//数量较少轨迹可能不重叠,但频率高会使轨迹数组已满,造成重叠
+                trajectory = [self trajectoryOverlap:NO];
+            }
+            [self createBarrageComment:comment userName:userName trajectory:trajectory isMine:model.isMine]; //trajectory:trajectory isMine:model.isMine];
+        }
+        else {
+            //当弹幕没有时跳出循环
+            break;
+        }
+    }
+}
+
+/**
+ 生成评论弹幕轨迹
+
+ @param isOverlap 是否重叠
+ @return 根据轨迹是否可重叠,生成对应的新轨迹
+ */
+- (NSString *)trajectoryOverlap:(BOOL)isOverlap
+{
+    NSString *trajectory = @"";
+    long arcIndex = arc4random() % MAX_BARRAGE_VERTICAL_COUNT;
+    CGFloat tra = arcIndex * BARRAGE_VERTICAL_HEIGHT + (arcIndex - 1) * BARRAGE_VERTICAL_MARGIN;
+//    NSLog(@"trajectory = %f ,%ld,%f,%ld,%f",tra,arcIndex,BARRAGE_VERTICAL_MARGIN,MAX_BARRAGE_VERTICAL_COUNT,BARRAGE_VERTICAL_MARGIN);
+    if (isOverlap) {
+    //生成可重叠的轨迹
+        trajectory = [NSString stringWithFormat:@"%f",tra];
+        [self.trajectoryArr addObject:trajectory];
+        return [NSString stringWithFormat:@"%f",tra];
+    }
+    //生成不重叠的轨迹
+    do {
+        arcIndex = arc4random() % MAX_BARRAGE_VERTICAL_COUNT;
+        tra = arcIndex * BARRAGE_VERTICAL_HEIGHT + (arcIndex - 1) * BARRAGE_VERTICAL_MARGIN;
+        trajectory = [NSString stringWithFormat:@"%f",tra];
+        if (self.trajectoryArr.count >= MAX_BARRAGE_VERTICAL_COUNT) break;
+        
+    } while ([self.trajectoryArr containsObject:trajectory]);
+    if (self.trajectoryArr.count >= MAX_BARRAGE_VERTICAL_COUNT)
+    {//当前轨迹数组已满,弹幕需要重叠显示
+        
+    }else
+    {//当前轨迹数组还没满,弹幕无需重叠
+        [self.trajectoryArr addObject:trajectory];
+    }
+    return trajectory;
+}
+
+/**
+ 下一条评论
+
+ @return 返回当前tmpComments的下一条评论数据
+ */
+- (NSString *)nextComment {
+    chatMsgModel *model = [self.tmpComments firstObject];
+    if (model.content) {
+        [self.tmpComments removeObjectAtIndex:0];
+    }
+    return model.content;
+}
+
+/**
+ 创建评论弹幕,根据评论内容和弹幕轨迹
+
+ @param comment 评论内容
+ @param userName 用户名字
+ @param trajectory 弹幕轨迹
+ @param isMine 是否是我发的弹幕
+ */
+- (void)createBarrageComment:(NSString *)comment userName:(NSString *)userName trajectory:(NSString *)trajectory isMine:(BOOL)isMine
+{
+    if (self.isStopAnimation) {
+        return;
+    }
+    //创建一个弹幕view
+    CNBarrageView *view = [[CNBarrageView alloc] initWithContent:comment userName:userName isMine:isMine];
+    
+    //设置运行轨迹
+    view.trajectory = [trajectory floatValue];
+    weakself
+    __weak CNBarrageView *weakBarrageView = view;
+    view.moveBlock = ^(CommentMoveState status){
+        strongself
+        if (self.isStopAnimation) {
+            return;
+        }
+        switch (status) {
+            case CommentMoveStateStart:
+            {
+                //弹幕开始,将view加入弹幕管理数组
+                [self.barrageQueue addObject:weakBarrageView];
+            }
+                break;
+            case CommentMoveStateEnter:
+            {
+                [self.trajectoryArr removeObject:trajectory];
+                //弹幕完全进入屏幕,判断接下来是否还有内容,如果有则在该弹幕轨迹队列中创建弹幕
+                NSString *comment = [self nextComment];
+                if (comment) {
+                    [self createBarrageComment:comment userName:userName trajectory:trajectory isMine:isMine];
+//                    [self createBarrageComment:comment trajectory:trajectory isMine:isMine];
+                }
+                else {
+                    //没有评论了
+                }
+            }
+                break;
+            case CommentMoveStateEnd:
+            {
+                //弹幕飞出屏幕后从弹幕管理队列中删除
+                if ([self.barrageQueue containsObject:weakBarrageView]) {
+                    [self.barrageQueue removeObject:weakBarrageView];
+                }
+            }
+                break;
+            default:
+                break;
+        }
+    };
+    //弹幕生成后,传到Controller进行页面展示
+    if (self.generateBarrageBlock) {
+        self.generateBarrageBlock(view);
+    }
+}
+
+#pragma mark - getter
+
+- (NSMutableArray *)allComments {
+    if (!_allComments) {
+        _allComments = [NSMutableArray array];
+    }
+    return _allComments;
+}
+
+- (NSMutableArray *)tmpComments {
+    if (!_tmpComments) {
+        _tmpComments = [NSMutableArray array];
+    }
+    return _tmpComments;
+}
+
+- (NSMutableArray *)barrageQueue {
+    if (!_barrageQueue) {
+        _barrageQueue = [NSMutableArray array];
+    }
+    return _barrageQueue;
+}
+
+- (NSMutableArray *)trajectoryArr {
+    if (!_trajectoryArr) {
+        _trajectoryArr = [NSMutableArray array];
+    }
+    return _trajectoryArr;
+}
+
+@end
+//
+//  CNBarrageView.h
+//  personalXmppChatDemo
+//
+//  Created by 张旭 on 2016/12/10.
+//  Copyright © 2016年 cnlive. All rights reserved.
+//
+
+#import <UIKit/UIKit.h>
+
+#define BARRAGE_VERTICAL_HEIGHT 25.f  //每个弹幕View在垂直方向上的高度
+#define MAX_BARRAGE_VERTICAL_COUNT  (long)([UIScreen mainScreen].bounds.size.height * 1.0/BARRAGE_VERTICAL_HEIGHT)         //垂直方向上的弹幕最大数量
+#define BARRAGE_VERTICAL_MARGIN ([UIScreen mainScreen].bounds.size.height - BARRAGE_VERTICAL_HEIGHT * MAX_BARRAGE_VERTICAL_COUNT) * 1.0 / (MAX_BARRAGE_VERTICAL_COUNT - 1)                              //垂直方向上弹幕之间的间隙
+
+typedef NS_ENUM(NSInteger, CommentMoveState){//弹幕移动的状态
+    CommentMoveStateStart = 0,//将要进入屏幕
+    CommentMoveStateEnter    ,//完全进入
+    CommentMoveStateEnd       //完全移除屏幕
+};
+
+
+@interface CNBarrageView : UIView
+
+@property (nonatomic ,copy) void (^moveBlock) (CommentMoveState state);//弹幕移动的状态
+@property (nonatomic) CGFloat trajectory;//弹幕的移动轨迹
+
+/**
+ 初始化弹幕View根据评论内容,消息是否是自己发送
+
+ @param content 评论内容
+ @param userName 用户名字
+ @param isMine 是否是自己的评论弹幕
+ @return 弹幕View
+ */
+- (instancetype)initWithContent:(NSString *)content userName:(NSString *)userName isMine:(BOOL)isMine;
+
+/**
+ 开始移动动画
+ */
+- (void)startAnimation;
+
+/**
+ 停止移动动画
+ */
+- (void)stopAnimation;
+
+@end
+
+//
+//  CNBarrageView.m
+//  personalXmppChatDemo
+//
+//  Created by 张旭 on 2016/12/10.
+//  Copyright © 2016年 cnlive. All rights reserved.
+//
+
+#import "CNBarrageView.h"
+
+#define TotalDuration              5 //弹幕飘过总时间
+#define BARRAGE_Horizontal_Margin  5 //弹幕间水平间隙
+
+@interface CNBarrageView ()
+
+@property (nonatomic ,strong) UILabel * _Nullable commentLabel;//评论Label
+@property BOOL isDealloc;//标记资源是否已释放
+
+@end
+
+@implementation CNBarrageView
+
+/**
+ 销毁对象及动画
+ */
+- (void)dealloc
+{
+    [self stopAnimation];
+    self.moveBlock = nil;
+}
+
+/**
+ 初始化弹幕View根据评论内容,消息是否是自己发送
+ 
+ @param content 评论内容
+ @param userName 用户名字
+ @param isMine 是否是自己的评论弹幕
+ @return 弹幕View
+ */
+- (instancetype)initWithContent:(NSString *)content userName:(NSString *)userName isMine:(BOOL)isMine
+{
+    if (self = [super init])
+    {
+        content = [NSString stringWithFormat:@"%@:%@",userName,content];
+        NSDictionary *attributes = @{NSFontAttributeName:[UIFont systemFontOfSize:14]};
+        float width = [content sizeWithAttributes:attributes].width;
+//        float height = [content sizeWithAttributes:attributes].height;//16.707031
+        self.bounds = CGRectMake(0, 0, width + BARRAGE_Horizontal_Margin * 2, BARRAGE_VERTICAL_HEIGHT);
+        self.commentLabel.text = content;
+        self.commentLabel.frame = CGRectMake(BARRAGE_Horizontal_Margin, 0, width, BARRAGE_VERTICAL_HEIGHT);
+        if(isMine)
+        {
+            self.commentLabel.textColor = [UIColor redColor];
+        }else
+        {
+            self.commentLabel.textColor = [UIColor lightGrayColor];
+        }
+        
+    }
+    return self;
+}
+
+/**
+ 开始移动动画
+ */
+- (void)startAnimation
+{
+    CGFloat wholeWidth = self.width + SCREEN_WIDTH + 50;//总轨迹长度
+    CGFloat speed = wholeWidth / TotalDuration;//速度
+    CGFloat duration = (self.width + 50) / speed;//完全进入屏幕的时间
+    
+    if (self.moveBlock) {
+        //弹幕开始进入屏幕
+        self.moveBlock(CommentMoveStateStart);
+    }
+    
+    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(duration * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
+        //避免重复,若资源已释放 不再操作
+        if (self.isDealloc) {
+            return;
+        }
+        //duration时间后弹幕完全进入屏幕
+        if (self.moveBlock) {
+            self.moveBlock(CommentMoveStateEnter);
+        }
+    });
+    
+    weakself
+    //弹幕完全离开屏幕
+    [UIView animateWithDuration:TotalDuration delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
+        strongself
+        self.left = - self.width;
+    } completion:^(BOOL finished) {
+        if (self.moveBlock) {
+            self.moveBlock(CommentMoveStateEnd);
+        }
+        [self removeFromSuperview];
+    }];
+    
+}
+
+/**
+ 停止移动动画
+ */
+- (void)stopAnimation
+{
+    self.isDealloc = YES;
+    [self.layer removeAllAnimations];
+    [self removeFromSuperview];
+}
+
+#pragma mark getter
+
+- (UILabel *)commentLabel
+{
+    if (!_commentLabel) {
+        _commentLabel = [[UILabel alloc] init];
+        _commentLabel.backgroundColor = [UIColor clearColor];
+        _commentLabel.font = [UIFont systemFontOfSize:14.f];
+        _commentLabel.textColor = [UIColor lightGrayColor];
+        [self addSubview:self.commentLabel];
+    }
+    return _commentLabel;
+}
+
+/*
+// Only override drawRect: if you perform custom drawing.
+// An empty implementation adversely affects performance during animation.
+- (void)drawRect:(CGRect)rect {
+    // Drawing code
+}
+*/
+
+@end
+//
+//  chatMsgModel.h
+//  LiveVideoCloud
+//
+//  Created by 张旭 on 2017/3/20.
+//  Copyright © 2017年 cnlive. All rights reserved.
+//
+
+#import "BaseModel.h"
+
+@interface chatMsgModel : BaseModel
+
+@property (nonatomic ,copy  ) NSString * _Nullable icon;//头像
+@property (nonatomic ,copy  ) NSString * _Nullable name;//姓名
+@property (nonatomic ,copy  ) NSString * _Nullable content;//内容
+
+@property (nonatomic ,assign) CGFloat   cellWidth;//内容宽度
+@property (nonatomic ,assign) CGFloat   cellHeight;//内容高度
+
+@property (nonatomic) BOOL isMine;//消息是否是自己发送
+
+@end
+//
+//  chatMsgModel.m
+//  LiveVideoCloud
+//
+//  Created by 张旭 on 2017/3/20.
+//  Copyright © 2017年 cnlive. All rights reserved.
+//
+
+#import "chatMsgModel.h"
+
+#define ChatCellMargin 10
+
+@implementation chatMsgModel
+
+- (CGFloat)cellHeight
+{
+    //如果计算过高度,直接返回
+    if (_cellHeight) return _cellHeight;
+    
+    //头像
+    _cellHeight = 40;
+    //文字
+    CGFloat textMaxW = self.cellWidth - 2 * ChatCellMargin;
+    CGSize textMaxSize = CGSizeMake(textMaxW, MAXFLOAT);
+    CGSize textSize = [self.content boundingRectWithSize:textMaxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : [UIFont systemFontOfSize:16]} context:nil].size;
+    
+    //底部空隙
+    _cellHeight += textSize.height + ChatCellMargin;
+    //    NSLog(@"cellHeight = %f",_cellHeight);
+    return _cellHeight;
+}
+@end
+//
+//  chatListCell.h
+//  LiveVideoCloud
+//
+//  Created by 张旭 on 2017/3/20.
+//  Copyright © 2017年 cnlive. All rights reserved.
+//
+
+#import "BaseTableViewCell.h"
+@class chatMsgModel;
+@interface chatListCell : BaseTableViewCell
+
+- (void)loadUIWithModel:(chatMsgModel *)model;
+
+@end
+//
+//  chatListCell.m
+//  LiveVideoCloud
+//
+//  Created by 张旭 on 2017/3/20.
+//  Copyright © 2017年 cnlive. All rights reserved.
+//
+
+#import "chatListCell.h"
+#import "chatMsgModel.h"
+@interface chatListCell ()
+
+@property (nonatomic ,strong) UIImageView * _Nullable iconImageView;//头像图片
+@property (nonatomic ,strong) UILabel     * _Nullable nameLabel;//名字
+@property (nonatomic ,strong) UILabel     * _Nullable contentLabel;//内容
+@property (nonatomic ,strong) UIImageView * _Nullable lineImageView;//分割线
+
+@property (nonatomic ,strong) chatMsgModel * _Nullable model;
+
+@end
+
+@implementation chatListCell
+
+- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
+{
+    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
+    if (self) {
+        self.backgroundColor = [UIColor clearColor];
+        self.selectionStyle = UITableViewCellSelectionStyleNone;
+    }
+    return self;
+}
+
+- (void)loadUIWithModel:(chatMsgModel *)model
+{
+    model.cellWidth = self.width;
+    _model = model;
+    
+    [self bindView];//更新cell高度后再初始化UI
+    [self.iconImageView sd_setImageWithURL:[NSURL URLWithString:model.icon] placeholderImage:nil];
+    //    self.iconImageView.backgroundColor = [UIColor greenColor];
+    self.nameLabel.text = [NSString stringWithFormat:@"%@:",model.name];
+    CGSize labelSize = [self.nameLabel labelSize];
+    self.nameLabel.frame = CGRectMake(self.iconImageView.right + 10, self.iconImageView.top, labelSize.width, labelSize.height);
+    self.nameLabel.centerY = self.iconImageView.centerY;
+    self.contentLabel.text = model.content;
+    CGSize contentLabelSize = [self.contentLabel labelSizeWithWidth:self.width - 2 * self.iconImageView.left];
+    self.contentLabel.frame = CGRectMake(self.iconImageView.left, self.iconImageView.bottom + 10, contentLabelSize.width, contentLabelSize.height);
+    
+    self.lineImageView.frame = CGRectMake(self.iconImageView.left, self.contentLabel.bottom + 5, self.width - self.iconImageView.left * 2, 1);
+}
+
+- (void)bindView
+{
+    self.iconImageView.frame = CGRectMake(10, 10, 30, 30);
+    self.nameLabel.frame = CGRectMake(self.iconImageView.right + 10, self.iconImageView.top, self.width - self.iconImageView.right - 20, 25);
+    self.nameLabel.centerY = self.iconImageView.centerY;
+    self.contentLabel.frame = CGRectMake(self.iconImageView.left, self.iconImageView.bottom + 10, self.width - 2 * self.iconImageView.left, 25);
+}
+
+#pragma mark - getter
+- (UILabel * _Nullable)nameLabel
+{
+    if (!_nameLabel)
+    {
+        _nameLabel = [[UILabel alloc] init];
+        _nameLabel.textAlignment = NSTextAlignmentLeft;
+        _nameLabel.textColor = [UIColor redColor];
+        _nameLabel.font = [UIFont systemFontOfSize:15.f];
+        [self addSubview:_nameLabel];
+    }
+    return _nameLabel;
+}
+
+- (UILabel * _Nullable)contentLabel
+{
+    if (!_contentLabel)
+    {
+        _contentLabel = [[UILabel alloc] init];
+        _contentLabel.textAlignment = NSTextAlignmentLeft;
+        _contentLabel.textColor = [UIColor lightGrayColor];
+        _contentLabel.numberOfLines = 0;
+        _contentLabel.font = [UIFont systemFontOfSize:12.f];
+        [self addSubview:_contentLabel];
+    }
+    return _contentLabel;
+}
+
+- (UIImageView * _Nullable)iconImageView
+{
+    if (!_iconImageView)
+    {
+        _iconImageView = [[UIImageView alloc] init];
+        _iconImageView.layer.masksToBounds = YES;
+        _iconImageView.layer.cornerRadius = 15.f;
+        [self addSubview:_iconImageView];
+    }
+    return _iconImageView;
+}
+
+- (UIImageView * _Nullable)lineImageView
+{
+    if (!_lineImageView)
+    {
+        _lineImageView = [[UIImageView alloc] init];
+        _lineImageView.image = [UIImage imageNamed:@"分割线（聊天复用）"];
+        [self addSubview:_lineImageView];
+    }
+    return _lineImageView;
+}
+
+
+/*
+// Only override drawRect: if you perform custom drawing.
+// An empty implementation adversely affects performance during animation.
+- (void)drawRect:(CGRect)rect {
+    // Drawing code
+}
+*/
+
+@end
@@ -65,7 +65,7 @@ static LVCAnimationManager * __singleton__;
  */
 - (void)bubblingWithCenterPoint:(CGPoint)centerPoint toView:(UIView *_Nonnull)toView speed:(CGFloat)speed
 {
-    CGFloat defSpeed = 2;
+    CGFloat defSpeed = 1;
     if (speed != 0) {
         defSpeed = speed;
     }
@@ -13,6 +13,11 @@
 #import "GiftModel.h"
 #import "PresentView.h"
 #import "ComboCell.h"
+#import "LVCAnimationManager.h"
+#import "chatListCell.h"
+#import "chatMsgModel.h"
+
+#define BottomToolHeight 60
 typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
     PopTypeGift          = 1,//礼物弹窗
@@ -20,7 +25,7 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
     PopTypePriMessage        //私信弹窗
 };
-@interface LiveBaseView ()<bottomBtnDeledate,PresentViewDelegate,UIScrollViewDelegate>
+@interface LiveBaseView ()<bottomBtnDeledate,PresentViewDelegate,UIScrollViewDelegate,UITableViewDelegate,UITableViewDataSource>
 @property (nonatomic ,strong           ) UIScrollView *  _Nullable scrollView;
 @property (nonatomic ,strong ,readwrite) UIView *        _Nullable animationBaseView;//展示层View
@@ -28,8 +33,10 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
 @property (nonatomic ,strong           ) UIButton *      _Nullable closeBtn;
 @property (nonatomic ,strong           ) UIView *        _Nullable giftPopView;
 @property (nonatomic ,strong ,readwrite) PresentView *   _Nullable presentView;//连击View
-
 @property (nonatomic ,assign           ) PopType   popType;
+@property (nonatomic ,strong) UITableView * _Nullable             chatTableView;
+@property (nonatomic ,strong) NSMutableArray * _Nullable chatMsgArray;//聊天消息数组
+
 @end
 @implementation LiveBaseView
@@ -44,6 +51,15 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
         [self.animationBaseView addSubview:self.presentView];
         [self addSubview:self.closeBtn];
         [self addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGestureClick:)]];
+        [[LVCAnimationManager shareManager] bubblingWithCenterPoint:CGPointMake(SCREEN_WIDTH - 50, SCREEN_HEIGHT - 50) toView:self.animationBaseView speed:1];
+//        ChatView *chatView = [[ChatView alloc] initWithFrame:CGRectMake(0, SCREEN_HEIGHT - 150, 200, 100)];
+//        chatView.backgroundColor = ZXRandomColor;
+//        [self addSubview:chatView];
+        [self.animationBaseView addSubview:self.chatTableView];
+        self.chatTableView.backgroundColor = ZXRandomColor;
+        chatMsgModel *model = [[chatMsgModel alloc] init];
+        model.name = @"张旭";
+        [self.chatMsgArray addObject:model];
     }
     return self;
 }
@@ -51,7 +67,6 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
 #pragma mark - bottomBtnDelegate
 - (void)bottomActionWithType:(BtnClickType)btnType
 {
-    [self hiddenView:YES];
     switch (btnType) {
         case BtnClickTypeChat:
         {
@@ -67,7 +82,7 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
         case BtnClickTypeGift:
         {
             self.popType = PopTypeGift;
-            
+            [self hiddenView:YES];
             GiftListView *giftListView = [[GiftListView alloc] initWithFrame:CGRectMake(0, SCREEN_HEIGHT - 250, SCREEN_WIDTH, 250) liveBaseView:self];
             [self addSubview:giftListView];
             self.giftPopView = giftListView;
@@ -78,6 +93,8 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
             giftBg.centerY = giftListView.height * 0.5;
             giftBg.alpha = 0.4;
             [giftListView addSubview:giftBg];
+            
+            
         }
             break;
         default:
@@ -89,6 +106,7 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
 {
     self.bottomToolView.hidden = isHidden;
     self.closeBtn.hidden = isHidden;
+    self.chatTableView.hidden = isHidden;
 }
 - (void)clearCurrentPopView
@@ -120,6 +138,27 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
     }
 }
+#pragma mark - 聊天消息列表
+#pragma mark - UITableViewDataSource
+
+- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
+{
+    return self.chatMsgArray.count;
+}
+
+-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
+{
+    chatListCell * cell = [tableView dequeueReusableCellWithIdentifier:NSStringFromClass([chatListCell class]) forIndexPath:indexPath];
+    [cell loadUIWithModel:self.chatMsgArray[indexPath.row]];
+    return cell;
+}
+
+#pragma mark - UITableViewDelegate
+- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
+{
+    return [self.chatMsgArray[indexPath.row] cellHeight];
+}
+
 #pragma mark - PresentViewDelegate
 - (PresentViewCell *)presentView:(PresentView *)presentView cellOfRow:(NSInteger)row
@@ -141,13 +180,13 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
 - (void)presentView:(PresentView *)presentView animationCompleted:(NSInteger)shakeNumber model:(id<PresentModelAble>)model
 {
-//    self.number = 5;
     NSLog(@"%@礼物的连送动画执行完成", model.giftName);
 }
 #pragma mark - buttonClick
 - (void)tapGestureClick:(UITapGestureRecognizer *)gesture
 {
+    [[LVCAnimationManager shareManager] bubblingWithCenterPoint:CGPointMake(SCREEN_WIDTH - 50, SCREEN_HEIGHT - 50) toView:self.animationBaseView];
     [self clearCurrentPopView];
 }
@@ -212,7 +251,7 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
 {
     if (!_bottomToolView)
     {
-        _bottomToolView = [[BottomToolView alloc] initWithFrame:CGRectMake(0, SCREEN_HEIGHT - 60, SCREEN_WIDTH, 60)];
+        _bottomToolView = [[BottomToolView alloc] initWithFrame:CGRectMake(0, SCREEN_HEIGHT - BottomToolHeight, SCREEN_WIDTH, BottomToolHeight)];
         _bottomToolView.delegate = self;
         _bottomToolView.backgroundColor = [UIColor lightGrayColor];
         _bottomToolView.alpha = 0.7;
@@ -220,6 +259,31 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
     return _bottomToolView;
 }
+- (UITableView *)chatTableView
+{
+    if (!_chatTableView) {
+        UITableView *tableView = [[UITableView alloc]initWithFrame:CGRectMake(10, SCREEN_HEIGHT - 150 - BottomToolHeight - 10, 300, 150)];
+        tableView.delegate = self;
+        tableView.dataSource = self;
+        tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
+        [tableView registerClass:[chatListCell class] forCellReuseIdentifier:NSStringFromClass([chatListCell class])];
+        tableView.showsVerticalScrollIndicator = NO;
+        tableView.showsHorizontalScrollIndicator = NO;
+        tableView.backgroundColor = [UIColor clearColor];
+        tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
+        _chatTableView = tableView;
+    }
+    return _chatTableView;
+}
+
+- (NSMutableArray *)chatMsgArray
+{
+    if (!_chatMsgArray) {
+        _chatMsgArray = [NSMutableArray array];
+    }
+    return _chatMsgArray;
+}
+
 - (UIButton *)closeBtn
 {
     if (!_closeBtn)