iOS学习之----------自定义工具条

在某些时候我们输入文字后可能需要加入一些图标，图片等其他形式内容，因此要在UITextView或UITextField上添加工具条，进行操作

设计原则：将需要添加的工具都设置为button并放在一个UIView上，将UITextView或UITextField 的inputAccessoryView 属性设置成该View即可显示。

1、定义toolBar类对其进行封装，外部只能对其创建 不能修改 ，而且 当该类里面的内容发生改变的时候，外部不会受影响

设置背景颜色 通过一张很小的图片，在整个View上平铺这张图片

self.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageWithName:@"compose_toolbar_background"]];

2、添加子控件

[self addButtonWithIcon:@"compose_camerabutton_background" highIcon:@"compose_camerabutton_background_highlighted" tag:yzComposeToolBarButtonTypeCamera];

//调用这个方法创建button并设置button在不同点击状态下的图片

- (void)addButtonWithIcon:(NSString *)icon highIcon:(NSString *)highIcon tag:(yzComposeToolBarButtonType)tag

{

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

[button setImage:[UIImage imageWithName:icon] forState:UIControlStateNormal];

[button setImage:[UIImage imageWithName:highIcon] forState:UIControlStateHighlighted];

[self addSubview:button];

[button addTarget:self action:@selector(buttonOnClick:) forControlEvents:UIControlEventTouchUpInside];

button.tag = tag;

}

3、点击button的响应事件

1》当点击button后控制器获取该点击事件，因此需要用代理，控制器成为toolbar的代理获得点击事件。

2》控制器还需要知道点击了toolBar中的哪个button 因此需要对点击的button进行判断 ，控制器可以通过重写代理方法并根据参数判断是哪个button，这里使用枚举的方式，在创建button的时候 给每个button设置一个枚举值 ，控制器重写方法后，可以根据传出的buttonType判断点击了哪个按钮，而且在ToolBar类中 发生的改变 控制器不用去关心

枚举

typedef enum {

yzComposeToolBarButtonTypeCamera,

yzComposeToolBarButtonTypeEmoticon,//表情

yzComposeToolBarButtonTypeMention,

yzComposeToolBarButtonTypePicture,

yzComposeToolBarButtonTypeTrend,//话题

}yzComposeToolBarButtonType;

@class yzComposeToolBar;

代理

@protocol yzComposeToolBarDelegate <NSObject>

@optional

- (void)composeToolBar:(yzComposeToolBar *)toolBar DidClickedButton:(yzComposeToolBarButtonType)buttonType;

@end

@interface yzComposeToolBar : UIView

@property (nonatomic,weak)id<yzComposeToolBarDelegate>delegate;

@end

button的点击事件

- (void)buttonOnClick:(UIButton *)button

{

if ([self.delegate respondsToSelector:@selector(composeToolBar:DidClickedButton:)]) {

[self.delegate composeToolBar:self DidClickedButton:button.tag];

}

}

4、控制器中创建toolbar 并设置代理

- (void)setupToolBar

{

//创建

yzComposeToolBar *toolBar = [[yzComposeToolBar alloc]init];

toolBar.width = self.view.width;

toolBar.height = 44;

toolBar.delegate = self;

self.textView.inputAccessoryView = toolBar;

}

控制器对button点击事件的响应和判断

#pragma mark -- 代理方法

- (void)composeToolBar:(yzComposeToolBar *)toolBar DidClickedButton:(yzComposeToolBarButtonType)buttonType

{

switch (buttonType) {

case yzComposeToolBarButtonTypeCamera:

NSLog(@"照相机");

break;

case yzComposeToolBarButtonTypeEmoticon:

NSLog(@"表情");

break;

case yzComposeToolBarButtonTypeMention:

NSLog(@"");

break;

case yzComposeToolBarButtonTypePicture:

NSLog(@"");

break;

case yzComposeToolBarButtonTypeTrend:

NSLog(@"");

break;

}

}