代码自定义cell练习-- QQ聊天

LWTViewController.h

#import <UIKit/UIKit.h>

@interface LWTViewController : UIViewController

@end

LWTViewController.m

//
//  LWTViewController.m
//  代码自定义cell练习-- QQ聊天
//
//  Created by apple on 14-5-30.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import "LWTViewController.h"
#import "LWTMessageModel.h"
#import "LWTMessageCell.h"
#import "LWTMessageFrameModel.h"

@interface LWTViewController () <UITableViewDataSource, UITableViewDelegate, UITextFieldDelegate>

// 定义接收messageFrame模型数组
@property (nonatomic, strong) NSMutableArray *messages;
// tableView
@property (weak, nonatomic) IBOutlet UITableView *tableView;
// textField
@property (weak, nonatomic) IBOutlet UITextField *textField;
// 存放所有的自动回复数据
@property (nonatomic, strong) NSDictionary *autoReplays;

@end

@implementation LWTViewController

#pragma mark - 懒加载
- (NSMutableArray *)messages
{
    if (nil == _messages) {
        NSString *path = [[NSBundle mainBundle] pathForResource:@"messages.plist" ofType:nil];
        NSArray *messagesArray = [NSArray arrayWithContentsOfFile:path];
        
        NSMutableArray *models = [NSMutableArray arrayWithCapacity:messagesArray.count];
        
        for (NSDictionary *dict in messagesArray) {
             // 获取上一次的数据模型
            LWTMessageFrameModel *lastMessageFrame = [models lastObject];
            LWTMessageModel *lastMessage = lastMessageFrame.message;
            
            LWTMessageModel *message = [LWTMessageModel messageWithDict:dict];
            
            // 设置是否需要隐藏时间
            message.hiddenTime = [lastMessage.time isEqualToString:message.time];
            
            // 根据message创建frame模型
            LWTMessageFrameModel *msgFrame = [[LWTMessageFrameModel alloc] init];
            msgFrame.message = message;
            
            // 将frame模型保存到数组中
            [models addObject:msgFrame];
        }
        _messages = [models mutableCopy];
    }
    
    return _messages;
}

- (NSDictionary *)autoReplays
{
    if (!_autoReplays) {
        NSString *path = [[NSBundle mainBundle] pathForResource:@"autoReplay.plist" ofType:nil];
        _autoReplays = [NSDictionary dictionaryWithContentsOfFile:path];
    }
    return _autoReplays;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    // 设置隐藏垂直的滚动条
    self.tableView.showsVerticalScrollIndicator = NO;
    // 设置tableview的背景颜色
    self.tableView.backgroundColor = [UIColor colorWithRed:224 / 255.f green:224 / 255.f blue:224 / 255.f alpha:1];
    // 设置cell不可以被选中
    self.tableView.allowsSelection = NO;
    // 设置隐藏分割线
    self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    
    // 创建通知中心
    NSNotificationCenter *center = [NSNotificationCenter defaultCenter];
    
    // 注册键盘监听器
    [center addObserver:self selector:@selector(keyboardWillChangeFrame:) name:UIKeyboardWillChangeFrameNotification object:nil];
    
    // 给文本输入框添加左边的视图
    UIView *leftView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 10, 44)];
    self.textField.leftView = leftView;
    // 设置左边视图的显示模式
    self.textField.leftViewMode = UITextFieldViewModeAlways;
    
    // 监听键盘send按钮的点击
    self.textField.delegate = self;
    
}

#pragma mark - 键盘通知方法

- (void) keyboardWillChangeFrame : (NSNotification *)notification
{
    // NSLog(@"%@",notification); // 获取通知内容
    /**
     *  
     userInfo = {
         UIKeyboardAnimationCurveUserInfoKey = 7; // 键盘弹出的节奏
         UIKeyboardAnimationDurationUserInfoKey = "0.25"; // 键盘弹出执行动画的时间
         UIKeyboardBoundsUserInfoKey = "NSRect: {{0, 0}, {320, 216}}";
         UIKeyboardCenterBeginUserInfoKey = "NSPoint: {160, 588}";
         UIKeyboardCenterEndUserInfoKey = "NSPoint: {160, 372}";
         UIKeyboardFrameBeginUserInfoKey = "NSRect: {{0, 480}, {320, 216}}";
         UIKeyboardFrameChangedByUserInteraction = 0;
         UIKeyboardFrameEndUserInfoKey = "NSRect: {{0, 264}, {320, 216}}"; // 键盘弹出时候的frame
     
         UIKeyboardFrameEndUserInfoKey = "NSRect: {{0, 480}, {320, 216}}"; // 键盘隐藏时候的frame
     }
     */

    
    // 获取字典
    NSDictionary *dict = notification.userInfo;
    
    // 获取键盘的frame,并将NSValue对象转成CGRect
    CGRect keyBoardFrame = [dict[UIKeyboardFrameEndUserInfoKey] CGRectValue];
    // 获取键盘的Y值
    CGFloat keyBoardY = keyBoardFrame.origin.y;
    // 获取点击键盘时,self.view移动的y值
    CGFloat translationY = keyBoardY - self.view.bounds.size.height;
    // 动画持续时间,并将NSNubmer对象转成double
    CGFloat duration = [dict[UIKeyboardAnimationDurationUserInfoKey] doubleValue];
    
    // 执行动画
    [UIView animateWithDuration:duration delay:0.0 options:7 << 16 animations:^{
        // self.view 上下平移
        self.view.transform = CGAffineTransformMakeTranslation(0, translationY);
        
    } completion:^(BOOL finished) {
    }];

}

#pragma mark - UITableViewDataSource
- (NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.messages.count;
}

- (UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 1.创建cell
    LWTMessageCell *cell = [LWTMessageCell cellWithTableView:tableView];
    // 2.设置数据
    LWTMessageFrameModel *msgFrame = self.messages[indexPath.row];
    // 3.返回cell
    cell.messageFrame = msgFrame;
    return cell;
}

- (CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    LWTMessageFrameModel *msgFrame = self.messages[indexPath.row];
    return msgFrame.cellHeight;
}

#pragma mark - UITableViewDelegate

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    /**
     *  滚动表格,隐藏键盘
     */
    [self.view endEditing:YES];
}

#pragma mark - UITextFieldDelegate

- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
    // 自己的话
    [self addObjectWithtextField:textField.text andtype:LWTMessageModelTypeMe];
    NSString *temp = [self autoReplayWithContent:textField.text];
    // 自动回复
    [self addObjectWithtextField:temp andtype:LWTMessageModelTypeOther];
    
    // 刷新表格
    [self.tableView reloadData];
    
    // 让tableveiw滚动到最后一行
    NSIndexPath *path = [NSIndexPath indexPathForRow:self.messages.count-1 inSection:0];
    /*
     AtIndexPath: 要滚动到哪一行
     atScrollPosition:滚动到哪一行的什么位置
     animated:是否需要滚动动画
     */
    [self.tableView scrollToRowAtIndexPath:path atScrollPosition:UITableViewScrollPositionBottom animated:YES];
    
    // 清空输入框
    self.textField.text = nil;
    
    return YES;
}
// 设置自动回复
- (NSString *)autoReplayWithContent:(NSString *)text
{
    NSString *result = nil;

    for (int i = 0; i < text.length; i++) {
        // 取出用户输入的每一个字
        NSString *str = [text substringWithRange:NSMakeRange(i, 1)];
        result = self.autoReplays[str];
        // 找到了自动回复的内容
        if (nil != result) {
            break;
        }
    }
    if (nil == result) {
        result = [NSString stringWithFormat:@"%@短发", text];
    }
    
    return result;
}

- (void)addObjectWithtextField: (NSString *)text andtype: (LWTMessageModelType) type
{
    LWTMessageFrameModel *lastFrame = [self.messages lastObject];
    LWTMessageModel *lastMessage = lastFrame.message;
    
    // 创建LWTMessageModel模型
    LWTMessageModel *message = [[LWTMessageModel alloc] init];
    // 当前时间
    NSDate *date = [NSDate date];
    // 将时间转字符串
    NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
    formatter.dateFormat = @"HH:mm";
    
    message.time = [formatter stringFromDate:date];
    message.text = text;
    message.type = type;
    message.hiddenTime = [message.time isEqualToString:lastMessage.time];
    
    // 根据LWTMessageModel模型创建LWTMessageFrameModel模型
    LWTMessageFrameModel *messageFrame = [[LWTMessageFrameModel alloc] init];
    messageFrame.message = message;
    
    // 将LWTMessageFrameModel模型添加到self.messages数组中
    [self.messages addObject:messageFrame];
}

#pragma mark - 隐藏状态栏
- (BOOL)prefersStatusBarHidden
{
    return YES;
}

/**
 *  取消监听通知
 */
- (void)dealloc
{
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

@end

LWTMessageModel.h

//
//  LWTMessageModel.h
//  代码自定义cell练习-- QQ聊天
//
//  Created by apple on 14-5-30.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import <Foundation/Foundation.h>
#import "LWTGlobal.h"

typedef enum {
    LWTMessageModelTypeMe = 0,
    LWTMessageModelTypeOther
} LWTMessageModelType;

@interface LWTMessageModel : NSObject

@property (nonatomic, copy) NSString *text;
@property (nonatomic, copy) NSString *time;
@property (nonatomic, assign) LWTMessageModelType type;

@property (nonatomic, assign, getter = isHiddenTime) BOOL hiddenTime;

LWTInitH(message)

@end

LWTMessageModel.m

//
//  LWTMessageModel.m
//  代码自定义cell练习-- QQ聊天
//
//  Created by apple on 14-5-30.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import "LWTMessageModel.h"

@implementation LWTMessageModel

LWTInitM(message)

@end

LWTMessageFrameModel.h

//
//  LWTMessageFrameModel.h
//  代码自定义cell练习-- QQ聊天
//
//  Created by apple on 14-5-30.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import <Foundation/Foundation.h>
@class LWTMessageModel;

#define KTextFont [UIFont systemFontOfSize:15]
#define KEdgeInsetsWidth 15

@interface LWTMessageFrameModel : NSObject

@property (nonatomic, assign, readonly) CGRect timeFrame;
@property (nonatomic, assign, readonly) CGRect textFrame;
@property (nonatomic, assign, readonly) CGRect iconFrame;

@property (nonatomic, assign, readonly) CGFloat cellHeight;

@property (nonatomic, strong) LWTMessageModel *message;

@end

LWTMessageFrameModel.m

//
//  LWTMessageFrameModel.m
//  代码自定义cell练习-- QQ聊天
//
//  Created by apple on 14-5-30.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import "LWTMessageFrameModel.h"
#import "NSString+Extension.h"
#import "LWTMessageModel.h"

@implementation LWTMessageFrameModel

- (void)setMessage:(LWTMessageModel *)message
{
    _message = message;
    
    CGFloat padding = 10.f;
    CGFloat screenWidth = [UIScreen mainScreen].bounds.size.width;
    if (NO == message.isHiddenTime) {
        // 时间的frame
        CGFloat timeW = screenWidth;
        CGFloat timeH = 30.f;
        CGFloat timeX = 0.f;
        CGFloat timeY = 0.f;
        _timeFrame = CGRectMake(timeX, timeY, timeW, timeH);
    }

    
    // 头像的frame
    CGFloat iconW = 30.f;
    CGFloat iconH = 30.f;
    CGFloat iconY = CGRectGetMaxY(self.timeFrame) + padding;
    
    CGFloat iconX = 0.0f;
    if (LWTMessageModelTypeMe == self.message.type) {
        iconX = screenWidth - iconW - padding;
    } else
    {
        iconX = padding;
    }
    _iconFrame = CGRectMake(iconX, iconY, iconW, iconH);
    
    // 内容的frame
    CGFloat textY = iconY;
    
    CGSize maxSize = CGSizeMake(200, MAXFLOAT);
    CGSize textSize = [_message.text sizeWithFont:KTextFont andMaxSize:maxSize];
    CGFloat textW = textSize.width + KEdgeInsetsWidth * 2;
    CGFloat textH = textSize.height + KEdgeInsetsWidth * 2;
    
    CGFloat textX = 0.0f;
    if (LWTMessageModelTypeMe == self.message.type) {
        textX = iconX - textW - padding;
    } else
    {
        textX = CGRectGetMaxX(self.iconFrame) + padding;
    }
    _textFrame = CGRectMake(textX, textY, textW, textH);
    
    // 行高
    CGFloat iconMaxY = CGRectGetMaxY(self.iconFrame);
    CGFloat textMaxY = CGRectGetMaxY(self.textFrame);
    
    _cellHeight = ( iconMaxY > textMaxY ) ? iconMaxY : textMaxY;
    
}

@end

LWTMessageCell.h

//
//  LWTMessageCell.h
//  代码自定义cell练习-- QQ聊天
//
//  Created by apple on 14-5-30.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import <UIKit/UIKit.h>
@class LWTMessageFrameModel;

@interface LWTMessageCell : UITableViewCell

+ (instancetype) cellWithTableView : (UITableView *)tableView;

@property (nonatomic, strong) LWTMessageFrameModel *messageFrame;

@end

LWTMessageCell.m

//
//  LWTMessageCell.m
//  代码自定义cell练习-- QQ聊天
//
//  Created by apple on 14-5-30.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import "LWTMessageCell.h"
#import "LWTMessageFrameModel.h"
#import "LWTMessageModel.h"
#import "UIImage+Extension.h"

@interface LWTMessageCell ()
/**
 * 时间
 */
@property (nonatomic, weak) UILabel *timeLabel;
/**
 *  内容
 */
@property (nonatomic, weak) UIButton *contentButton;
/**
 *  头像
 */
@property (nonatomic, weak) UIImageView *iconView;

@end

@implementation LWTMessageCell

+(instancetype)cellWithTableView:(UITableView *)tableView
{
    static NSString *identifier = @"message";
    LWTMessageCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
    if (nil == cell) {
        cell = [[LWTMessageCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
    }
    return cell;
}
#warning 内容添加背景
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        // 添加将来有可能用到的子控件
        // 时间
        UILabel *timeLabel = [[UILabel alloc] init];
        [self.contentView addSubview:timeLabel];
        timeLabel.textAlignment = NSTextAlignmentCenter;
        timeLabel.font = [UIFont systemFontOfSize:13.f];
        timeLabel.textColor = [UIColor grayColor];
        self.timeLabel = timeLabel;
        
        // 内容
        UIButton *contentButton = [[UIButton alloc] init];
        [self.contentView addSubview:contentButton];
        [contentButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        contentButton.titleLabel.font = KTextFont;
        // 设置自动换行
        contentButton.titleLabel.numberOfLines = 0;
        // 设置按钮的内边距
        contentButton.contentEdgeInsets = UIEdgeInsetsMake(KEdgeInsetsWidth, KEdgeInsetsWidth, KEdgeInsetsWidth, KEdgeInsetsWidth);
        self.contentButton = contentButton;
        
        // 头像
        UIImageView *iconView = [[UIImageView alloc] init];
        [self.contentView addSubview:iconView];
        self.iconView =iconView;
        
        // 清空cell的背景颜色
        self.backgroundColor = [UIColor clearColor];
    }
    return self;
}

// 重写message的setter
- (void)setMessageFrame:(LWTMessageFrameModel *)messageFrame
{
    _messageFrame = messageFrame;
    // 获取数据模型
     LWTMessageModel *message = messageFrame.message;
    
    // 向子控件赋值和frame
    
    // 时间
    self.timeLabel.text = message.time;
    self.timeLabel.frame = messageFrame.timeFrame;
    
    // 头像
    if (LWTMessageModelTypeMe == message.type) {
        self.iconView.image = [UIImage imageNamed:@"me"];
    } else
    {
        self.iconView.image = [UIImage imageNamed:@"other"];
    }
    self.iconView.frame = messageFrame.iconFrame;
    
    // 内容
    [self.contentButton setTitle:message.text forState:UIControlStateNormal];
    self.contentButton.frame = messageFrame.textFrame;
    
    UIImage *nor_img = nil;
    
    if (LWTMessageModelTypeMe == message.type) {
        
        nor_img = [UIImage resizableImageWithImageName:@"chat_send_nor"];
        
    } else
    {
        nor_img = [UIImage resizableImageWithImageName:@"chat_recive_nor"];
        
    }
    [self.contentButton setBackgroundImage:nor_img forState:UIControlStateNormal];
    
}
@end

NSString+Extension.h

//
//  NSString+Extension.h
//  代码自定义cell练习-- QQ聊天
//
//  Created by apple on 14-5-30.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import <Foundation/Foundation.h>

@interface NSString (Extension)

- (CGSize)sizeWithFont:(UIFont *)font andMaxSize: (CGSize)maxSize;

@end

NSString+Extension.m

//
//  NSString+Extension.m
//  代码自定义cell练习-- QQ聊天
//
//  Created by apple on 14-5-30.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import "NSString+Extension.h"

@implementation NSString (Extension)

- (CGSize)sizeWithFont:(UIFont *)font andMaxSize:(CGSize)maxSize
{
    NSDictionary *dict = @{NSFontAttributeName : font};
    CGSize size = [self boundingRectWithSize:maxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:dict context:nil].size;
    return size;
}

@end

UIImage+Extension.h

//
//  UIImage+Extension.h
//  代码自定义cell练习-- QQ聊天
//
//  Created by apple on 14-6-1.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface UIImage (Extension)

+ (UIImage *)resizableImageWithImageName : (NSString *) imageName;

@end

UIImage+Extension.m

//
//  UIImage+Extension.m
//  代码自定义cell练习-- QQ聊天
//
//  Created by apple on 14-6-1.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#import "UIImage+Extension.h"

@implementation UIImage (Extension)

+ (UIImage *)resizableImageWithImageName:(NSString *)imageName
{
    UIImage *norImg = [UIImage imageNamed:imageName];
    CGFloat imgWidth = norImg.size.width * 0.5;
    CGFloat imageHeight = norImg.size.height * 0.5;
    UIImage *newImg = [norImg resizableImageWithCapInsets:UIEdgeInsetsMake(imageHeight - 1, imgWidth - 1, imageHeight, imgWidth) resizingMode:UIImageResizingModeStretch];
    return newImg;
}

@end

LWTGlobal.h

//
//  LWTGlobal.h
//  tableView练习--英雄联盟英雄介绍
//
//  Created by apple on 14-5-27.
//  Copyright (c) 2014年 lwt. All rights reserved.
//

#ifndef tableView_____________LWTGlobal_h
#define tableView_____________LWTGlobal_h

#define LWTInitH(name)
- (instancetype)initWithDict : (NSDictionary *)dict; 
+ (instancetype)name##WithDict : (NSDictionary *)dict;

#define LWTInitM(name) 
- (instancetype)initWithDict:(NSDictionary *)dict
{
    self = [super init];
    if (self) {
        [self setValuesForKeysWithDictionary:dict];
    }
    return self;
}
+ (instancetype)name##WithDict:(NSDictionary *)dict
{
    return [[self alloc] initWithDict:dict];
}

#endif

messages.plist

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<array>
    <dict>
        <key>text</key>
        <string>喂，2B！</string>
        <key>time</key>
        <string>前天 10:27</string>
        <key>type</key>
        <integer>0</integer>
    </dict>
    <dict>
        <key>text</key>
        <string>问你个严肃的事</string>
        <key>time</key>
        <string>前天 10:28</string>
        <key>type</key>
        <integer>0</integer>
    </dict>
    <dict>
        <key>text</key>
        <string>你妹夫啊，你才2B！说，什么事？</string>
        <key>time</key>
        <string>昨天 20:05</string>
        <key>type</key>
        <integer>1</integer>
    </dict>
    <dict>
        <key>text</key>
        <string>你姐夫啊，我就想问下：你是不是我最好的朋友？</string>
        <key>time</key>
        <string>昨天 20:07</string>
        <key>type</key>
        <integer>0</integer>
    </dict>
    <dict>
        <key>text</key>
        <string>不借</string>
        <key>time</key>
        <string>昨天 20:07</string>
        <key>type</key>
        <integer>1</integer>
    </dict>
    <dict>
        <key>text</key>
        <string>借你妹夫啊，老子又不缺钱。你就回答“是”或者“不是”。</string>
        <key>time</key>
        <string>昨天 20:07</string>
        <key>type</key>
        <integer>0</integer>
    </dict>
    <dict>
        <key>text</key>
        <string>是</string>
        <key>time</key>
        <string>昨天 20:11</string>
        <key>type</key>
        <integer>1</integer>
    </dict>
    <dict>
        <key>text</key>
        <string>刚才看了部非常感人的电视剧，电视上说狗才是人类最好的朋友，所以我想确认一下</string>
        <key>time</key>
        <string>昨天 20:15</string>
        <key>type</key>
        <integer>0</integer>
    </dict>
    <dict>
        <key>text</key>
        <string>你妈B的！！！滚！！！</string>
        <key>time</key>
        <string>昨天 20:15</string>
        <key>type</key>
        <integer>1</integer>
    </dict>
</array>
</plist>

autoReplay.plist

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>爱</key>
    <string>爱是深深的喜欢</string>
    <key>喜</key>
    <string>喜欢是淡淡的爱</string>
</dict>
</plist>