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.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;
}

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

UITabBarController设置选中时图片和文字的颜色_第1张图片


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

UITabBarController设置选中时图片和文字的颜色_第2张图片

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

@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.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;
}

你可能感兴趣的:(iOS开发)