如何子类化UITabBarController并替换其UITabBar视图?

时间:2014-09-18 18:07:03

标签: ios objective-c iphone

我需要继承UITabBarController,这样我就可以完全用我希望在界面构建器中生成的自定义视图替换UITabBar视图。我试过但没有成功。

首先,我创建了一个UITabBarController的子类以及一个xib。我删除了xib中的默认视图,并将其替换为仅高60px的新视图(我的tabbar的大小)。我将必要的按钮拖到它上面,然后像这样配置.h文件:

@interface ToolbarViewController : UITabBarController

@property (strong, nonatomic) IBOutlet UIView *tabBarView;

@property (strong, nonatomic) IBOutlet UIButton* firstButton;
@property (strong, nonatomic) IBOutlet UIButton* secondButton;

@end

我的xib看起来像这样:

enter image description here

当我启动应用程序时,我在标签栏的底部看到一个空白区域,但我没有看到实际的标签栏:

enter image description here

更新:我意识到我实际上并没有真正在.m文件中启动xib文件。谁知道我怎么能做到这一点?

1 个答案:

答案 0 :(得分:4)

有各种不同的解决方案可以将自定义按钮集添加到自定义选项卡栏控制器子类。几年前我按照本指南做了这件事:http://idevrecipes.com/2010/12/16/raised-center-tab-bar-button/

我们的想法是在UITabBarController子类的标签栏上添加自定义UIView。 CustomTabBarController类不必具有xib。相反,我有一个UIView的子类,可以通过编程方式布局,也可以使用xib为UIView创建。这是我的CustomTabBarView类的头文件:

@interface CustomTabBarView : UIView
{
    CALayer *opaqueBackground;
    UIImageView *tabBG;

    IBOutlet UIButton *button0;
    IBOutlet UIButton *button1;
    IBOutlet UIButton *button2;
    NSArray *tabButtons;

    int lastTab;
}
@property (nonatomic, weak) id delegate;

-(IBAction)didClickButton:(id)sender;

您可以将所需的按钮连接到xib文件中的button0,button1,button2等,或者在init上以编程方式为视图执行此操作。请注意,这是UIView的子类。

在CustomTabBarView.m中:

-(IBAction)didClickButton:(id)sender {
    int pos = ((UIButton *)sender).tag;
    // or some other way to figure out which tab button was pressed

    [self.delegate setSelectedIndex:pos]; // switch to the correct view
}

然后在CustomTabBarController类中:

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    tabView = [[CustomTabBarView alloc] init];
    tabView.delegate = self;
    tabView.frame = CGRectMake(0, self.view.frame.size.height-60, 320, 60);
    [self.view addSubview:tabView];
}

当在CustomTabBarView中单击按钮时,它将调用其委托函数,在本例中为CustomTabBarController。该调用与您单击实际选项卡栏中的选项卡按钮的功能相同,因此如果您像普通的UITabBarController一样正确设置了CustomTabBarController,它将跳转到选项卡。

哦,在一个稍微单独的说明中,添加自定义xib作为UIView的子类的接口的正确方法:

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code
        NSArray *subviewArray = [[NSBundle mainBundle] loadNibNamed:NSStringFromClass([self class]) owner:self options:nil];
        UIView *mainView = [subviewArray objectAtIndex:0];

        //Just in case the size is different (you may or may not want this)
        mainView.frame = self.bounds;

        [self addSubview:mainView];
    }
    return self;
}

在xib文件中,确保File的所有者将其Custom类设置为CustomTabBarView。