1543824526375.jpg
要做一个类似如上的效果
很显然要自定义一个TabBarController来继承UITabBarController, 自定义一个TabBar来继承UITabBar
其核心明显就是要对Tabbar的LayoutSubView方法重新编排控件布局
#import
@interface KBTabbarController : UITabBarController
@end
- (void)viewDidLoad {
[super viewDidLoad];
// NSArray* frameIdArray = [[JSPhotoFrameHandle sharePhotoFrameHandle] readLocalPhotosFrameIDArray];
SSLinkListViewController* linkList = [[SSLinkListViewController alloc] initWithNibName:NSStringFromClass([SSLinkListViewController class]) bundle:nil];
[self addChildController:linkList title:NSLocalizedString(@"frame", nil) imageName:@"icon_frame_nor" selectedImageName:@"icon_frame_selected" navVc:[UINavigationController class]];
LKRecoViewController *recoVC = [[LKRecoViewController alloc] init];
[self addChildController:recoVC title:NSLocalizedString(@"Recommend", nil) imageName:@"icon_reco_nor" selectedImageName:@"icon_reco_selected" navVc:[UINavigationController class]];
// ThreeViewController *MoreVc = [[ThreeViewController alloc] init];
// [self addChildController:MoreVc title:@"更多" imageName:@"tab4-more" selectedImageName:@"tab4-moreshow" navVc:[UINavigationController class]];
//
// FourViewController *svc = [[FourViewController alloc] init];
// [self addChildController:svc title:@"设置" imageName:@"tab5-file" selectedImageName:@"tab5-fileshow" navVc:[UINavigationController class]];
[[UITabBar appearance] setBackgroundImage:[self imageWithColor:[UIColor whiteColor]]];
// 设置tabbar
[[UITabBar appearance] setShadowImage:[[UIImage alloc] init]];
// 设置自定义的tabbar
[self setCustomtabbar];
}
- (void)setCustomtabbar{
KBTabbar *tabbar = [[KBTabbar alloc]init];
[self setValue:tabbar forKeyPath:@"tabBar"];
[tabbar.centerBtn addTarget:self action:@selector(centerBtnClick:) forControlEvents:UIControlEventTouchUpInside];
}
- (void)centerBtnClick:(UIButton *)btn{
NSLog(@"点击了中间");
UINavigationController* navi = self.viewControllers.firstObject;
NSArray* idArray = [[JSPhotoFrameHandle sharePhotoFrameHandle] readLocalPhotosFrameIDArray];
if (idArray.count > 0) {
JSPhotoViewController* photoVC = [[JSPhotoViewController alloc] init];
photoVC.hidesBottomBarWhenPushed = YES;
[navi pushViewController:photoVC animated:YES];
}else{
if (self.selectedIndex == 0) {
UINavigationController* navi = self.viewControllers.firstObject;
SSLinkListViewController* linkList = navi.viewControllers.firstObject;
[linkList showWindowView];
}else{
self.selectedIndex = 0;
}
// SSGoToBindViewController* vc = [[SSGoToBindViewController alloc] initWithNibName:NSStringFromClass([SSGoToBindViewController class]) bundle:nil];
// vc.view.backgroundColor = [UIColor colorWithWhite:1.0 alpha:0.5];
// [self addChildViewController:vc];
// [self.view.window addSubview:vc.view];
// [vc didMoveToParentViewController:self];
// [vc hiddNavBar];
}
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
- (void)addChildController:(UIViewController*)childController title:(NSString*)title imageName:(NSString*)imageName selectedImageName:(NSString*)selectedImageName navVc:(Class)navVc
{
childController.title = title;
childController.tabBarItem.image = [[UIImage imageNamed:imageName] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
childController.tabBarItem.selectedImage = [[UIImage imageNamed:selectedImageName] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
// 设置一下选中tabbar文字颜色
[childController.tabBarItem setTitleTextAttributes:@{ NSForegroundColorAttributeName : [UIColor darkGrayColor] }forState:UIControlStateSelected];
UINavigationController* nav = [[navVc alloc] initWithRootViewController:childController];
nav.navigationBarHidden = YES;
[self addChildViewController:nav];
}
- (UIImage *)imageWithColor:(UIColor *)color{
// 一个像素
CGRect rect = CGRectMake(0, 0, 1, 1);
// 开启上下文
UIGraphicsBeginImageContextWithOptions(rect.size, NO, 0);
[color setFill];
UIRectFill(rect);
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return image;
}
自定义一个TabBar
#import
@interface KBTabbar : UITabBar
@property (nonatomic, strong) UIButton *centerBtn;
@end
#import "KBTabbar.h"
@implementation KBTabbar
- (instancetype)init
{
self = [super init];
if (self) {
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
[btn setImage:[UIImage imageNamed:@"icon_add"] forState:UIControlStateNormal];
btn.bounds = CGRectMake(0, 0, 64, 44);
self.centerBtn = btn;
[self addSubview:btn];
}
return self;
}
- (void)layoutSubviews
{
[super layoutSubviews];
self.centerBtn.frame = CGRectMake(self.bounds.size.width/2 - self.centerBtn.frame.size.width/2, 0, self.centerBtn.frame.size.width, self.centerBtn.frame.size.height);
int index = 0;
CGFloat wigth = (self.bounds.size.width - self.centerBtn.bounds.size.width)/ 2;
for (UIView* sub in self.subviews) {
if ([sub isKindOfClass:NSClassFromString(@"UITabBarButton")]) {
NSLog(@"-->%@ --->%d", sub, index);
if (index == 0) {
sub.frame = CGRectMake(index * wigth, self.bounds.origin.y, wigth, sub.frame.size.height);
}else if (index == 1) {
sub.frame = CGRectMake(index * wigth + self.centerBtn.bounds.size.width, self.bounds.origin.y, wigth, sub.frame.size.height);
}
index++;
}
}
}
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
if (self.isHidden == NO) {
CGPoint newPoint = [self convertPoint:point toView:self.centerBtn];
if ( [self.centerBtn pointInside:newPoint withEvent:event]) {
return self.centerBtn;
}else{
return [super hitTest:point withEvent:event];
}
}
else {
return [super hitTest:point withEvent:event];
}
}
上述适配iPhone X, 我觉得如上的方法已经足够了, 当然如果你还想tabbar往下面移动一点点, 可以在tabbar的viewWillLayoutSubviews中修改
if (isIphoneX) {
CGRect frame = self.tabBar.frame;
frame.size.height = 49;
frame.origin.y = self.view.frame.size.height - frame.size.height;
self.tabBar.frame = frame;
for (UITabBarItem *item in self.tabBar.items) {
item.imageInsets = UIEdgeInsetsMake(15,0, -15, 0);
[item setTitlePositionAdjustment:UIOffsetMake(0, 32)];
}
}