可扩展的ToolBar

toolBar很常用,所以做了个工具类扩展性很好


基本介绍:

一、写了两个创建方法

+ (instancetype)toolBarViewWithFrame:(CGRect)frame andOptionStrArray:(NSArray *)optionStrArray;
- (instancetype)initWithFrame:(CGRect)frame andOptionStrArray:(NSArray *)optionStrArray;

二、其实你直接这样创建就会出来这种效果:

可扩展的ToolBar_第1张图片

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor lightGrayColor];
    //创建
    self.toolBarView = [[PYToolBarView alloc]initWithFrame:CGRectMake(0, 2, self.view.frame.size.width, 30) andOptionStrArray:@[@"有",@"美",@"女"]];
    //添加
    [self.view addSubview:self.toolBarView];
}

三、里面有很多属性可以设置下面来看看:

1. 点击事件的回调

/**item点击事件回调*/
@property (nonatomic,copy) void(^clickOptionItemBlock)(UIButton *button,NSString *itemText, NSInteger index);

2. 选中的索引

修改了这个值,那么选中的item也会跟着变

/**选中的item索引*/
@property (nonatomic,assign) NSInteger selectItemIndex;

3. toolBar选项描述的集合

改变这个将会重绘,并且自动生成相应的toolBar

/**
 * item描述的集合
 * 这个程序根据这个属性进行划线和分配item
 */
@property (nonatomic,strong) NSArray * optionStrArray;

4. show方法

其实optionStrArray这个属性中默认调用了这个方法

//重绘
/**展示toolBar*/
- (void)show;

可扩展的重要属性

一、线的一些属性

  1. 每个item你都可以拿到
/**
 * 储存了optionItem的button
 * Button的tag值加了1000
 */
@property (nonatomic,strong,readonly) NSArray * optionItemInfo;
  1. item文本的颜色

都有默认值

/**item的颜色*/
@property (nonatomic,strong) UIColor *itemTextColor_Select;
@property (nonatomic,strong) UIColor *itemTextColor_Normal;
@property (nonatomic,strong) UIColor *itemTextColor_Highlighted;
  1. 重复点击是否有效
/**button是否可以重复点击*/
@property (nonatomic,assign) BOOL isRecurClickItem;

二、自定义背景的View

  1. block回调的view

这个用了一个block回调了一个UIVeiw,这个view就是上面图片中的蓝色的VIew
有了这个view,你就可以干所有的事情了

/**关于item底部的view自定义*/
@property (nonatomic,copy) void(^setUpItemSelectBarViewBlock)(UIView *barView);
  1. 另外不想自定义只想小调一下那么看这里
 /*
  item默认的底部的barView
   view默认是隐藏的
   view具有默认样式
 */
@property (nonatomic,assign) CGFloat itemBottomBarViewWidth;//宽度默认与item等宽
@property (nonatomic,assign) CGFloat itemBottomBarViewHeight;//高度默认是2dp
//颜色默认蓝(r:0.29 g:0.56 b:0.89 a:1.00)
@property (nonatomic,strong) UIColor *itemBottomBarViewColor;

三、实战

  1. 从这样


    可扩展的ToolBar_第2张图片
  1. 点一下变这样


    可扩展的ToolBar_第3张图片

四、更新(+动画 & font属性)

  1. 动画(可自定义)
/**是否动画*/
@property (nonatomic,assign) BOOL isAnima_ItemBottomBarView;//设置了这个属性直接开启动画
/**动画的时长*/
@property (nonatomic,assign) CGFloat animaTime_ItemBottomBarView;
/**自定义TimeButtonBar动画 - 可以定义选中的tiem的动画*/
//开始动画
@property (nonatomic,copy) void (^animaItemButtonBarAnima_start)(UIButton *animaView);
//完成动画
@property (nonatomic,copy) void (^animaItemButtonBarAnima_completion)(UIButton *animaView);
/**item底部的动画的view*/
@property (nonatomic,strong) UIView *itemBarAnimaView;
/**动画view的颜色*/
@property (nonatomic,strong) UIColor *itemBarAnimaViewColor;
  1. 添加了item的font属性
/**item的text font*/
@property (nonatomic,strong) UIFont *itemTextFont;

github地址下载

你可能感兴趣的:(可扩展的ToolBar)