标签：
转自：http://blog.csdn.net/xn4545945/article/details/35994863
一、自定义的思路
iOS中的TabBarController确实已经很强大了，大部分主流iOS应用都会采用。但是往往也不能满足全部的需求，因此需要自定义TabBar，自定义需要对系统的TabBar工作方式有很好的理解，自定义需要勇气。
自定义TabBar的原则：尽量利用系统自带TabBar，只改需要改的地方。
二、自定义TabBar的总体过程
1.先把自带的TabBar条给取消了
2.自己做一个view,上面放几个按钮,设定按钮的点击事件.并设置selectIndex。
3.关联各个子viewController，覆盖相关事件。
三、细节很重要
1. 让自己创建的按钮关联到viewController:
•用tabbar的selectedIndex属性.设置这个属性就行了.
2. 取消系统的高亮:
•可以自定义一个按钮.重写里面的setHighhighted方法,什么也不做就行了.(如果调用super就相当于没写)
3. 关于几个按钮只选中一个的方法:
•设置一个属性,记录上一个选中的按钮.
•点击当前按钮时,把上一个按钮设置为未选中,并把当前按钮设置为选中,最后把当前按钮赋值给上一个按钮.
四、初步自定义
直接上代码，详见注释。
XNTabBarController.h
-
#import <UIKit/UIKit.h>
@interface
@end
XNTabBarController.m
-
//
// XNTabBarController.m
//
//
// Created by neng on 14-6-19.
// Copyright (c) 2014年 neng. All rights reserved.
//
#import "XNTabBarController.h"
#import "Common.h"
#import "XNTabBarButton.h"
@interface
/**
-
* 设置之前选中的按钮
-
*/
@propertynonatomicUIButton
@end
@implementation
void
super];
-
-
// NSLog(@"%s",__func__);
// NSLog(@"%@",self.view.subviews); //能打印出所有子视图,和其frame
self);
-
-
self.frame
self removeFromSuperview
-
-
UIView]];
-
= rect;
-
= [UIColor];
-
self addSubview
forint; i < ; i++) {
-
-
XNTabBarButton]];
-
NSString:, i +];
-
NSString:, i +];
-
:[UIImage:imageName]:UIControlStateNormal];
-
:[UIImage:imageNameSel]:UIControlStateSelected];
-
i.size / ;
-
= CGRectMake(x, , myView.size / , myView.size);
-
:btn];
-
= i;
-
-
:self:@selector forControlEvents
-
if == i) {
-
= YES
self = btn;
-
/**
-
* 自定义TabBar的按钮点击事件
-
*/
voidUIButton
-
self.selectedNO
-
= YES
-
self = button;
-
-
self = button;
-
@end
XNTabBarButton.h
-
#import <UIKit/UIKit.h>
@interface
@end
XNTabBarButton.m
-
#import "XNTabBarButton.h"
@implementation
/**什么也不做就可以取消系统按钮的高亮状态*/
voidBOOL
// [super setHighlighted:highlighted];
@end
五、代码重构
重构的目的是把代码放到他最该到的地方去. 提高可读写与可拓展性。
对控件的重构要保证可重用性. 做到封装做其他应用时,可以直接拿过去用的地步.
tips ：
1、关于init与initWithFrame:
•在对象初始化调用init时,会调用initWithFrame方法.
•Init与initWithFrame都会被调用.
•建议自定义控件不要重写init方法,需要初始化时重写initWithFrame方法.
•好处:其他人调用无论是调用init,还是调用initWithFrame都会调用initWithFrame方法.
2、关于控件的布局代码:
•建议写在layoutSubviews方法中.
•不要忘记写super方法
•将设置x,y,frame等写在这里面.
3、将自定义的Tabbar添加为系统TabBar的子视图,这样TabBar的切换自动隐藏/滑动功能就不用自己做了.
(hidebottombaronpush)
重构后的代码如下：
将自定义的TabBar单独建立，并将代码移过去。
设置代理方法，工具栏按钮被选中,记录从哪里跳转到哪里.
XNTabBar.h
-
#import <UIKit/UIKit.h>
@class
@protocol
/**
-
* 工具栏按钮被选中, 记录从哪里跳转到哪里. (方便以后做相应特效)
-
*/
void tabBarXNTabBar:(NSInteger) from:(NSInteger)to;
-
@end
@interface
@propertynonatomicid
/**
-
* 使用特定图片来创建按钮, 这样做的好处就是可扩展性. 拿到别的项目里面去也能换图片直接用
-
*
-
* @param image 普通状态下的图片
-
* @param selectedImage 选中状态下的图片
-
*/
voidUIImage:(UIImage
@end
XNTabBar.m
-
//
// XNTabBar.m
//
// Created by neng on 14-6-19.
// Copyright (c) 2014年 neng. All rights reserved.
//
#import "XNTabBar.h"
#import "XNTabBarButton.h"
@interface
/**
-
* 设置之前选中的按钮
-
*/
@propertynonatomicUIButton
@end
@implementation
/**
-
* 在这个方法里写控件初始化的东西, 调用init方法时会调用
-
*/
//- (id)initWithFrame:(CGRect)frame {
// if (self = [super initWithFrame:frame]) {
// //添加按钮
// for (int i = 0; i < 5; i++) { //取消掉特定的数字
// //UIButton *btn = [[UIButton alloc] init];
// XNTabBarButton *btn = [[XNTabBarButton alloc] init];
//
// NSString *imageName = [NSString stringWithFormat:@"TabBar%d", i + 1];
// NSString *imageNameSel = [NSString stringWithFormat:@"TabBar%dSel", i + 1];
//
// [btn setImage:[UIImage imageNamed:imageName] forState:UIControlStateNormal];
// [btn setImage:[UIImage imageNamed:imageNameSel] forState:UIControlStateSelected];
//
// [self addSubview:btn];
//
// btn.tag = i; //设置按钮的标记, 方便来索引当前的按钮,并跳转到相应的视图
//
// //带参数的监听方法记得加"冒号"
// [btn addTarget:self action:@selector(clickBtn:) forControlEvents:UIControlEventTouchUpInside];
//
// if (0 == i) {
// [self clickBtn:btn];
// }
// }
// }
// return self;
//}
voidUIImage:(UIImage
UIButton]];
-
:image:UIControlStateNormal];
-
:selectedImage:UIControlStateSelected];
-
self:btn];
-
-
:self:@selector forControlEvents
-
ifself.count) {
-
self:btn];
-
/**专门用来布局子视图, 别忘了调用super方法*/
void
super];
-
intself.count
forint; i < count; i++) {
-
-
UIButtonself[i];
-
= i;
-
iself.size / count;
-
;
-
self.size / count;
-
self.size;
-
= CGRectMake(x, y, width, height);
-
/**
-
* 自定义TabBar的按钮点击事件
-
*/
voidUIButton
-
self.selectedNO
-
= YES
-
self = button;
-
-
-
ifself respondsToSelector@selector
self tabBarself:self.tag:button];
-
-
-
@end
原先的XNTabBarController.m经过修改后，注释了原先的代码。
-
//
// XNTabBarController.m
//
// Created by neng on 14-6-19.
// Copyright (c) 2014年 neng. All rights reserved.
//
#import "XNTabBarController.h"
#import "XNTabBarButton.h"
#import "XNTabBar.h"
@interface
/**
-
* 设置之前选中的按钮
-
*/
@propertynonatomicUIButton
@end
@implementation
void
super];
-
-
// NSLog(@"%s",__func__);
// NSLog(@"%@",self.view.subviews); //能打印出所有子视图,和其frame
// LogFun;
// LogSubviews(self.view);
-
-
self.bounds
-
self);
-
-
-
XNTabBar]];
-
= self
-
= rect;
-
self addSubview
-
-
forint; i<self.count
-
NSString:, i +];
-
NSString:, i +];
-
UIImage:imageName];
-
UIImage:imageNameSel];
-
:image:imageSel];
-
// //添加按钮
// for (int i = 0; i < 5; i++) {
// //UIButton *btn = [[UIButton alloc] init];
// XNTabBarButton *btn = [[XNTabBarButton alloc] init];
//
// NSString *imageName = [NSString stringWithFormat:@"TabBar%d", i + 1];
// NSString *imageNameSel = [NSString stringWithFormat:@"TabBar%dSel", i + 1];
//
// [btn setImage:[UIImage imageNamed:imageName] forState:UIControlStateNormal];
// [btn setImage:[UIImage imageNamed:imageNameSel] forState:UIControlStateSelected];
//
// CGFloat x = i * myView.frame.size.width / 5;
// btn.frame = CGRectMake(x, 0, myView.frame.size.width / 5, myView.frame.size.height);
//
// [myView addSubview:btn];
//
// btn.tag = i;//设置按钮的标记, 方便来索引当前的按钮,并跳转到相应的视图
//
// //带参数的监听方法记得加"冒号"
// [btn addTarget:self action:@selector(clickBtn:) forControlEvents:UIControlEventTouchUpInside];
//
// //设置刚进入时,第一个按钮为选中状态
// if (0 == i) {
// btn.selected = YES;
// self.selectedBtn = btn; //设置该按钮为选中的按钮
// }
// }
/**永远别忘记设置代理*/
voidXNTabBar:(NSInteger)from:(NSInteger)to {
-
self = to;
-
/**
-
* 自定义TabBar的按钮点击事件
-
*/
//- (void)clickBtn:(UIButton *)button {
// //1.先将之前选中的按钮设置为未选中
// self.selectedBtn.selected = NO;
// //2.再将当前按钮设置为选中
// button.selected = YES;
// //3.最后把当前按钮赋值为之前选中的按钮
// self.selectedBtn = button;
//
// //4.跳转到相应的视图控制器. (通过selectIndex参数来设置选中了那个控制器)
// self.selectedIndex = button.tag;
//}
@end
自定义后的效果图：
例子源码下载 ： http://download.csdn.net/detail/xn4545945/7572263
转载请注明出处：http://blog.csdn.net/xn4545945
iOS 自定义TabBarController
标签：
原文地址：http://www.cnblogs.com/feiyu-mdm/p/5568595.html
