UITabBarItem的image/selectedImage/title

国内应用的比较流行风格是由一个UITabBarController来控制不同的板块。很多应用因为营销的关系需要随着各个时间段的不同而调整UITabBarController里面的各个Controller对应的tabBarItem的image/selectedImage/title。例如:饿了么,淘宝,优酷....

实现如下:

1.创建一个继承UITabBarController的子类->>RFTabBarController;

2.在RFTabBarController的.m文件中重写方法- (void)viewDidLoad;
在- (void)viewDidLoad;中初始化它管理的各个控制器对应的tabBarItem。

3.初始化要用下面这个方法:

UITabBarItem *item1 = [[UITabBarItem alloc]
initWithTitle:@"VC1" image:[[UIImage imageNamed:@"VC1_icon"] 
imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] 
selectedImage:[[UIImage imageNamed:@"VC1_seleted_icon"] 
imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];

然后用同样的方法初始化其他几个控制器的tabBarItem;

当需要修改tabBarItem的image/selectedImage/title时,这些材料从哪里来?

有些应用在发布之前已经计划好未来会使用到什么样的图片,他们会直接把文件放到项目的图片文件夹中,但是更多的情况是,应用的运营者并不知道未来会使用到什么图片和标题。

这个时候就需要结合服务器,当应用需要更改tabBarItem的image/selectedImage/title时,服务器就发一个包给客户端,客户端收到包后,读取其中配置文件的数据set到一个自定义的专门用于配置UITabBarController的各个控制器对应的tabBarItem的image/selectedImage/title属性的类中。

例如可以封装一个模型类:RFTabbarItemsModel


/**标签栏背景图片宽度:320*/
@property (nonatomic,strong) NSString *tabbarBgImage320Path;
/**标签栏背景图片宽度:375*/
@property (nonatomic,strong) NSString *tabbarBgImage375Path;
/**标签栏背景图片宽度:540*/
@property (nonatomic,strong) NSString *tabbarBgImage540Path;

@property (nonatomic,strong) NSString *kuControlImagePath;
@property (nonatomic,strong) NSString *kuControlUnselectImagePath;

@property (nonatomic,strong) NSString *serviceImagePath;
@property (nonatomic,strong) NSString *serviceUnselectImagePath;

@property (nonatomic,strong) NSString *findImagePath;
@property (nonatomic,strong) NSString *findUnselectImagePath;

@property (nonatomic,strong) NSString *mineImagePath;
@property (nonatomic,strong) NSString *mineUnselectImagePath;

/**四个标签的标题*/
@property (nonatomic,strong) NSString *title1;
@property (nonatomic,strong) NSString *title2;
@property (nonatomic,strong) NSString *title3;
@property (nonatomic,strong) NSString *title4;

5.在RFTabBarController的.m文件中声明一个用户修改tabBarItem的image/selectedImage/title的方法

#pragma mark 监听通知修改tabbar的样式
-(void)changeTabbarStyle{
    
    RFTabbarItemsModel *skinTemplate = [RFTabbarItemsModel sharedRFTabbarItemsModel];
    if (VIEW_BOUNDS.width == 320) {
        //se屏幕
        self.tabBar.backgroundImage = [UIImage imageWithContentsOfFile:skinTemplate.tabbarBgImage320Path];
    }else if (VIEW_BOUNDS.width == 375){
        //iphone6屏幕
        self.tabBar.backgroundImage = [UIImage imageWithContentsOfFile:skinTemplate.tabbarBgImage375Path];
    }else{
        self.tabBar.backgroundImage = [UIImage imageWithContentsOfFile:skinTemplate.tabbarBgImage540Path];
    }
    
    self.tabBar.tintColor = [UIColor colorWithRed:skinTemplate.tabbarSelectColorR green:skinTemplate.tabbarSelectColorG blue:skinTemplate.tabbarSelectColorB alpha:1];
    

    self.yunkongzhiItem.image = [[UIImage imageWithContentsOfFile:skinTemplate.kuControlUnselectImagePath] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    self.yunkongzhiItem.selectedImage = [[UIImage imageWithContentsOfFile:skinTemplate.kuControlImagePath] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    self.yunkongzhiItem.title = skinTemplate.title1;
    
    self.carItem.image = [[UIImage imageWithContentsOfFile:skinTemplate.serviceUnselectImagePath] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    self.carItem.selectedImage = [[UIImage imageWithContentsOfFile:skinTemplate.serviceImagePath] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    self.carItem.title = skinTemplate.title2;
    
    self.infoItem.image = [[UIImage imageWithContentsOfFile:skinTemplate.findUnselectImagePath] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    self.infoItem.selectedImage = [[UIImage imageWithContentsOfFile:skinTemplate.findImagePath] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    self.infoItem.title = skinTemplate.title3;
    
    self.mineItem.image = [[UIImage imageWithContentsOfFile:skinTemplate.mineUnselectImagePath] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    self.mineItem.selectedImage = [[UIImage imageWithContentsOfFile:skinTemplate.mineImagePath] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    self.mineItem.title = skinTemplate.title4;

}

UITabBarItem的image/selectedImage/title

推荐阅读更多精彩内容