不得姐实战教程 02 配置tabbar

百思不得姐 项目实战
02 配置tabbar

1.打开ViewController.m 文件 单击右键

@interface
ViewController ()

@end

中 ViewController选择 Refactor 中Rename…重构类名为XMGTabBarController

 

2. 打开  XMGTabBarController.h将其父类修改为  UITabBarController

3.打开 XMGTabBarController.m

修改 viewDidLoad  方法：

- (void)viewDidLoad
{
    [super
viewDidLoad];
   
 
// 添加子控制器在tabbar控制器中创建控制器时就可以设置其tabBarItem的属性了
    UIViewController *vc01 = [[UIViewControlleralloc]
init];
    vc01.tabBarItem.title =@"精华";
    vc01.tabBarItem.image = [UIImageimageNamed:@"tabBar_essence_icon"];
    vc01.tabBarItem.selectedImage = [UIImageimageNamed:@"tabBar_essence_click_icon"];
   
    //富文本用于更改NSString的字体样式
    NSMutableDictionary *attrs = [NSMutableDictionarydictionary];
    attrs[NSFontAttributeName] = [UIFontsystemFontOfSize:12];
    attrs[NSForegroundColorAttributeName] = [UIColorgrayColor];
    [vc01.tabBarItem
setTitleTextAttributes:attrs forState:UIControlStateNormal];
   
    NSMutableDictionary *selectedAttrs = [NSMutableDictionarydictionary];
    selectedAttrs[NSFontAttributeName] = [UIFontsystemFontOfSize:12];
    selectedAttrs[NSForegroundColorAttributeName] = [UIColordarkGrayColor];
    [vc01.tabBarItem
setTitleTextAttributes:selectedAttrs forState:UIControlStateSelected];
   
    //选中tabBarItem后里面的图片文字会被自动蓝色渲染
    //   UIImage *image = [UIImageimageNamed:@"tabBar_essence_click_icon"];
    //   image = [imageimageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    //   vc01.tabBarItem.selectedImage = image;
   
    vc01.view.backgroundColor = [UIColorredColor];
   
    //addChildViewController是UIView的方法给控制器添加子控制器如果是普通控制器视图会被覆盖
    [self
addChildViewController:vc01];
   
    UIViewController *vc02 = [[UIViewControlleralloc]
init];
    vc02.tabBarItem.title =@"新帖";
    vc02.tabBarItem.image = [UIImageimageNamed:@"tabBar_new_icon"];
    vc02.tabBarItem.selectedImage = [UIImageimageNamed:@"tabBar_new_click_icon"];
    vc02.view.backgroundColor = [UIColorgrayColor];
    [vc02.tabBarItem
setTitleTextAttributes:attrs forState:UIControlStateNormal];
    [vc02.tabBarItem
setTitleTextAttributes:selectedAttrs forState:UIControlStateSelected];
    [self
addChildViewController:vc02];
   
    UIViewController *vc03 = [[UIViewControlleralloc]
init];
    vc03.tabBarItem.title =@"关注";
    vc03.tabBarItem.image = [UIImageimageNamed:@"tabBar_friendTrends_icon"];
    vc03.tabBarItem.selectedImage = [UIImageimageNamed:@"tabBar_friendTrends_click_icon"];
    vc03.view.backgroundColor = [UIColorgreenColor];
    [vc03.tabBarItem
setTitleTextAttributes:attrs forState:UIControlStateNormal];
    [vc03.tabBarItem
setTitleTextAttributes:selectedAttrs forState:UIControlStateSelected];
    [self
addChildViewController:vc03];
   
    UIViewController *vc04 = [[UIViewControlleralloc]
init];
    vc04.tabBarItem.title =@"我";
    vc04.tabBarItem.image = [UIImageimageNamed:@"tabBar_me_icon"];
    vc04.tabBarItem.selectedImage = [UIImageimageNamed:@"tabBar_me_click_icon"];
    vc04.view.backgroundColor = [UIColorblueColor];
    [vc04.tabBarItem
setTitleTextAttributes:attrs forState:UIControlStateNormal];
    [vc04.tabBarItem
setTitleTextAttributes:selectedAttrs forState:UIControlStateSelected];
    [self
addChildViewController:vc04];
}
 
4.打开AppDelegate.m文件

将self.window.rootViewController = [[ViewControlleralloc]
init];改为

 self.window.rootViewController = [[XMGTabBarControlleralloc]
init];

 

5.防止图片被渲染 还可以通过：

选中 Assets.xcassets/TabBar 下面的任意一副图片   在右侧切换到第三个视图 将 Render As 值改为 Original Image 修改后运行结果：