UITabBarController设置选中时图片和文字的颜色

在做标签栏时,美工会给出两套图。一种是正常状态的,一种是选中状态的。但是当我们设置图片时tabBarItem.selectedImage = [UIImage imageNamed:[NSString stringWithFormat:@”tabbar_%@_hl”,picArr[i]]] 发现并没有什么用!显示的还是系统默认的的颜色–蓝色(字也是蓝色的)。

这里写图片描述

1、若你是纯代码写的,那你应该这样写!(ps:继承自UITabBarController, 创建标签栏的方式有很多但是设置选中时的图片和字体颜色可参考下面)

//创建tabbar
- (void)createTabBar
{
    //试图数组
    NSArray* controllerArr = @[@"NewsViewController",@"PictureViewController",@"VideoViewController",@"MyViewController"];
    //标题数组
    NSArray* titleArr = @[@"哈哈",@"呵呵",@"嘿嘿",@"耶耶"];
    //图片数组
    NSArray* picArr = @[@"news",@"picture",@"video",@"setting"];

    NSMutableArray* array = [[NSMutableArray alloc]init];

    for(int i=0; i<picArr.count; i++)
    {
        Class cl=NSClassFromString(controllerArr[i]);

        UIViewController* controller = [[cl alloc]init];
        UINavigationController* nv = [[UINavigationController alloc]initWithRootViewController:controller];

        controller.title = titleArr[i];

        nv.tabBarItem.image = [[UIImage imageNamed:[NSString stringWithFormat:@"tabbar_%@",picArr[i]]] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
        //设置选中时的图片
        nv.tabBarItem.selectedImage = [[UIImage imageNamed:[NSString stringWithFormat:@"tabbar_%@_hl",picArr[i]]] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
        //设置选中时字体的颜色(也可更改字体大小)
        [nv.tabBarItem setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor redColor]} forState:UIControlStateSelected];

        [array addObject:nv];

    }
    //self.tabBar.tintColor = [UIColor redColor];
    self.viewControllers = array;
}

这样设置以后,效果如下。

这里写图片描述


2、当然现在可以用storyboard拖出来节省时间,但是你在这里设置选中时的图片也不会显示你给定的图片(还是系统默认的颜色)。

这里写图片描述

但是只要你在这里加一句话就行了

@implementation RootTabBarViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    //注意这里不能用 self.tabBarController.tabBar.tintColor
    self.tabBar.tintColor = [UIColor purpleColor];
}

这里写图片描述

注意: 这里有点取巧。因为图片是一个颜色,若美工给的选中时的图片包含几种颜色,那这样设置是错的! 至于有没有一种简单的方法显示图片而不是设置颜色,再让我找找。(也可以给我留言)

2017-08-07

3、若你即想用StoryBoard,又想显示UI给出的颜色渐变图,你可以用下面这用恶心的方法(脱线跳转特能用)。

//创建tabbar
- (void)createTabBar
{
    //试图数组
    NSArray* controllerArr = @[@"NewsViewController",@"PictureViewController",@"VideoViewController",@"MyViewController"];
    //标题数组
    NSArray* titleArr = @[@"哈哈",@"呵呵",@"嘿嘿",@"耶耶"];
    //图片数组
    NSArray* picArr = @[@"news",@"picture",@"video",@"setting"];

    NSMutableArray* array = [[NSMutableArray alloc]init];

    for(int i=0; i<picArr.count; i++)
    {
        UIViewController* controller = [[UIStoryboard storyboardWithName:@"Main" bundle:nil] instantiateViewControllerWithIdentifier:controllerArr[i]];
        UINavigationController* nv = [[UINavigationController alloc]initWithRootViewController:controller];

        controller.title = titleArr[i];

        nv.tabBarItem.image = [[UIImage imageNamed:[NSString stringWithFormat:@"tabbar_%@",picArr[i]]] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
        //设置选中时的图片
        nv.tabBarItem.selectedImage = [[UIImage imageNamed:[NSString stringWithFormat:@"tabbar_%@_hl",picArr[i]]] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
        //设置选中时字体的颜色(也可更改字体大小)
        [nv.tabBarItem setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor redColor]} forState:UIControlStateSelected];

        [array addObject:nv];

    }
    //self.tabBar.tintColor = [UIColor redColor];
    self.viewControllers = array;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值