聊天室页面搭建

张旭
1 parent a4a54f89
Showing 20 changed files with 350 additions and 94 deletions
LiveVideoCloud/LiveVideoCloud.xcodeproj/project.pbxproj
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/BottomToolView/BottomToolView.h
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/BottomToolView/BottomToolView.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/Gift/GiftAnimOperation.m
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/Gift/GiftAnimationAction.h
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/Gift/GiftResource/NHFighterView+animDelegagte.m
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/LVCAnimationManager.h
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/LVCAnimationManager.m
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/LiveBaseView.m
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/TopToolView/TopToolView.h
LiveVideoCloud/LiveVideoCloud/Classes/Sections/InteractionSections/TopToolView/TopToolView.m
LiveVideoCloud/LiveVideoCloud/PrefixHeader.pch
LiveVideoCloud/LiveVideoCloud/animation.xcassets/Interaction/Chat/Contents.json
LiveVideoCloud/LiveVideoCloud/animation.xcassets/Interaction/Chat/textInputBgColor.imageset/Contents.json
LiveVideoCloud/LiveVideoCloud/animation.xcassets/Interaction/Chat/textInputBgColor.imageset/textInputBgColor.png
LiveVideoCloud/LiveVideoCloud/animation.xcassets/Interaction/Gift/fighter_small80.imageset/Contents.json
@@ -158,6 +158,7 @@
 		D2888DB11E6EC05F003A77C8 /* TempViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = D2888DB01E6EC05F003A77C8 /* TempViewController.m */; };
 		D2888DB41E6EC154003A77C8 /* HomeViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = D2888DB31E6EC154003A77C8 /* HomeViewController.m */; };
 		D2888DB71E6EC1B8003A77C8 /* LVCMyViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = D2888DB61E6EC1B8003A77C8 /* LVCMyViewController.m */; };
+		D2A803081E80BD6F009D6F1C /* TopToolView.m in Sources */ = {isa = PBXBuildFile; fileRef = D2A803071E80BD6F009D6F1C /* TopToolView.m */; };
 /* End PBXBuildFile section */
 /* Begin PBXContainerItemProxy section */
@@ -508,6 +509,8 @@
 		D2888DB31E6EC154003A77C8 /* HomeViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = HomeViewController.m; sourceTree = "<group>"; };
 		D2888DB51E6EC1B8003A77C8 /* LVCMyViewController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = LVCMyViewController.h; sourceTree = "<group>"; };
 		D2888DB61E6EC1B8003A77C8 /* LVCMyViewController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = LVCMyViewController.m; sourceTree = "<group>"; };
+		D2A803061E80BD6F009D6F1C /* TopToolView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = TopToolView.h; sourceTree = "<group>"; };
+		D2A803071E80BD6F009D6F1C /* TopToolView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = TopToolView.m; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 /* Begin PBXFrameworksBuildPhase section */
@@ -1256,6 +1259,8 @@
 		D22830F81E77C2A700627701 /* TopToolView */ = {
 			isa = PBXGroup;
 			children = (
+				D2A803061E80BD6F009D6F1C /* TopToolView.h */,
+				D2A803071E80BD6F009D6F1C /* TopToolView.m */,
 			);
 			path = TopToolView;
 			sourceTree = "<group>";
@@ -1664,6 +1669,7 @@
 				D2029CD01E6EADE10027CD92 /* SearchPresenter.m in Sources */,
 				D2888DB71E6EC1B8003A77C8 /* LVCMyViewController.m in Sources */,
 				D2029CBE1E6EADE10027CD92 /* SDWebImagePrefetcher.m in Sources */,
+				D2A803081E80BD6F009D6F1C /* TopToolView.m in Sources */,
 				810B65011E779B1F00133E15 /* MASLayoutConstraint.m in Sources */,
 				D2029CCE1E6EADE10027CD92 /* SearchRecomListModel.m in Sources */,
 				D2029CA11E6EADE10027CD92 /* NSString+MJExtension.m in Sources */,
@@ -16,7 +16,7 @@ typedef NS_ENUM(NSInteger, BtnClickType) {//底部按钮类型
 @protocol bottomBtnDeledate <NSObject>
-- (void)bottomActionWithType:(BtnClickType)btnType;
+- (void)bottomActionWithType:(BtnClickType)btnType button:(UIButton *)button;
 @end
 @interface BottomToolView : BaseView
@@ -31,22 +31,22 @@
 #pragma mark - buttonClick
 - (void)chatAction
 {
-    if ([self.delegate respondsToSelector:@selector(bottomActionWithType:)]) {
-        [self.delegate bottomActionWithType:BtnClickTypeChat];
+    if ([self.delegate respondsToSelector:@selector(bottomActionWithType:button:)]) {
+        [self.delegate bottomActionWithType:BtnClickTypeChat button:self.chatBtn];
     }
 }
 - (void)privateChatAction
 {
-    if ([self.delegate respondsToSelector:@selector(bottomActionWithType:)]) {
-        [self.delegate bottomActionWithType:BtnClickTypePriChat];
+    if ([self.delegate respondsToSelector:@selector(bottomActionWithType:button:)]) {
+        [self.delegate bottomActionWithType:BtnClickTypePriChat button:self.privateChatBtn];
     }
 }
 - (void)giftAction
 {
-    if ([self.delegate respondsToSelector:@selector(bottomActionWithType:)]) {
-        [self.delegate bottomActionWithType:BtnClickTypeGift];
+    if ([self.delegate respondsToSelector:@selector(bottomActionWithType:button:)]) {
+        [self.delegate bottomActionWithType:BtnClickTypeGift button:self.giftBtn];
     }
 }
@@ -14,9 +14,11 @@
 @property (nonatomic ,copy  ) NSString * _Nullable name;//姓名
 @property (nonatomic ,copy  ) NSString * _Nullable content;//内容
+@property (nonatomic ,assign) CGFloat   level;//等级
 @property (nonatomic ,assign) CGFloat   cellWidth;//内容宽度
 @property (nonatomic ,assign) CGFloat   cellHeight;//内容高度
 @property (nonatomic) BOOL isMine;//消息是否是自己发送
+@property (nonatomic ,copy) NSString * _Nullable            ID;//唯一标识
 @end
@@ -17,16 +17,16 @@
     //如果计算过高度,直接返回
     if (_cellHeight) return _cellHeight;
-    //头像
-    _cellHeight = 40;
+    _cellHeight = 0;
+    NSString *content = [NSString stringWithFormat:@"%@:%@",self.name,self.content];
     //文字
-    CGFloat textMaxW = self.cellWidth - 2 * ChatCellMargin;
+    CGFloat textMaxW = self.cellWidth;
     CGSize textMaxSize = CGSizeMake(textMaxW, MAXFLOAT);
-    CGSize textSize = [self.content boundingRectWithSize:textMaxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : [UIFont systemFontOfSize:16]} context:nil].size;
+    CGSize textSize = [content boundingRectWithSize:textMaxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : [UIFont systemFontOfSize:14]} context:nil].size;
     //底部空隙
     _cellHeight += textSize.height + ChatCellMargin;
-    //    NSLog(@"cellHeight = %f",_cellHeight);
+        NSLog(@"cellHeight = %f",_cellHeight);
     return _cellHeight;
 }
 @end
@@ -8,8 +8,16 @@
 #import "BaseTableViewCell.h"
 @class chatMsgModel;
+
+@protocol userClickDelegate <NSObject>
+
+- (void)userClickWithModel:(chatMsgModel *)model;
+
+@end
+
 @interface chatListCell : BaseTableViewCell
 - (void)loadUIWithModel:(chatMsgModel *)model;
+@property (nonatomic ,strong) id <userClickDelegate>             delegate;
 @end
@@ -10,11 +10,8 @@
 #import "chatMsgModel.h"
 @interface chatListCell ()
-@property (nonatomic ,strong) UIImageView * _Nullable iconImageView;//头像图片
-@property (nonatomic ,strong) UILabel     * _Nullable nameLabel;//名字
+@property (nonatomic ,strong) UIImageView * _Nullable iconImageView;//等级图片
 @property (nonatomic ,strong) UILabel     * _Nullable contentLabel;//内容
-@property (nonatomic ,strong) UIImageView * _Nullable lineImageView;//分割线
-
 @property (nonatomic ,strong) chatMsgModel * _Nullable model;
 @end
@@ -38,50 +35,54 @@
     [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.iconImageView.backgroundColor = ZXRandomColor;
+    self.contentLabel.text = [NSString stringWithFormat:@"%@:%@",model.name,model.content];
+    CGSize contentLabelSize = [self.contentLabel labelSizeWithWidth:self.width - self.iconImageView.right - 4];
+    self.contentLabel.frame = CGRectMake(20, 0, contentLabelSize.width, contentLabelSize.height);
+    self.contentLabel.centerY = self.height * 0.5;
+    
+    NSString *name = [NSString stringWithFormat:@"%@:",model.name];
+    NSString *content = model.content;
+    // 创建NSMutableAttributedString
+    NSMutableAttributedString *str = [[NSMutableAttributedString alloc] initWithString:self.contentLabel.text];
+    // 设置文字颜色
+    [str addAttribute:NSForegroundColorAttributeName value:ZXRandomColor range:NSMakeRange(0, name.length)];
+    [str addAttribute:NSForegroundColorAttributeName value:[UIColor cyanColor] range:NSMakeRange(name.length, content.length)];
+    // 将配置好的NSMutableAttributedString传给attributedText属性
+    self.contentLabel.attributedText = str;
-    self.lineImageView.frame = CGRectMake(self.iconImageView.left, self.contentLabel.bottom + 5, self.width - self.iconImageView.left * 2, 1);
+    UITapGestureRecognizer *gesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(detailInfo)];
+    [self.contentLabel addGestureRecognizer:gesture];
 }
 - (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);
+    self.iconImageView.frame = CGRectMake(4, 0, 16, 10);
+    self.contentLabel.frame = CGRectMake(self.iconImageView.right + 4, 0, self.width - 20, 25);
+    self.contentLabel.centerY = self.height * 0.5;
+    self.iconImageView.centerY = 13.353516;
+//    NSLog(@"Y:%f",self.contentLabel.centerY);//13.353516
 }
-#pragma mark - getter
-- (UILabel * _Nullable)nameLabel
+- (void)detailInfo
 {
-    if (!_nameLabel)
-    {
-        _nameLabel = [[UILabel alloc] init];
-        _nameLabel.textAlignment = NSTextAlignmentLeft;
-        _nameLabel.textColor = [UIColor redColor];
-        _nameLabel.font = [UIFont systemFontOfSize:15.f];
-        [self addSubview:_nameLabel];
+    if ([self.delegate respondsToSelector:@selector(userClickWithModel:)]) {
+        [self.delegate userClickWithModel:self.model];
     }
-    return _nameLabel;
 }
+#pragma mark - getter
 - (UILabel * _Nullable)contentLabel
 {
     if (!_contentLabel)
     {
         _contentLabel = [[UILabel alloc] init];
         _contentLabel.textAlignment = NSTextAlignmentLeft;
-        _contentLabel.textColor = [UIColor lightGrayColor];
+        _contentLabel.textColor = [UIColor blackColor];
         _contentLabel.numberOfLines = 0;
-        _contentLabel.font = [UIFont systemFontOfSize:12.f];
+        _contentLabel.font = [UIFont systemFontOfSize:14.f];
         [self addSubview:_contentLabel];
+        _contentLabel.userInteractionEnabled = YES;
     }
     return _contentLabel;
 }
@@ -98,18 +99,6 @@
     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.
@@ -33,6 +33,11 @@
 + (GiftAnimOperation *)addGiftAnimOperationWithGiftModel:(GiftModel *)model animContentView:(UIView *)animContentView{
     GiftAnimOperation *giftAnimOperation = [[GiftAnimOperation alloc]initWithGiftModel:model animContentView:animContentView];
+   
+    if (model.giftStyle == GiftStyleFighter) {
+        [[NSNotificationCenter defaultCenter] addObserver:giftAnimOperation selector:@selector(fighterAnimationDidStart) name:NSNotificationAnimationDidStart object:nil];
+        [[NSNotificationCenter defaultCenter] addObserver:giftAnimOperation selector:@selector(fighterAnimationDidStop) name:NSNotificationAnimationDidStop object:nil];
+    }
     return giftAnimOperation;
 }
@@ -101,7 +106,6 @@
             [self didChangeValueForKey:@"isFinished"];
         }];
-        
     });
 }
@@ -113,18 +117,23 @@
         [self.giftFighterView addAnimationsMoveToPoint:CGPointMake(SCREEN_WIDTH, 60) endPoint:CGPointMake( -500, 600)];
         [self.animContentView addSubview:self.giftFighterView];
-        
-        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(12 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
-            [self willChangeValueForKey:@"isFinished"];
-            
-            _finished = YES;
-            
-            [self didChangeValueForKey:@"isFinished"];
-
-        });
     });
 }
+- (void)fighterAnimationDidStart
+{
+    
+}
+
+- (void)fighterAnimationDidStop
+{
+    [self willChangeValueForKey:@"isFinished"];
+    
+    _finished = YES;
+    
+    [self didChangeValueForKey:@"isFinished"];
+}
+
 - (void)planeAnimation
 {
     weakself
@@ -142,7 +151,6 @@
             [self didChangeValueForKey:@"isFinished"];
         }];
-        
     });
 }
@@ -8,6 +8,9 @@
 #import <UIKit/UIKit.h>
+static NSString *NSNotificationAnimationDidStart = @"NSNotificationAnimationDidStart";
+
+static NSString *NSNotificationAnimationDidStop = @"NSNotificationAnimationDidStop";
 /**
  动画完成回调
  */
@@ -13,14 +13,12 @@
 - (void)animationDidStart:(CAAnimation *)anim
 {
-    NSLog(@"did start");
+    [[NSNotificationCenter defaultCenter] postNotificationName:NSNotificationAnimationDidStart object:nil];
 }
 - (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
 {
-//    _giftAnimationCompletion();
-    
-    NSLog(@"did stop");
+    [[NSNotificationCenter defaultCenter] postNotificationName:NSNotificationAnimationDidStop object:nil];
 }
 @end
@@ -32,4 +32,9 @@
  @param speed 每s执行的次数
  */
 - (void)bubblingWithCenterPoint:(CGPoint)centerPoint toView:(UIView *_Nonnull)toView speed:(CGFloat)speed;
+
+- (void)suspend;
+
+- (void)resume;
+
 @end
@@ -81,4 +81,20 @@ static LVCAnimationManager * __singleton__;
     [self.toView bubblingWithImage:[UIImage imageNamed:loveImageName] center:self.centerPoint];
     [self.toView bubblingWithImages:__singleton__.images center:self.centerPoint];
 }
+
+/**
+ 暂停飘心
+ */
+- (void)suspend
+{
+    [self.link setPaused:YES];
+}
+
+/**
+ 恢复飘心
+ */
+- (void)resume
+{
+    [self.link setPaused:NO];
+}
 @end
@@ -16,6 +16,7 @@
 #import "LVCAnimationManager.h"
 #import "chatListCell.h"
 #import "chatMsgModel.h"
+#import "TopToolView.h"
 #define BottomToolHeight 60
@@ -25,7 +26,7 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
     PopTypePriMessage        //私信弹窗
 };
-@interface LiveBaseView ()<bottomBtnDeledate,PresentViewDelegate,UIScrollViewDelegate,UITableViewDelegate,UITableViewDataSource>
+@interface LiveBaseView ()<bottomBtnDeledate,PresentViewDelegate,UIScrollViewDelegate,UITableViewDelegate,UITableViewDataSource,UITextFieldDelegate,userClickDelegate>
 @property (nonatomic ,strong           ) UIScrollView *  _Nullable scrollView;
 @property (nonatomic ,strong ,readwrite) UIView *        _Nullable animationBaseView;//展示层View
@@ -36,6 +37,11 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
 @property (nonatomic ,assign           ) PopType   popType;
 @property (nonatomic ,strong) UITableView * _Nullable             chatTableView;
 @property (nonatomic ,strong) NSMutableArray * _Nullable chatMsgArray;//聊天消息数组
+@property (nonatomic ,strong) TopToolView * _Nullable             topToolsView;
+@property (nonatomic ,strong) UIView * _Nullable             commentsView;
+@property (nonatomic ,strong) UITextField * _Nullable             commentText;
+@property (nonatomic ,assign) CGFloat                          offsetHeight;
+@property (nonatomic ,strong) UISwitch * _Nullable             barrageSwitch;
 @end
@@ -52,26 +58,105 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
         [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];
+        self.chatTableView.backgroundColor = [UIColor whiteColor];
+        self.chatTableView.alpha = 0.7;
+        
+        [self.animationBaseView addSubview:self.topToolsView];
+        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillShow:) name:UIKeyboardWillShowNotification object:nil];
+        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillHidden:) name:UIKeyboardWillHideNotification object:nil];
     }
     return self;
 }
-#pragma mark - bottomBtnDelegate
-- (void)bottomActionWithType:(BtnClickType)btnType
+- (void)keyboardWillShow:(NSNotification *)notify {
+    
+    NSDictionary *userInfo = notify.userInfo;
+    CGRect newFrameKeyboard = [userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];//变化前的frame
+    [UIView animateWithDuration:0.25 animations:^{
+        self.animationBaseView.top = - newFrameKeyboard.size.height + self.bottomToolView.height;
+    }];
+    self.bottomToolView.hidden = YES;
+}
+
+- (void)keyboardWillHidden:(NSNotification *)notify {
+
+    [UIView animateWithDuration:0.1 animations:^{
+        self.animationBaseView.top = 0;
+        [self.animationBaseView setNeedsDisplay];
+    }];
+    self.bottomToolView.hidden = NO;
+}
+
+#pragma mark - UITextFieldDelegate
+- (BOOL)textFieldShouldReturn:(UITextField *)textField
+{
+    if (![textField.text isEqualToString:@""]) {
+        //send message
+        NSLog(@"send message");
+        textField.text = @"";
+    }
+    [textField resignFirstResponder];
+    return YES;
+}
+
+- (void)createCommentsView {
+    if (!_commentsView) {
+        
+        _commentsView = [[UIView alloc] initWithFrame:CGRectMake(0.0, SCREEN_HEIGHT - 340.0, SCREEN_WIDTH, 40.0)];
+        _commentsView.backgroundColor = [UIColor clearColor];
+        
+        UIImageView *bgView = [[UIImageView alloc] initWithFrame:_commentsView.bounds];
+        bgView.image = [[UIImage imageNamed:@"textInputBgColor"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0) resizingMode:UIImageResizingModeStretch];
+        bgView.alpha = 0.6;
+        bgView.userInteractionEnabled = YES;
+        [_commentsView addSubview:bgView];
+        
+        _barrageSwitch = [[UISwitch alloc] initWithFrame:CGRectMake(10, 10, 40, 30)];
+        _barrageSwitch.tintColor = [UIColor orangeColor];
+        _barrageSwitch.onTintColor = [UIColor orangeColor];
+        _barrageSwitch.thumbTintColor = [UIColor lightGrayColor];
+        _barrageSwitch.centerY = _commentsView.height * 0.5;
+        [bgView addSubview:_barrageSwitch];
+        
+        UIButton *sendBtn = [[UIButton alloc] initWithFrame:CGRectMake(_commentsView.width - 80, 0, 80, _commentsView.height)];
+        [sendBtn addTarget:self action:@selector(sendClick) forControlEvents:UIControlEventTouchUpInside];
+        [sendBtn setTitle:@"发送" forState:UIControlStateNormal];
+        [sendBtn setTitleColor:[UIColor cyanColor] forState:UIControlStateNormal];
+        [bgView addSubview:sendBtn];
+        
+        _commentText = [[UITextField alloc] initWithFrame:CGRectMake(_barrageSwitch.right + 20, 5, _commentsView.width - _barrageSwitch.right - 20 - 100, _commentsView.height - 10)];
+        _commentText.layer.borderColor   = [UIColor blueColor].CGColor;
+        _commentText.layer.borderWidth   = 1.0;
+        _commentText.layer.cornerRadius  = 2.0;
+        _commentText.layer.masksToBounds = YES;
+        _commentText.inputAccessoryView  = _commentsView;
+        _commentText.backgroundColor     = [UIColor clearColor];
+        _commentText.returnKeyType       = UIReturnKeySend;
+        _commentText.delegate	    = self;
+        _commentText.font		= [UIFont systemFontOfSize:15.0];
+        [bgView addSubview:_commentText];
+    }
+    [[[UIApplication sharedApplication]keyWindow] addSubview:_commentsView];//添加到window上,在视图以外
+    [_commentText becomeFirstResponder];
+}
+
+- (void)showCommentText {
+    [self createCommentsView];
+    [_commentText becomeFirstResponder];//再次让textView成为第一响应者
+}
+
+#pragma mark - bottomBtnActionDelegate
+- (void)bottomActionWithType:(BtnClickType)btnType button:(UIButton *)button
 {
     switch (btnType) {
         case BtnClickTypeChat:
         {
             self.popType = PopTypeChat;
+            [self showCommentText];
+            [[LVCAnimationManager shareManager] suspend];
         }
             break;
         case BtnClickTypePriChat:
@@ -82,6 +167,7 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
         case BtnClickTypeGift:
         {
             self.popType = PopTypeGift;
+            [[LVCAnimationManager shareManager] suspend];
             [self hiddenView:YES];
             GiftListView *giftListView = [[GiftListView alloc] initWithFrame:CGRectMake(0, SCREEN_HEIGHT - 250, SCREEN_WIDTH, 250) liveBaseView:self];
             [self addSubview:giftListView];
@@ -93,8 +179,6 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
             giftBg.centerY = giftListView.height * 0.5;
             giftBg.alpha = 0.4;
             [giftListView addSubview:giftBg];
-            
-            
         }
             break;
         default:
@@ -109,6 +193,9 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
     self.chatTableView.hidden = isHidden;
 }
+/**
+ 清除当前pop的弹窗
+ */
 - (void)clearCurrentPopView
 {
     switch (self.popType) {
@@ -118,6 +205,7 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
                 self.giftPopView.frame = CGRectMake(0, SCREEN_HEIGHT, SCREEN_WIDTH, SCREEN_HEIGHT);
                 [self hiddenView:NO];
+                [[LVCAnimationManager shareManager] resume];
             } completion:^(BOOL finished) {
                 [self.giftPopView removeFromSuperview];
             }];
@@ -125,7 +213,8 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
             break;
         case PopTypeChat:
         {
-            
+            [self.commentText resignFirstResponder];
+            [[LVCAnimationManager shareManager] resume];
         }
             break;
         case PopTypePriMessage:
@@ -136,8 +225,32 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
         default:
             break;
     }
-    
 }
+
+
+#pragma mark - buttonClick
+- (void)tapGestureClick:(UITapGestureRecognizer *)gesture
+{
+    [[LVCAnimationManager shareManager] bubblingWithCenterPoint:CGPointMake(SCREEN_WIDTH - 50, SCREEN_HEIGHT - 50) toView:self.animationBaseView];
+    [self clearCurrentPopView];
+}
+
+- (void)closeAction
+{
+    [self.viewController.navigationController popViewControllerAnimated:YES];
+}
+
+- (void)sendClick
+{
+    [self textFieldShouldReturn:self.commentText];
+}
+
+#pragma mark - userDetailDelegate
+- (void)userClickWithModel:(chatMsgModel *)model
+{
+    NSLog(@"点击人:%@",model.name);
+}
+
 #pragma mark - 聊天消息列表
 #pragma mark - UITableViewDataSource
@@ -149,6 +262,7 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
 -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
 {
     chatListCell * cell = [tableView dequeueReusableCellWithIdentifier:NSStringFromClass([chatListCell class]) forIndexPath:indexPath];
+    cell.delegate = self;
     [cell loadUIWithModel:self.chatMsgArray[indexPath.row]];
     return cell;
 }
@@ -183,18 +297,6 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
     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];
-}
-
-- (void)closeAction
-{
-    [self.viewController.navigationController popViewControllerAnimated:YES];
-}
-
 #pragma mark - UIScrollViewDelegate
 - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
 {
@@ -247,6 +349,15 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
     return _presentView;
 }
+- (UISwitch *)barrageSwitch
+{
+    if (!_barrageSwitch)
+    {
+        _barrageSwitch = [[UISwitch alloc] init];
+    }
+    return _barrageSwitch;
+}
+
 - (BottomToolView *)bottomToolView
 {
     if (!_bottomToolView)
@@ -259,6 +370,15 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
     return _bottomToolView;
 }
+- (TopToolView *)topToolsView
+{
+    if (!_topToolsView)
+    {
+        _topToolsView = [[TopToolView alloc] initWithFrame:CGRectMake(10, 20, 150, 30)];
+        _topToolsView.backgroundColor = ZXRandomColor;
+    }
+    return _topToolsView;
+}
 - (UITableView *)chatTableView
 {
     if (!_chatTableView) {
@@ -279,7 +399,17 @@ typedef NS_ENUM(NSInteger, PopType) {//弹窗类型
 - (NSMutableArray *)chatMsgArray
 {
     if (!_chatMsgArray) {
+        
         _chatMsgArray = [NSMutableArray array];
+        NSArray *names = [NSArray arrayWithObjects:@"张旭",@"老大",@"老六",@"什么人",@"金光",@"银光",@"阳光", nil];
+        NSArray *contents = [NSArray arrayWithObjects:@"阿萨德请问发群里发",@"阿萨德请问发群里发发染发我if顽皮的发球局平均分配WiF",@"阿萨德请问发群里发发染发我if顽皮的发球局平均分配WiFi我if为打破我姐夫我批发价为破房间我批发价我批发价为 爱神的箭怕我的哦期",@"里发发染发我if顽",@"金光神的箭怕我的哦期间",@"银光",@"阳光神的箭怕我的哦期间", nil];
+        for (int i = 0 ; i < names.count; i ++) {
+            chatMsgModel *model = [[chatMsgModel alloc] init];
+            model.name = names[i];
+            model.content = contents[i];
+            model.cellWidth = self.chatTableView.width - 20;
+            [self.chatMsgArray addObject:model];
+        }
     }
     return _chatMsgArray;
 }
+//
+//  TopToolView.h
+//  LiveVideoCloud
+//
+//  Created by 张旭 on 2017/3/21.
+//  Copyright © 2017年 cnlive. All rights reserved.
+//
+
+#import <UIKit/UIKit.h>
+
+@interface TopToolView : UIView
+
+- (instancetype)initWithFrame:(CGRect)frame isHost:(BOOL)isHost;
+@end
+//
+//  TopToolView.m
+//  LiveVideoCloud
+//
+//  Created by 张旭 on 2017/3/21.
+//  Copyright © 2017年 cnlive. All rights reserved.
+//
+
+#import "TopToolView.h"
+
+@implementation TopToolView
+
+- (instancetype)initWithFrame:(CGRect)frame isHost:(BOOL)isHost
+{
+    if (self = [super initWithFrame:frame]) {
+        
+        if (isHost) {
+            //主播端没有自己头像
+            
+            
+        }else
+        {//观众端有主播头像
+            
+            
+        }
+    }
+    return self;
+}
+
+/*
+// Only override drawRect: if you perform custom drawing.
+// An empty implementation adversely affects performance during animation.
+- (void)drawRect:(CGRect)rect {
+    // Drawing code
+}
+*/
+
+@end
@@ -25,6 +25,7 @@
     #import "AFNetworking.h"
     #import "Masonry.h"
     #import <CNLivePlayerSDK/CNLiveWebcastManager.h>
+    #import <CNLiveMsgTools/CNLiveMsgManager.h>
 #if TARGET_OS_IPHONE
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
 \ No newline at end of file
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "textInputBgColor.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  },
+  "properties" : {
+    "template-rendering-intent" : "original"
+  }
+}
 \ No newline at end of file
@@ -4,6 +4,14 @@
       "idiom" : "universal",
       "filename" : "fighter_small80.png",
       "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {