正常的选项卡流程

cocoapods就不说了

创建一个CYLTabBarControllerConfig类

#import <Foundation/Foundation.h>
#import "CYLTabBarController.h"
@interface CYLTabBarControllerConfig : NSObject
@property (nonatomic, readonly, strong) CYLTabBarController *tabBarController;
@end
#import "CYLTabBarControllerConfig.h"
@import Foundation;
@import UIKit;
@interface CYLBaseNavigationController : UINavigationController
@end
@implementation CYLBaseNavigationController - (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated {
if (self.viewControllers.count > ) {
viewController.hidesBottomBarWhenPushed = YES;
}
[super pushViewController:viewController animated:animated];
} @end //View Controllers
#import "HandleViewController.h"
#import "EnquiriesViewController.h"
#import "ConsultViewController.h"
#import "ManagerViewController.h"
#import "ErectViewController.h" @interface CYLTabBarControllerConfig () @property (nonatomic, readwrite, strong) CYLTabBarController *tabBarController; @end @implementation CYLTabBarControllerConfig
/**
* lazy load tabBarController
*
* @return CYLTabBarController
*/
- (CYLTabBarController *)tabBarController {
if (_tabBarController == nil) {
HandleViewController *firstViewController = [[HandleViewController alloc] init];
UIViewController *firstNavigationController = [[CYLBaseNavigationController alloc]
initWithRootViewController:firstViewController]; EnquiriesViewController *secondViewController = [[EnquiriesViewController alloc] init];
UIViewController *secondNavigationController = [[CYLBaseNavigationController alloc]
initWithRootViewController:secondViewController];
/**
* 选项卡右上角的数字
*/
// secondNavigationController.tabBarItem.badgeValue = @"10"; ConsultViewController *thirdViewController = [[ConsultViewController alloc] init];
UIViewController *thirdNavigationController = [[CYLBaseNavigationController alloc]
initWithRootViewController:thirdViewController]; ManagerViewController *fourthViewController = [[ManagerViewController alloc] init];
UIViewController *fourthNavigationController = [[CYLBaseNavigationController alloc]
initWithRootViewController:fourthViewController];
ErectViewController *fifthViewControll = [[ErectViewController alloc]init];
UIViewController *fifthNavigationController = [[CYLBaseNavigationController alloc]initWithRootViewController:fifthViewControll]; CYLTabBarController *tabBarController = [[CYLTabBarController alloc] init]; /**
* 以下两行代码目的在于手动设置让TabBarItem只显示图标,不显示文字,并让图标垂直居中。
* 等效于在`-setUpTabBarItemsAttributesForController`方法中不传`CYLTabBarItemTitle`字段。
* 更推荐后一种做法。
*/
//tabBarController.imageInsets = UIEdgeInsetsMake(4.5, 0, -4.5, 0);
//tabBarController.titlePositionAdjustment = UIOffsetMake(0, MAXFLOAT); // 在`-setViewControllers:`之前设置TabBar的属性,设置TabBarItem的属性,包括 title、Image、selectedImage。
[self setUpTabBarItemsAttributesForController:tabBarController]; [tabBarController setViewControllers:@[
firstNavigationController,
secondNavigationController,
thirdNavigationController,
fourthNavigationController,
fifthNavigationController
]];
// 更多TabBar自定义设置:比如:tabBarItem 的选中和不选中文字和背景图片属性、tabbar 背景图片属性
[self customizeTabBarAppearance:tabBarController];
_tabBarController = tabBarController;
}
return _tabBarController;
} /**
* 在`-setViewControllers:`之前设置TabBar的属性,设置TabBarItem的属性,包括 title、Image、selectedImage。
*/
- (void)setUpTabBarItemsAttributesForController:(CYLTabBarController *)tabBarController { NSDictionary *dict1 = @{
CYLTabBarItemTitle : @"订单处理",
CYLTabBarItemImage : @"tab_dingdanchuli",
CYLTabBarItemSelectedImage : @"tab_dingdanchuli_s",
};
NSDictionary *dict2 = @{
CYLTabBarItemTitle : @"订单查询",
CYLTabBarItemImage : @"tab_dingdanchaxun",
CYLTabBarItemSelectedImage : @"tab_dingdanchaxun_s",
};
NSDictionary *dict3 = @{
CYLTabBarItemTitle : @"咨询",
CYLTabBarItemImage : @"tab_xiaoxi",
CYLTabBarItemSelectedImage : @"tab_xiaoxi_s",
};
NSDictionary *dict4 = @{
CYLTabBarItemTitle : @"门店管理",
CYLTabBarItemImage : @"tab_mendianguanli",
CYLTabBarItemSelectedImage : @"tab_mendianguanli_s"
};
NSDictionary *dict5 = @{
CYLTabBarItemTitle : @"设置",
CYLTabBarItemImage : @"tab_shezhi",
CYLTabBarItemSelectedImage : @"tab_shezhi_s"
};
NSArray *tabBarItemsAttributes = @[
dict1,
dict2,
dict3,
dict4,
dict5
];
tabBarController.tabBarItemsAttributes = tabBarItemsAttributes;
} /**
* 更多TabBar自定义设置:比如:tabBarItem 的选中和不选中文字和背景图片属性、tabbar 背景图片属性
*/
- (void)customizeTabBarAppearance:(CYLTabBarController *)tabBarController {
// Customize UITabBar height
// 自定义 TabBar 高度
// tabBarController.tabBarHeight = 80.f; // set the text color for unselected state
// 普通状态下的文字属性
NSMutableDictionary *normalAttrs = [NSMutableDictionary dictionary];
normalAttrs[NSForegroundColorAttributeName] = [UIColor grayColor]; // set the text color for selected state
// 选中状态下的文字属性
NSMutableDictionary *selectedAttrs = [NSMutableDictionary dictionary];
selectedAttrs[NSForegroundColorAttributeName] = RGBColor(, , ); // set the text Attributes
// 设置文字属性
UITabBarItem *tabBar = [UITabBarItem appearance];
[tabBar setTitleTextAttributes:normalAttrs forState:UIControlStateNormal];
[tabBar setTitleTextAttributes:selectedAttrs forState:UIControlStateSelected]; // Set the dark color to selected tab (the dimmed background)
// TabBarItem选中后的背景颜色
// [self customizeTabBarSelectionIndicatorImage]; // update TabBar when TabBarItem width did update
// If your app need support UIDeviceOrientationLandscapeLeft or UIDeviceOrientationLandscapeRight,
// remove the comment '//'
// 如果你的App需要支持横竖屏,请使用该方法移除注释 '//'
// [self updateTabBarCustomizationWhenTabBarItemWidthDidUpdate]; // set the bar shadow image
// This shadow image attribute is ignored if the tab bar does not also have a custom background image.So at least set somthing.
[[UITabBar appearance] setBackgroundImage:[[UIImage alloc] init]];
[[UITabBar appearance] setBackgroundColor:[UIColor whiteColor]];
[[UITabBar appearance] setShadowImage:[UIImage imageNamed:@"tapbar_top_line"]]; // set the bar background image
// 设置背景图片
// UITabBar *tabBarAppearance = [UITabBar appearance];
// [tabBarAppearance setBackgroundImage:[UIImage imageNamed:@"tabbar_background"]]; // remove the bar system shadow image
// 去除 TabBar 自带的顶部阴影
// [[UITabBar appearance] setShadowImage:[[UIImage alloc] init]];
} - (void)updateTabBarCustomizationWhenTabBarItemWidthDidUpdate {
void (^deviceOrientationDidChangeBlock)(NSNotification *) = ^(NSNotification *notification) {
UIDeviceOrientation orientation = [[UIDevice currentDevice] orientation];
if ((orientation == UIDeviceOrientationLandscapeLeft) || (orientation == UIDeviceOrientationLandscapeRight)) {
NSLog(@"Landscape Left or Right !");
} else if (orientation == UIDeviceOrientationPortrait){
NSLog(@"Landscape portrait!");
}
[self customizeTabBarSelectionIndicatorImage];
};
[[NSNotificationCenter defaultCenter] addObserverForName:CYLTabBarItemWidthDidChangeNotification
object:nil
queue:[NSOperationQueue mainQueue]
usingBlock:deviceOrientationDidChangeBlock];
} - (void)customizeTabBarSelectionIndicatorImage {
///Get initialized TabBar Height if exists, otherwise get Default TabBar Height.
UITabBarController *tabBarController = [self cyl_tabBarController] ?: [[UITabBarController alloc] init];
CGFloat tabBarHeight = tabBarController.tabBar.frame.size.height;
CGSize selectionIndicatorImageSize = CGSizeMake(CYLTabBarItemWidth, tabBarHeight);
//Get initialized TabBar if exists.
UITabBar *tabBar = [self cyl_tabBarController].tabBar ?: [UITabBar appearance];
[tabBar setSelectionIndicatorImage:
[[self class] imageWithColor:[UIColor redColor]
size:selectionIndicatorImageSize]];
} + (UIImage *)imageWithColor:(UIColor *)color size:(CGSize)size {
if (!color || size.width <= || size.height <= ) return nil;
CGRect rect = CGRectMake(0.0f, 0.0f, size.width + , size.height);
UIGraphicsBeginImageContextWithOptions(rect.size, NO, );
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetFillColorWithColor(context, color.CGColor);
CGContextFillRect(context, rect);
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return image;
} - (void)dealloc {
[[NSNotificationCenter defaultCenter] removeObserver:self];
}

另外还有自定义的加号按钮

要创建一个CYLPlusButton的类不要忘了加上CYLPlusButtonSubclassing协议

#import <CYLTabBarController/CYLTabBarController.h>

@interface CYLPlusButtonSubclass : CYLPlusButton<CYLPlusButtonSubclassing,UIActionSheetDelegate>

@end
#import "CYLPlusButtonSubclass.h"
#import <CYLTabBarController.h> @implementation CYLPlusButtonSubclass +(void)load{
[super registerSubclass];
} - (instancetype)initWithFrame:(CGRect)frame {
if (self = [super initWithFrame:frame]) {
self.titleLabel.textAlignment = NSTextAlignmentCenter;
self.adjustsImageWhenHighlighted = NO; }
return self;
}
//上下结构的 button
- (void)layoutSubviews {
[super layoutSubviews]; // 控件大小,间距大小
CGFloat const imageViewEdgeWidth = self.bounds.size.width * 0.7;
CGFloat const imageViewEdgeHeight = imageViewEdgeWidth * 0.9;
CGFloat const centerOfView = self.bounds.size.width * 0.5;
CGFloat const labelLineHeight = self.titleLabel.font.lineHeight;
CGFloat const verticalMarginT = self.bounds.size.height - labelLineHeight - imageViewEdgeWidth;
CGFloat const verticalMargin = verticalMarginT / ; // imageView 和 titleLabel 中心的 Y 值
CGFloat const centerOfImageView = verticalMargin + imageViewEdgeWidth * 0.5;
CGFloat const centerOfTitleLabel = imageViewEdgeWidth + verticalMargin * + labelLineHeight * 0.5 + ; //imageView position 位置
self.imageView.bounds = CGRectMake(, , imageViewEdgeWidth, imageViewEdgeHeight);
self.imageView.center = CGPointMake(centerOfView, centerOfImageView); //title position 位置
self.titleLabel.bounds = CGRectMake(, , self.bounds.size.width, labelLineHeight);
self.titleLabel.center = CGPointMake(centerOfView, centerOfTitleLabel);
}
/*
*
Create a custom UIButton with title and add it to the center of our tab bar
*
*/
+ (id)plusButton {
CYLPlusButtonSubclass *button = [[CYLPlusButtonSubclass alloc] init];
UIImage *buttonImage = [UIImage imageNamed:@"post_normal"];
[button setImage:buttonImage forState:UIControlStateNormal];
[button setTitle:@"发布" forState:UIControlStateNormal];
[button setTitleColor:[UIColor grayColor] forState:UIControlStateNormal]; [button setTitle:@"选中" forState:UIControlStateSelected];
[button setTitleColor:[UIColor blueColor] forState:UIControlStateSelected]; button.titleLabel.font = [UIFont systemFontOfSize:9.5];
[button sizeToFit]; // or set frame in this way `button.frame = CGRectMake(0.0, 0.0, 250, 100);`
[button addTarget:button action:@selector(clickPublish) forControlEvents:UIControlEventTouchUpInside];
return button;
} /*
*
Create a custom UIButton without title and add it to the center of our tab bar
*
*/
//+ (id)plusButton
//{
//
// UIImage *buttonImage = [UIImage imageNamed:@"hood.png"];
// UIImage *highlightImage = [UIImage imageNamed:@"hood-selected.png"];
//
// CYLPlusButtonSubclass* button = [CYLPlusButtonSubclass buttonWithType:UIButtonTypeCustom];
//
// button.autoresizingMask = UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleBottomMargin | UIViewAutoresizingFlexibleTopMargin;
// button.frame = CGRectMake(0.0, 0.0, buttonImage.size.width, buttonImage.size.height);
// [button setBackgroundImage:buttonImage forState:UIControlStateNormal];
// [button setBackgroundImage:highlightImage forState:UIControlStateHighlighted];
// [button addTarget:button action:@selector(clickPublish) forControlEvents:UIControlEventTouchUpInside];
//
// return button;
//}
- (void)clickPublish {
CYLTabBarController *tabBarController = [self cyl_tabBarController];
UIViewController *viewController = tabBarController.selectedViewController;
UIActionSheet *actionSheet = [[UIActionSheet alloc] initWithTitle:nil
delegate:nil
cancelButtonTitle:@"取消"
destructiveButtonTitle:nil
otherButtonTitles:@"拍照", @"从相册选取", @"淘宝一键转卖", nil];
[actionSheet showInView:viewController.view];
NSLog(@"发布");
}
#pragma mark - CYLPlusButtonSubclassing
//+ (UIViewController *)plusChildViewController {
// UIViewController *plusChildViewController = [[UIViewController alloc] init];
// plusChildViewController.view.backgroundColor = [UIColor redColor];
// plusChildViewController.navigationItem.title = @"PlusChildViewController";
// UIViewController *plusChildNavigationController = [[UINavigationController alloc]
// initWithRootViewController:plusChildViewController];
// return plusChildNavigationController;
//}
//
+ (NSUInteger)indexOfPlusButtonInTabBar {
return ;
}
+ (CGFloat)multiplerInCenterY {
return 0.3;
}

如果正常按钮数目是奇数的话 要实现

+ (NSUInteger)indexOfPlusButtonInTabBar {
return ;
}

如何调整、自定义 PlusButton 与其它 TabBarItem 的宽度?

CYLTabBarController 规定:

 TabBarItem 宽度 =  ( TabBar 总宽度 -  PlusButton 宽度  ) / (TabBarItem 个数)

所以想自定义宽度,只需要修改 PlusButton 的宽度即可。

比如你就可以在 Demo中的 CYLPlusButtonSubclass.m 类里:

[button sizeToFit]

改为

button.frame = CGRectMake(0.0, 0.0, , );

---------------

如果要把加号按钮做成跟其他按钮的点击效果一样的话需要同时实现这两个方法

+ (UIViewController *)plusChildViewController {
UIViewController *plusChildViewController = [[UIViewController alloc] init];
plusChildViewController.view.backgroundColor = [UIColor redColor];
plusChildViewController.navigationItem.title = @"PlusChildViewController";
UIViewController *plusChildNavigationController = [[UINavigationController alloc]
initWithRootViewController:plusChildViewController];
return plusChildNavigationController;
} + (NSUInteger)indexOfPlusButtonInTabBar {
return ;
}

之前不知道怎么回事,出了些莫名其妙的问题。。记录下

前人种树后人乘凉啊!感谢原作作者

iOS 自定义选项卡-CYLTabBarController的更多相关文章

  1. 【iOS自定义键盘及键盘切换】详解

    [iOS自定义键盘]详解 实现效果展示: 一.实现的协议方法代码 #import <UIKit/UIKit.h> //创建自定义键盘协议 @protocol XFG_KeyBoardDel ...

  2. iOS自定义的UISwitch按钮

    UISwitch开关控件 开关代替了点选框.开关是到目前为止用起来最简单的控件,不过仍然可以作一定程度的定制化. 一.创建 UISwitch* mySwitch = [[ UISwitchalloc] ...

  3. 如何实现 iOS 自定义状态栏

    给大家介绍如何实现 iOS 自定义状态栏 Sample Code: 01 UIWindow * statusWindow = [[UIWindow alloc] initWithFrame:[UIAp ...

  4. excel快速访问工具栏和自定义选项卡

    自定义选项卡: excel命令选项--自定义功能区--

  5. iOS自定义组与组之间的距离以及视图

    iOS自定义组与组之间的距离以及视图 //头视图高度 - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(N ...

  6. iOS 自定义转场动画

    代码地址如下:http://www.demodashi.com/demo/12955.html 一.总效果 本文记录分享下自定义转场动画的实现方法,具体到动画效果:新浪微博图集浏览转场效果.手势过渡动 ...

  7. iOS 自定义转场动画浅谈

    代码地址如下:http://www.demodashi.com/demo/11612.html 路漫漫其修远兮,吾将上下而求索 前记 想研究自定义转场动画很久了,时间就像海绵,挤一挤还是有的,花了差不 ...

  8. iOS自定义转场动画实战讲解

    iOS自定义转场动画实战讲解   转场动画这事,说简单也简单,可以通过presentViewController:animated:completion:和dismissViewControllerA ...

  9. SWT自定义选项卡CTabFolder

    SWT自定义选项卡CTabFolder 学习了:http://blog.csdn.net/dreajay/article/details/17391731 package com.swt; impor ...

随机推荐

  1. win8.1安装Matlab7.0的兼容问题

     Matlab7.0安装完成后打开就立即关闭,此时右键点击MATLAB7.0快捷方式-"用图形处理器运行"-"更改默认图形处理器",将"集成图形&qu ...

  2. jQuery LigerUI V1.2.2 (包括API和全部源码) 发布

    前言 这次版本主要对树进行了加载性能上面的优化,并解决了部分兼容性的问题,添加了几个功能点. 欢迎使用反馈. 相关链接 API:         http://api.ligerui.com/ 演示地 ...

  3. iOS权限问题

    判断相机权限: NSString *mediaType = AVMediaTypeVideo; AVAuthorizationStatus authStatus = [AVCaptureDevice ...

  4. 数组求和,计算给定数组 arr 中所有元素的总和

    一,题目分析:可以使用数组的归并方法计算,reduce和reduceRight.二者作用几乎相同.只是归并方向相反.reduce和reduceRight都可以接收两个参数.第一个是在每一项上调用的函数 ...

  5. linux命令每日一练习 解压命令

    .tar 解包:tar xvf FileName.tar打包:tar cvf FileName.tar DirName(注:tar是打包,不是压缩!)———————————————.gz解压1:gun ...

  6. 非Animal呢?为何不写个万用类

    /*4.非Animal呢?为何不写个万用类 * 类Object是JAVA里多有类的源头/父类*/ import java.util.*; class Animalb{ String name; voi ...

  7. 设置table距离顶部位置

    //UIEdgeInsetsMake———— UIEdgeInsets insets = {top, left, bottom, right} self.tableView.contentInset ...

  8. 百度地图结合echarts并添加行政区块

    作者:LJaer链接:https://www.zhihu.com/question/49251513/answer/125728764来源:知乎<!DOCTYPE html> <ht ...

  9. 第十一&十二&十三周周记

    周数 专业学习目标 专业学习时间 新增代码量 博客发表量 人文方面的学习 知识技能总结 第十一周 认真学习网络技术,了解路由器和交换机之间的联通和使用. 一天一小时 300 一篇 每天用一小时看关于经 ...

  10. controller 解析xml文件

    public ActionResult Index() { XmlReader reader = null; try { //获取路径 ..\TGB.Common.Message\TGB.Common ...