文档章节

自定义tabBar

麦兜卖鱼丸
 麦兜卖鱼丸
发布于 2016/03/02 13:52
字数 699
阅读 39
收藏 0
点赞 1
评论 0

(一)思路:(1)在原来的tabBar空间上面添加一个自定义的tabBar,这样UIViewController的hidesBottomBarWhenPushed属性依然有效;

(2)在自定义的添加UIButton,并加上相应的事件即可;

(3)本实例参考网络上的列子,根据自己项目的要求修改了部分。

(二)自定义tabBar;

#import "XNTabBar.h"
#import "XNTabBarButton.h"
#define kunSelectColor [UIColor clearColor]
#define kSelectColor [UIColor colorWithRed:17.0f/255 green:110.0f/255 blue:181.0f/255 alpha:1.0f]

@interface XNTabBar ()
{
    UIButton *clickButton;
    XNTabBarButton *barButton;
}

@property (nonatomic,strong) UIButton *selectedBtn;
@end

@implementation XNTabBar

- (void)addButtonWithImage:(UIImage *)image selectedImage:(UIImage *)selectedImage barButtonTitle:(NSString *)title btnRect:(CGRect)frame
{
    barButton = [[XNTabBarButton alloc] initTabBarButtonWithImage:image tabBarButtonTitle:title tabBarRect:frame];
    [barButton addTarget:self action:@selector(btnSelectClick:) forControlEvents:UIControlEventTouchUpInside];//带参数的监听方法记得加"冒号"
    
    [self addSubview:barButton];
}

/**专门用来布局子视图, 别忘了调用super方法*/
- (void)layoutSubviews{
    [super layoutSubviews];
    
    [self selectedButtonIndex:self.seletedIndex];
    NSInteger count = self.subviews.count;
    for (int i = 0; i < count; i++)
    {
        //取得按钮
        UIButton *btnCurrentClick = [self.subviews objectAtIndex:i];
        btnCurrentClick.tag = i; //设置按钮的标记, 方便来索引当前的按钮,并跳转到相应的视图 
    }
}
- (void)selectedButtonIndex:(NSInteger)selectIndex
{
    NSInteger count = self.subviews.count;
    for (int i = 0; i < count; i++)
    {
        if (self.seletedIndex == i)
        {
            UIButton *seleBtn = [self.subviews objectAtIndex:i];
            [seleBtn setBackgroundColor:kSelectColor];
            [self btnSelectClick:seleBtn];
            return;
        }
    }
}

/**
 *  自定义TabBar的按钮点击事件
 */
- (void)btnSelectClick:(UIButton *)button
{
    //1.先将之前选中的按钮设置为未选中
    self.selectedBtn.selected = NO;
    if (self.selectedBtn) {
        [self.selectedBtn setBackgroundColor:kunSelectColor];
    }
    //2.再将当前按钮设置为选中
    button.selected = YES;

    //却换视图控制器的事情,应该交给controller来做
    //最好这样写, 先判断该代理方法是否实现
    if ([self.delegate respondsToSelector:@selector(tabBar:selectedFrom:to:)])
    {
        [self.delegate tabBar:self selectedFrom:self.selectedBtn.tag to:button.tag];
        //3.最后把当前按钮赋值为之前选中的按钮
        self.selectedBtn = button;
        [button setBackgroundColor:kSelectColor];
    }
}

(三)自定义tabBar上的按钮;

#import "XNTabBarButton.h"
#define kLblTopOffsety 4.0f
#define kigWidth 20.0f
#define kigHeight 20.0f
#define kLblHeight 15.0f
#define kbgColor [UIColor colorWithRed:0 green:160.0f/255 blue:223.0f/255 alpha:1.0f]

@interface XNTabBarButton ()
{
    UIImageView *igBarIcon;
    UILabel *lblTitle;
}
@end

@implementation XNTabBarButton

- (instancetype)initTabBarButtonWithImage:(UIImage *)image tabBarButtonTitle:(NSString *)title tabBarRect:(CGRect)rect
{
    self = [super initWithFrame:rect];
    if (self)
    {
        CGFloat kbtnTopOffsety = (CGRectGetHeight(rect)-(kigHeight+kLblHeight+kLblTopOffsety))/2;
        igBarIcon = [[UIImageView alloc] initWithFrame:({
            CGRect frame = CGRectMake((CGRectGetWidth(rect)-kigWidth)/2, kbtnTopOffsety, kigWidth, kigHeight);
            frame;
        })];
        igBarIcon.image = image;
        
        lblTitle = [[UILabel alloc] initWithFrame:({
            CGRect frame = CGRectMake(0, CGRectGetMaxY(igBarIcon.frame)+kLblTopOffsety, CGRectGetWidth(rect), kLblHeight);
            frame;
        })];
        lblTitle.text = title;
        lblTitle.textColor = [UIColor whiteColor];
        lblTitle.textAlignment = NSTextAlignmentCenter;
        lblTitle.font = [UIFont systemFontOfSize:12.0f];
        
        
        [self addSubview:igBarIcon];
        [self addSubview:lblTitle];
    }
    return self;
}
@end

(四)使用;

//删除现有的tabBar
    CGRect barRect = self.tabBar.bounds; //这里要用bounds来加, 否则会加到下面去.看不见
    if (!self.xnTabBar)
    {
        self.xnTabBar = [[XNTabBar alloc] init]; //设置代理必须改掉前面的类型,不能用UIView
        self.xnTabBar.seletedIndex = self.selectedIndex;
        self.xnTabBar.delegate = self; //设置代理
        self.xnTabBar.frame = barRect;
        self.xnTabBar.backgroundColor = kbgColor;
        [self.tabBar addSubview:self.xnTabBar];//添加到系统自带的tabBar上, 这样可以用的的事件方法. 而不必自己去写
        
        //为控制器添加按钮
        NSInteger count = self.viewControllers.count;
        for (int i = 0; i < count; i++)
        {
            //根据有多少个子视图控制器来进行添加按钮
            NSString *imageName = [NSString stringWithFormat:@"%@",[igArray objectAtIndex:i]];
            NSString *barButtonTitle = [NSString stringWithFormat:@"%@",[titleArray objectAtIndex:i]];
            UIImage *image = [UIImage imageNamed:imageName];
            
            CGFloat x = i * ceilf(CGRectGetWidth(barRect)/count);
            CGFloat y = 0;
            CGFloat width = ceilf(CGRectGetWidth(barRect)/count);
            CGFloat height = CGRectGetHeight(barRect);
            [self.xnTabBar addButtonWithImage:image selectedImage:nil barButtonTitle:barButtonTitle btnRect:CGRectMake(x, y, width, height)];
        }
    }


© 著作权归作者所有

共有 人打赏支持
麦兜卖鱼丸
粉丝 12
博文 69
码字总数 69333
作品 0
桂林
iOS工程师
IOS博客项目搭建-06-自定义TabBar

(一)、自定义TabBar 系统默认自带的底部TabBar ①、创建自定义IWTabBar,继承UIView类 创建IWTabBar.m //// IWTabBar.m// ItcastWeibo//// Created by kaiyi on 16-1-27.// Copyright (c) 2......

Corwien
2016/01/28
65
0
UITabBar的三种常用方法(两种自定义)即自动切换tabbar各个子控制器

在实际的项目开发中,凡是使用UITabBarController作为导航控制器的,在使用的过程中要注意三大问题点:1 UITabBarController添加子控制的方法 2 自定义的UITabBar的继承问题 3 自定义的UITab...

奋斗的青春年华
2016/07/19
64
0
关于UITabBar各部分自定义的代码片段

一、自定义TabBar选项卡背景 默认UITabBarController的TabBar背景是黑色的,如何自定义成背景图片呢? UITabBarController *tabBarController = [[UITabBarController alloc] init];// 获取选...

萨斯辈的呼唤
2014/08/13
0
0
自定义tabBar在push到下一个界面的时候实现隐藏

工作中用到了自定义tabBar,在其中隐藏掉了系统的tabBar,用view自定义r实现需要的功能。但接下来出现了问题,在我push到子页面的时候就出现了tabBar无法隐藏的问题,搞了半天终于成功隐藏!...

hungryBoy
2015/09/18
2.4K
1
自定义TabBar的隐藏

今天工作中用到了自定义tabBar,在其中隐藏掉了系统的tabBar,用view自定义一个tabBar,效果还挺好。接下来问题来了,在我push到子页面的时候就出现了tabBar无法隐藏的问题,搞了半天终于弄好...

海二少
2016/01/15
115
0
Xcode6.1 iOS8 导航控制器popToRootViewContriller问题,求大神指点啊

Xcode6.1 iOS8 导航控制器popToRootViewController 我自定义了一个tabBarController 系统的tabbar上面的UITabbarButton 删了, 吧自定义的tabbar加在了系统的tabbar上面,开始运行正常, 但是...

当你梦见什么
2015/07/24
139
0
你所不知道的UITabBarButton?

项目源码请查看我的GitHub项目地址: 阐述: 只要有一定开发经验的iOS攻城狮,只要你做过应用程序APP的开发,不可避免的都会用到UITabBarController, UITabBarController又称标签控制器 ,同样是管...

DXSmile_大熊
2016/02/19
18
0
杂(可能用到的零碎知识点)

UINavigationController当push的时候隐藏TabBar [controller setHidesBottomBarWhenPushed:YES]; 设置状态栏白色 要在info.plist添加View controller-based status bar appearance值为NO [[......

iShown
2016/02/23
52
0
iOS开发中标签控制器的使用——UITabBarController

iOS开发中标签控制器的使用——UITabBarController 一、引言 与导航控制器相类似,标签控制器也是用于管理视图控制器的一个UI控件,在其内部封装了一个标签栏,与导航不同的是,导航的管理方...

珲少
2015/11/13
0
0
完美结局iPhoneX自定义tabBar重影问题

对于iOS开发者来说,底部的tabBar通常都是需要自定义,因为系统自带的或多或少和我们要求的总有一点的出入。 在自定义tabBar后,通常做法就是移除系统的tabBar来防止出现重影的问题。 在iPh...

会飞的海豚哦
05/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

HFS

FS,它是一种上传文件的软件。 专为个人用户所设计的 HTTP 档案系统 - Http File Server,如果您觉得架设 FTP Server 太麻烦,那么这个软件可以提供您更方便的档案传输系统,下载后无须安装,...

garkey
11分钟前
0
0
STM 32 窗口看门狗

http://bbs.elecfans.com/jishu_805708_1_1.html https://blog.csdn.net/a1985831055/article/details/77404131...

whoisliang
昨天
0
0
Dubbo解析(六)-服务调用

当dubbo消费方和提供方都发布和引用完成后,第四步就是消费方调用提供方。 还是以dubbo的DemoService举例 -- 提供方<dubbo:application name="demo-provider"/><dubbo:registry address="z...

青离
昨天
1
0
iptables规则备份和恢复、firewalld的9个zone以及操作和service的操作

保存以及备份iptalbes规则 设定了的防火墙规则要进行保存,否则系统重启后这些规则就没有了,使用命令 ”service iptables save ” 会把设定好的防火墙规则保存到文件/etc/sysconfig/iptabl...

黄昏残影
昨天
0
0
k8s image

k8s.gcr.io/kube-apiserver-amd64:v1.11.0k8s.gcr.io/kube-controller-manager-amd64:v1.11.0k8s.gcr.io/kube-scheduler-amd64:v1.11.0k8s.gcr.io/kube-proxy-amd64:v1.11.0k8s.gcr.......

分秒
昨天
0
0
数据结构--排序

这篇博客包含了数据结构中多种的排序算法: (1)简单选择:第一趟在A[0]~A[n-1]之间找到最小的,与A[0]进行交换,之后在A[1]~A[n-1]之间进行。。。第i趟在A[i-1]~A[n-1]之间找到最小的,最后...

wangxuwei
昨天
1
0
一名3年工作经验的java程序员应该具备的职业技能

一名3年工作经验的Java程序员应该具备的技能,这可能是Java程序员们比较关心的内容。我这里要说明一下,以下列举的内容不是都要会的东西—-但是如果你掌握得越多,最终能得到的评价、拿到的薪...

老道士
昨天
2
0
MAC安装JDK

一 :在JDK官网下载对应的JDK版本 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 二:找到JDK安装目录,点击会出现图标,双击图标自动安装,勾选默...

WALK_MAN
昨天
0
0
关于MySQL卸载重新安装的问题 windows

大体上一共分为3步,那么我们就美其名曰——三步走搞定MySQL安装 为什么说3步呢,如果你非要计较说我一次就重新安装成功了,就当我没说,这些是说给那些经常安装失败的同学看的! 切记,如若...

yeahlife
昨天
0
0
Linux 技巧:让进程在后台可靠运行的几种方法

我们经常会碰到这样的问题,用 telnet/ssh 登录了远程的 Linux 服务器,运行了一些耗时较长的任务, 结果却由于网络的不稳定导致任务中途失败。如何让命令提交后不受本地关闭终端窗口/网络断...

mskk
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部