【iOS开发-65】QQ聊天界面案例：自定义cell、图片拉伸处理、NSNotification通知、键盘与视图移动以及输入框左边缩进处理

（1）案例

（2）源代码于素材下载

http://pan.baidu.com/s/1bnpiBCz

（3）总结

——还是代码封装。控制器、视图、模型分别独立。里面还有很多代码可以独立出来整一个类。

——如果某一个值只有特定的几个数字，那么可以用枚举来定义，注意命名规范

typedef enum{
    WPMessageTypeMe=0,
    WPMessageTypeOther=1
}WPMessageType;

CGSize textMaxSize=CGSizeMake(200, MAXFLOAT);
    NSDictionary *attr1=@{NSFontAttributeName:[UIFont systemFontOfSize:14]};
    CGSize textSize=[message.text boundingRectWithSize:textMaxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:attr1 context:nil].size;

textView.titleEdgeInsets=UIEdgeInsetsMake(20, 20, 20, 20);

——把一张小的图片做背景保持四周不变，拉伸中间，则用如下属性。UIEdgeInsets是拉伸的区域，一般取最中间的一个点。

        UIImage *meBgNor=[UIImage imageNamed:@"chat_send_nor"];
        UIEdgeInsets edge1=UIEdgeInsetsMake(28, 32, 28, 32);
        meBgNor=[meBgNor resizableImageWithCapInsets:edge1 resizingMode:UIImageResizingModeStretch];
        [self.textView setBackgroundImage:meBgNor forState:UIControlStateNormal];

    //去除选中背景
    self.tableView.allowsSelection=NO;
    //去除分割线
    self.tableView.separatorStyle=UITableViewCellSeparatorStyleNone;

——输入框左边利用一个UIView设置留出一个空白

    self.textView.leftView=[[UIView alloc]initWithFrame:CGRectMake(0, 0, 8, 0)];
    self.textView.leftViewMode=UITextFieldViewModeAlways;

[[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(changeFrame:) name:UIKeyboardDidChangeFrameNotification object:nil];

-(void)dealloc{
    [[NSNotificationCenter defaultCenter]removeObserver:self];
}

——获取屏幕信息，用UIScreen mainScreen，如果是bounds，则可得到宽高。

——动画用UIView 的animateWith……

-(void)changeFrame:(NSNotification *)note{
    self.view.superview.backgroundColor=[UIColor colorWithRed:0.9 green:0.9 blue:0.9 alpha:0.9];
    CGFloat duration=[note.userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue];
    CGFloat keyboardY=[note.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue].origin.y;
    CGFloat screenH=[UIScreen mainScreen].bounds.size.height;
    [UIView animateWithDuration:duration animations:^{
        self.view.transform=CGAffineTransformMakeTranslation(0, keyboardY-screenH);
    }];
}

-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
    [self.view endEditing:YES];
}

WPMessageFrame *lastMsgFrame=[muArray lastObject];
            if (msg.time==lastMsgFrame.message.time) {
                msg.hideTime=YES;
            }

if (message.hideTime==NO) {
        CGFloat timeX=0;
        CGFloat timeY=padding;
        CGFloat timeW=screenW;
        CGFloat timeH=40;
        _timeF=CGRectMake(timeX, timeY, timeW, timeH);
    }

-(BOOL)textFieldShouldReturn:(UITextField *)textField{
}

——把tableView滚动到最下面，直接使用scrollView的代理方法。

NSIndexPath *indexPath=[NSIndexPath indexPathForRow:self.msgFrames.count-1 inSection:0];
    [self.tableView scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionBottom animated:YES];

——输入框可以去除边框，然后用背景填充，以保证在iOS6和iOS7的使用中APP风格一致

——returnKey可以设置成send（发送），默认是return（回车），还可以设置成其他选项。

——这里的布局主要由两块，上面是tableView，下面是一个UIView上面放了很多控件。这里面在storyBoard中不能直接往UIImageView中添加其他控件，只有在代码中实现。所以此处是用一个UIView，然后把UIImageView、UIButton和UITextField等添加进来。

——cell初始化的时候，往cell里面添加控件是添加在cell的contentView中的。

谨记，对于不同高度的自定义cell，需要两个模型，一个是数据模型，一个是frame模型，因为frame模型包含了数据模型，所以在初始化cell的视图中，只要拥有一个frame成员属性即可。