定制UITabbar样式

最新推荐文章于 2024-04-09 16:48:37 发布

MapleLover

最新推荐文章于 2024-04-09 16:48:37 发布

阅读量424

点赞数

分类专栏： IOS开发文章标签： UITabbar IOS

本文链接：https://blog.csdn.net/qqqqgmd/article/details/48654027

版权

IOS开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、背景颜色

_tabbar.barTintColor = [UIColor blueColor];

2、顶部阴影线，新建UITabbar扩展类

- (void)layoutSubviews
{
    [super layoutSubviews];
    
    if (self.shadowColor)
    {
        self.topLineView.backgroundColor = self.shadowColor;
    }
}

- (UIView *)topLineView
{
    UIView *view = nil;
    for (UIView *subview in self.subviews)
    {
        if (subview.top < 0
            && [subview isKindOfClass:[UIImageView class]])
        {
            view = subview;
            break;
        }
    }
    return view;
}

3、选中项颜色

_tabbar.selectedImageTintColor = [UIColor redColor];

4、默认图标，使用原图

    UIImage *selectedImage = [UIImage imageNamed:@"menu_home"];
    UIImage *defaultImage = [selectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    UITabBarItem *item1 = [[UITabBarItem alloc] initWithTitle:@"首页"
                                                        image:defaultImage
                                                selectedImage:selectedImage];

5、标题样式修改，还可定制其他属性，参考NSAttributedString.h

+ (void)load
{
    NSDictionary *attributes = @{
                                 NSForegroundColorAttributeName: [UIColor colorWithHexValue:0xaeaeae]
                                 };
    [[UITabBarItem appearance] setTitleTextAttributes:attributes forState:UIControlStateNormal];
    
    attributes = @{
                   NSForegroundColorAttributeName: [UIColor colorWithHexValue:0xff8eba]
                   };
    [[UITabBarItem appearance] setTitleTextAttributes:attributes forState:UIControlStateSelected];
}