iOS开发之微信聊天工具栏的封装

521 查看

　　之前山寨了一个新浪微博（iOS开发之山寨版新浪微博小结），这几天就山寨个微信吧。之前已经把微信的视图结构简单的拖了一下（IOS开发之微信山寨版），今天就开始给微信加上具体的实现功能，那么就先从微信的聊天界面开始吧。提到封装是少不了写代码的，在封装组件的时候，为了组件的可移植性，我们就不能用storyboard来拖拽了。为了屏幕的适配，适应不同屏幕的手机，所以在封装组件的时候是少不了为我们的组件来添加约束。今天博客中的所有代码都是脱离storyboard的，这些代码在别的工程中也是可以使用的。好，废话少说，切入今天的正题。

微信大家基本上都用过，今天要做的就是微信的聊天工具条。聊天工具条还是比较复杂的，其中包括发送表情，发送文字，发送图片，发送声音，拍照等等功能，下面给出发送录音，文字，表情的代码，其他的和这几样类似。还是那句话百字不如一图，先来几张效果图吧。

在封装聊天工具条的的时候表情键盘是之前封装好的（请参考：“iOS开发之自定义表情键盘(组件封装与自动布局)”），所以拿过来就可以用的啦。因为不管是工具条还是表情键盘都是用约束来控件大小的，所以横屏也是没问题的，在大屏手机上也是没问题的。下面将会一步步讲解如何封装下面的聊天工具条。主要是对工具条的封装，表情键盘在这就不做讲解了。

一：ToolView预留的接口

在封装ToolView中主要用到Block回调，读者可以根据自己的个人习惯来选择是Block回调，还是委托回调或者是目标动作回调（笔者更喜欢Block回调）,下面的代码是ToolView给调用者提供的接口

// ToolView.h

// MecroMessage

// Created by （青玉伏案：博客地址（http://www.cnblogs.com/ludashi/）） on 14-9-22.

#import 10

//定义block类型把ToolView中TextView中的文字传入到Controller中

typedef void (^MyTextBlock) (NSString *myText);

//录音时的音量

typedef void (^AudioVolumeBlock) (CGFloat volume);

//录音存储地址

typedef void (^AudioURLBlock) (NSURL *audioURL);

//改变根据文字改变TextView的高度

typedef void (^ContentSizeBlock)(CGSize contentSize);

//录音取消的回调

typedef void (^CancelRecordBlock)(int flag);

@interface ToolView : UIView29

//设置MyTextBlock

-(void) setMyTextBlock:(MyTextBlock)block;

//设置声音回调

-(void) setAudioVolumeBlock:(AudioVolumeBlock) block;

//设置录音地址回调

-(void) setAudioURLBlock:(AudioURLBlock) block;

-(void)setContentSizeBlock:(ContentSizeBlock) block;

-(void)setCancelRecordBlock:(CancelRecordBlock)block;

-(void) changeFunctionHeight: (float) height;

@end<br>

二：初始化ToolView中所需的控件

1.为了更好的封装我们的组件，在.h中预留接口，在ToolView.m的延展中添加我们要使用的组件（私有属性），延展代码如下：

@interface ToolView()

//最左边发送语音的按钮

@property (nonatomic, strong) UIButton *voiceChangeButton;

//发送语音的按钮

@property (nonatomic, strong) UIButton *sendVoiceButton;

//文本视图

@property (nonatomic, strong) UITextView *sendTextView;

//切换键盘

@property (nonatomic, strong) UIButton *changeKeyBoardButton;

//More

@property (nonatomic, strong) UIButton *moreButton;

//键盘坐标系的转换

@property (nonatomic, assign) CGRect endKeyBoardFrame;

//表情键盘

@property (nonatomic, strong) FunctionView *functionView;

a>），这几天就山寨个微信吧。之前已经把微信的视图结构简单的拖了一下（IOS开发之微信山寨版），今天就开始给微信加上具体的实现功能，那么就先从微信的聊天界面开始吧。提到封装是少不了写代码的，在封装组件的时候，为了组件的可移植性，我们就不能用storyboard来拖拽了。为了屏幕的适配，适应不同屏幕的手机，所以在封装组件的时候是少不了为我们的组件来添加约束。今天博客中的所有代码都是脱离storyboard的，这些代码在别的工程中也是可以使用的。好，废话少说，切入今天的正题。