封面.jpg
1.支持的樣式
目前支持三種樣式：
typedef NS_ENUM(NSUInteger, MMTabBarViewGradientType) {
MMTabBarViewGradientTypeNormal = 0, //no underline and no mask
MMTabBarViewGradientTypeUnderline = 1, //only underline
MMTabBarViewGradientTypeMasking= 2, //only mask
};
默認樣式為MMTabBarViewGradientTypeNormal。也就是下 圖1 中的樣式。
圖1.png
圖2.png
圖3.png
2.初始化方式
- 拖入
MMGroup文件- 如demo中的
FirstViewController繼承于MMTabBarViewController- 簽訂
MMTabBarViewDataSource，MMTabBarViewDelegate兩個協議。你可以參考UITableViewDataSource,UITableViewDelegate。MMTabBarViewDataSource是必須實現的，因為它提供驅動視圖的數據。而MMTabBarViewDelegate協議是可選的，它提供了對視圖布局的自定義方式。參考第三部分的擴展方式。
- (void)viewDidLoad {
[super viewDidLoad];
[self initMehod];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
}
- (void)initMehod{
self.dataSource = self;
self.delegate = self;
//指定樣式
self.gradientType = MMTabBarViewGradientTypeUnderline;
[self reload];
}
#pragma mark - MMTabBarViewDataSource
- (NSArray *)infomationsForViewController:(MMTabBarViewController *)tabBarViewController{
return [self.dataArr copy];
}
- (NSUInteger )numberOfItemsInViewController:(MMTabBarViewController *)tabBarViewController {
return self.dataArr.count;
}
- (MMTabBarModel *)infomationInViewController:(MMTabBarViewController *)tabBarViewController infoForItemAtIndex:(NSUInteger)index {
return self.dataArr[index];
}
#pragma mark - get
- (NSMutableArray *)dataArr {
if (!_dataArr) {
_dataArr = [NSMutableArray array];
NSArray *data = @[@[@"OneVC",@"洛杉磯湖人"],@[@"SecondVC",@"凱爾特人"],@[@"ThirdVC",@"雷霆"],@[@"FourthVC",@"尼克斯"],@[@"FivethVC",@"圣安東尼奧馬刺"],@[@"UIViewController",@"明尼蘇達森林狼"],@[@"UIViewController",@"休斯頓火箭"],@[@"UIViewController",@"印第安納步行者"],@[@"UIViewController",@"密爾沃基雄鹿"],@[@"UIViewController",@"小牛"],];
for (int i = 0; i < data.count; i++) {
[_dataArr addObject:[MMTabBarModel modelWithControllerClassName:[data[i] firstObject] controllerTitle:[data[i] lastObject]]];
}
}
return _dataArr;
}
3.通過可選的協議自定義自己想要的界面。
@protocol MMTabBarViewDelegate <NSObject>
@optional
//=====================================TabBar=====================================
//顯示當前titleScrollView背景的顏色 defalut is #485CD5
- (UIColor *)tabBarViewControllerShowTitleScrollViewBackgroudColor:(MMTabBarViewController *)tabBarViewController;
//顯示當前titleScrollView的高度 defalut is 40.0f
- (CGFloat)tabBarViewControllerShowTitleScrollViewHeight:(MMTabBarViewController *)tabBarViewController;
//=====================================Titles=====================================
//顯示當前title沒有選中標題的顏色 defalut is blackColor
- (UIColor *)tabBarViewControllerShowTitleUnSelectedColor:(MMTabBarViewController *)tabBarViewController;
//顯示當前title選中標題的顏色 defalut is whiteColor
- (UIColor *)tabBarViewControllerShowTitleSelectedColor:(MMTabBarViewController *)tabBarViewController;
//設置title到左右兩邊緣的距離 defalut is 10.0f;
- (CGFloat)tabBarViewControllerShowTitleMargin:(MMTabBarViewController *)tabBarViewController;
//=====================================Underline=====================================
//顯示當前下劃線背景顏色顏色 defalut is whiteColor
- (UIColor *)tabBarViewControllerShowUnderlineBackgroundColor:(MMTabBarViewController *)tabBarViewController;
//顯示當前下劃線高度 defalut is 2.0
- (CGFloat)tabBarViewControllerShowUnderlineHeight:(MMTabBarViewController *)tabBarViewController;
//=====================================MarkView=====================================
//顯示當前遮罩層的顏色 defalut is #333333
- (UIColor *)tabBarViewControllerShowMarkViewBackgroundColor:(MMTabBarViewController *)tabBarViewController;
@end
4.demo效果：
MMTabBarViewGradientTypeMasking 沒有擴展樣式的效果：
4.gif
如果你覺得這篇文章對你有所幫助，歡迎like或star!謝謝！
其他樣式請見demo。
