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;
}
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以在tabbarviewcontroller的viewDidLoad方法中添加以下代码来实现: ``` // 创建5个视图控制器 let xVC = XViewController() let yVC = YViewController() let zVC = ZViewController() let mVC = MViewController() let nVC = NViewController() // 创建5个导航控制器,并将对应的视图控制器设置为根视图控制器 let xNav = UINavigationController(rootViewController: xVC) let yNav = UINavigationController(rootViewController: yVC) let zNav = UINavigationController(rootViewController: zVC) let mNav = UINavigationController(rootViewController: mVC) let nNav = UINavigationController(rootViewController: nVC) // 设置选中图片选中图片 xNav.tabBarItem = UITabBarItem(title: "X", image: UIImage(named: "unselectedImage"), selectedImage: UIImage(named: "selectedImage")) yNav.tabBarItem = UITabBarItem(title: "Y", image: UIImage(named: "unselectedImage"), selectedImage: UIImage(named: "selectedImage")) zNav.tabBarItem = UITabBarItem(title: "Z", image: UIImage(named: "unselectedImage"), selectedImage: UIImage(named: "selectedImage")) mNav.tabBarItem = UITabBarItem(title: "M", image: UIImage(named: "unselectedImage"), selectedImage: UIImage(named: "selectedImage")) nNav.tabBarItem = UITabBarItem(title: "N", image: UIImage(named: "unselectedImage"), selectedImage: UIImage(named: "selectedImage")) // 设置选中选中的tab文字颜色更换 UITabBarItem.appearance().setTitleTextAttributes([NSAttributedString.Key.foregroundColor: UIColor.gray], for: .normal) UITabBarItem.appearance().setTitleTextAttributes([NSAttributedString.Key.foregroundColor: UIColor.blue], for: .selected) // 将5个导航控制器添加到tabbarviewcontroller中 self.viewControllers = [xNav, yNav, zNav, mNav, nNav] ``` 这样就可以实现在tabbarviewcontroller文件里添加一个uinavigantioncontroller,点击不同的item,实现未选中图片选中图片的切换、未选中选中的tab文字颜色更换,且能跳转到不同的viewcontroller文件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值