博客> iOS tabbar根据后台设定(自定义tabbar)
iOS tabbar根据后台设定(自定义tabbar)
2020-01-20 14:27 评论:0 阅读:1219 香烟不灭
ios tabbar 自定义Tabbar
    最近公司让我们把APP的tabbar按钮写活,什么意思呢?就是读取后台数据,后台让你把哪个controller设置成tabbar,你就得在本地把哪个controller写成tabbar。总结为一句话:读取后台数据,设置tabbar。是不是看到这里懵逼了。是的当我听到这个消息的时候我也懵逼了。因为我所见过的所有用原生写的主流app,人家的tabbar都是写死的。但是老大说了,客户有这样的需求,必须实现。我只能硬着头皮去尝试了,而且我们的app里还有抽屉,抽屉和自定义的tabbar放在一起,可想而知会炸了,果然这东西花了我半个月时间。言归正传,下面我来介绍,如何根据后台数据写你的tabbar。

    对了提一个小建议:做项目的时候 最好建一个 基类,创建其他的控制器继承这个基类 ,基类很好用,也很方便。

1.遇到的问题:根据后台数据设定tabbar 那么这个数据请求肯定要写在APPdelegate 的 - (BOOL)application:(UIApplication )application didFinishLaunchingWithOptions:(NSDictionary )launchOptions 方法里 。只有拿到数据我们才能去设置tabbar 而 根视图 要设置成第一个tabbar的controller 且必须在- (BOOL)application:(UIApplication )application didFinishLaunchingWithOptions:(NSDictionary )launchOptions 方法里设定,不在该方法设定会报错。 那数据请求(我用的是ASI)是异步的,所以肯定会报错了。

解决的方法是:在

  • (BOOL)application:(UIApplication )application didFinishLaunchingWithOptions:(NSDictionary )launchOptions { } 方法里先设置一个空白的controller做为根视图,等到数据请求完成之后,根据后台数据设置tabbar ,再把第一个tabbar重新设置成根视图(注意:写在主线程里)。如果后台给的数据没有tabbar,那就把抽屉的第一条数据所对应的controller设置成根视图(这时候只有抽屉没有tabbar)。至于如何判断tabbar,那需要你和后台约定好字段,根据约定的字段去判断了,代码:

    解释: myfri就是 你判断后,得到要写成tabbar的conroller

    UIViewController *conTroll = myfri;

               UINavigationController *mainNAV = [[UINavigationController alloc] initWithRootViewController:conTroll];
    
        //存 未选中
          NSString *myStr = [NSString stringWithFormat:@"%@",[dicc objectForKey:@"app_btn_icon"]];
         NSString *str = [NSString stringWithFormat:@"tabbarIma%d@2x.png",i];
        [self mySaveImage:myStr andNumber:str];
    
        NSString *fullPath = [[NSHomeDirectory() stringByAppendingPathComponent:@"Documents"] stringByAppendingPathComponent:str];           
    
        //存 选中
        NSString *myStr1 = [NSString stringWithFormat:@"%@",[dicc objectForKey:@"app_btn_click_icon"]];
    
        NSString *str1 = [NSString stringWithFormat:@"tabbarImano%d@2x.png",i];
    
        NSString *fullPath1 = [[NSHomeDirectory() stringByAppendingPathComponent:@"Documents"] stringByAppendingPathComponent:str1];            
    
        [self mySaveImage:myStr1 andNumber:str1];
    
       //取
        UIImage *savedImage = [[UIImage alloc] initWithContentsOfFile:fullPath];
        UIImage *savedImage1 = [[UIImage alloc] initWithContentsOfFile:fullPath1];
    
        // tabbar 图片赋值
         mainNAV.tabBarItem.selectedImage = [savedImage1 imageWithRenderingMode:UIImageRenderingModeAutomatic];
         mainNAV.tabBarItem.image = [savedImage imageWithRenderingMode:UIImageRenderingModeAutomatic];
    
        NSLog(@"1111的%@",savedImage); 
    
        //tabbar 字体大小
        [mainNAV.tabBarItem setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:
                                      [UIFont fontWithName:@"Helvetica" size:12.0], NSFontAttributeName, nil]
                            forState:UIControlStateNormal];
    
        mainNAV.tabBarItem.title = [dicc objectForKey:@"app_btn_name"];
    
        mainNAV.tabBarItem.tag = 2222+i ;
    
        [arrtab addObject:mainNAV];

// 我自己定义的tabbar XTabbarViewController *tabbar = [[XTabbarViewController alloc]init];

tabbar.tabBar.tintColor = UIColorFromRGBA(0xe13836);

tabbar.viewControllers = arrtab;  

self.sideViewController = [[YRSideViewController alloc] init];  // YRSideViewController 是抽屉的三方 自己百度下载 这里我把它定义成了属性

// 用于 第一个tabbar 的数据切换 起始值为 0 表示下面的第一个tabbr 显示tabbar自己的数据,为 1 时显示左侧第一个栏目数据 [[NSUserDefaults standardUserDefaults] setObject:@"0" forKey:@"cutTabbar"]; //这个在左侧第一栏和tabbar之间切换时用

UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:self.sideViewController]; 

self.sideViewController.leftViewShowWidth = Width * 2.0 / 5.0 ;

self.sideViewController.needSwipeShowMenu = NO;

nav.navigationBarHidden = YES;

self.sideViewController.rightViewShowWidth = 300;

self.sideViewController.rootViewController = tabbar; //设置抽屉的根试图

self.sideViewController.leftViewController = leftVC; //设置 左侧抽屉的controller   leftVC里面写的是tableview 抽屉上一栏一栏的其实是这个tableview的cell

self.sideViewController.needSwipeShowMenu = NO;//默认开启的可滑动展示

self.window.rootViewController = nav;;  //把上面的nav设置成根视图

2.遇到的问题: 假如第一个tabbar对应的controller 和抽屉的第一栏所对应的controller不一样,那么抽屉的第一栏所对应的controller是无法显示的, 也就是说你点击左侧抽屉第一栏,永远显示的是第一个tabbar所对应的controller 这个问题困惑了我好久,一直找不到解决的办法,最后试了各种方法最终解决了。

解决的方法:创建一个controller做为父视图控制器,把它作为第一个tabbar 把左侧第一栏所对应的controller 和 第一个tabbar所对应的controller 作为子视图控制器 添加到父视图控制器上 代码:

 [self addChildViewController:self.tabbarVC]; //self.tabbarVC 表示的tabbar的controller

 [self.view addSubview:self.tabbarVC.view];

 self.currentVC = self.tabbarVC;  // self.currentVC 表示的是当前显示的controller

然后 在抽屉的第一栏的点击事件- (void)tableView:(UITableView )tableView didSelectRowAtIndexPath:(NSIndexPath )indexPath { // 点击左侧第一个 栏目 1 表示 切换下面的第一个tabbar [[NSUserDefaults standardUserDefaults] setObject:@"1" forKey:@"cutTabbar"]; [userDefaults synchronize]; 调用 [sideViewController hideSideViewController:YES]; 方法 } 在抽屉三方的 - (void)hideSideViewController:(BOOL)animated{ “发通知 ”}; 发消息通知 父视图控制器接收到通知 就去判断 父视图当前显示的视图是不是左侧的 controller 不是就切换成左侧controller 。 那如何切回原来tabbar的 controller呢? 很简单,同样在我们自定义的XTabbarViewController类的 的点击事件里 发消息通知 父视图控制器接收到通知 判断当前显示的controller 是不是tabbar 对应的controller ,不是就切换。父视图 消息中心执行代码: -(void)myNotification:(NSNotification )not { NSLog(@"childViewControllers === %@",self.childViewControllers); NSDictionary ddd =not.object; NSLog(@"取出 几 ? %@",not.object);

//0 代表 点击的是tabbar 1代表点击的是 左侧的栏目

if ([ddd[@"key"] integerValue] == 0) {

    NSLog(@"self.leftType == %@",self.leftType);

    NSString * childType = [NSString stringWithFormat:@"%@",[self.childViewControllers[0] class]] ;

    if ([childType isEqualToString:self.leftType]) {

        self.tabBarController.tabBar.tintColor = UIColorFromRGBA(0xe13836);; //切换成tabbar的颜色

        [self replaceController:self.leftVC newController:self.tabbarVC];

    }else{

    }
}else if([ddd[@"key"] integerValue] == 1){

   NSString *nub =  [[NSUserDefaults standardUserDefaults] objectForKey:@"cutTabbar"];

    NSLog(@"cutTabbar == %@",nub);
    if ([nub integerValue] == 1) {

        NSString * childType = [NSString stringWithFormat:@"%@",[self.childViewControllers[0] class]] ;

        self.tabBarController.tabBar.tintColor = UIColorFromRGBA(0x999999); //显示的是左侧抽屉controller 切换成回颜色

        if ([childType isEqualToString:self.tabbarType]) {

            [self replaceController:self.tabbarVC newController:self.leftVC];
        }else{

            NSLog(@"不一样");

        }

        // 切换了第一个tabbar的数据后 重置这个值 否则点击回到左侧抽屉时,即便不点击左侧第一个栏目也会切换成左侧第一个栏目
        [[NSUserDefaults standardUserDefaults] setObject:@"0" forKey:@"cutTabbar"];

    }
 }else{
     self.tabBarController.tabBar.tintColor = UIColorFromRGBA(0xe13836);
}

} // 切换各个标签内容

  • (void)replaceController:(UIViewController )oldController newController:(UIViewController )newController { /**

    • 着重介绍一下它
    • transitionFromViewController:toViewController:duration:options:animations:completion:
    • fromViewController 当前显示在父视图控制器中的子视图控制器
    • toViewController 将要显示的姿势图控制器
    • duration 动画时间(这个属性,old friend 了 O(∩_∩)O)
    • options 动画效果(渐变,从下往上等等,具体查看API)
    • animations 转换过程中得动画
    • completion 转换完成 */

    if ([newController isKindOfClass:[oldController class]] ) {

    }else{

    [self addChildViewController:newController];

    [self transitionFromViewController:oldController toViewController:newController duration:0.5 options:UIViewAnimationOptionTransitionCrossDissolve animations:nil completion:^(BOOL finished) {
    
        if (finished) {
    
            [newController didMoveToParentViewController:self];
            [oldController willMoveToParentViewController:nil];
            [oldController removeFromParentViewController];
            self.currentVC = newController;
    
        }else{
    
            self.currentVC = oldController;
    
        }
    }];

    } }

3.遇到的问题: 我们都知道tabbar的图片设置是 在本地放几张图片,名字要写成“xxx@2.png” 用 [UIImage imageNamed:] 去设置,为什么要把名字写成这样呢?自己百度一下。然而我们的tabbar根据后台设定了,那他的图片不可能放到我们本地吧,所以要用后台给的图片网址去设置了。这个问题也是搞了好久,我用【UIImage imageWithData:】,然后处理了一下大小 图片是可以显示上去,但是一直很模糊。最后想到用沙盒存储,终于解决了这个问题 。存的 代码:

        NSString *str = [NSString stringWithFormat:@"tabbarIma%d@2x.png",i];// i表示的是第几个tabbar

        NSString *fullPath = [[NSHomeDirectory() stringByAppendingPathComponent:@"Documents"]stringByAppendingPathComponent:str];

        BOOL haveImageFile =  [Tools toolsOfHasLibraryPathName:fullPath];
        NSLog(@"fullPath == %@   本地有路径吗 = %hhd",fullPath,haveImageFile);

        if (!haveImageFile) {
            [self mySaveImage:myStr andNumber:str];

        }

-(void)mySaveImage:(NSString *)urlString andNumber:(NSString *)strnum
  {
       //    NSString *urlString = @"http://rmt.oss-cn-hangzhou.aliyuncs.com/public/icontest02.png";
        NSData *data = [NSData dataWithContentsOfURL:[NSURL  URLWithString:urlString]];
        UIImage *image = [UIImage imageWithData:data]; // 取得图片

    // 本地沙盒目录
   // 得到本地沙盒中名为"MyImage"的路径,"MyImage"是保存的图片名
    //    NSString *strnum = [NSString stringWithFormat:@"%@@2x.png",number];
    NSString *imageFilePath = [[NSHomeDirectory() stringByAppendingPathComponent:@"Documents"] stringByAppendingPathComponent:strnum];
  // 将取得的图片写入本地的沙盒中,其中0.5表示压缩比例,1表示不压缩,数值越小压缩比例越大
   NSLog(@"图片路径 == %@",imageFilePath);
   BOOL success = [UIImagePNGRepresentation(image) writeToFile:imageFilePath  atomically:YES];
   if (success){
    NSLog(@"写入本地成功");

  }

}

取图片的代码:

UIImage *savedImage = [[UIImage alloc] initWithContentsOfFile:fullPath]; //未选中图片

UIImage *savedImage1 = [[UIImage alloc] initWithContentsOfFile:fullPath1]; //选中图片

         mainNAV.tabBarItem.selectedImage = [savedImage1  imageWithRenderingMode:UIImageRenderingModeAutomatic];

         mainNAV.tabBarItem.image =  [savedImage imageWithRenderingMode:UIImageRenderingModeAutomatic];

其实利用沙盒 ,无非就是为了存储的时候可以给图片 赋一个"xxx@2x"的名字

4.遇到的问题: 消息推送的跳转

以前写死的tabbar的app里 假如你把消息推送的跳转写在 第一个tabbar的controller上 ,那你的当前界面如果在其他tabbar里收到了通知,你点击查看,是不是跳转不过去,除非你在点击事件里改变tabbar的索引为0。 那我们的tabbar都写活了,你都不知道哪个controller要被设置成第一个tabbar,所以这种方法无法解决 。找了一些资料 看了看,发现基类可以解决,而且都不需要去改变tabbar的索引,试了一下果然可以。我顿时对基类这个东西刮目相看了。

解决的方法: 在基类里 写:

-(void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(notificationToNewsDetail:) name:@"skipToNewsDetail" object:nil]; }

-(void)viewDidDisappear:(BOOL)animated{ [super viewWillDisappear:animated]; [[NSNotificationCenter defaultCenter] removeObserver:self name:@"skipToNewsDetail" object:nil]; }

  • (void)notificationToNewsDetail:(NSNotification *)noti { // [self tabbarchange];

    NSMutableDictionary dic =(NSMutableDictionary )noti.userInfo;

    NSString *myKey =[NSString stringWithFormat:@"%@",[ dic objectForKey:@"info_key"]];

    NSLog(@"推送过来的,东西%@",dic);

    if (STRING_ISNIL(myKey)) {

    }

    else{

    NewsJSViewController  * newsVC = [[NewsJSViewController  alloc]init];
    newsVC.keyString = myKey;
    
    newsVC.typeString=[NSString stringWithFormat:@"%@",[dic objectForKey:@"info_class"]];
    newsVC.dictionary=dic;
    
    newsVC.hidesBottomBarWhenPushed = YES;
    
    [self.navigationController pushViewController:newsVC animated:YES];

    } }

发通知的地方 当然是appdelegate 的

  • (void)application:(UIApplication )application didReceiveRemoteNotification:(NSDictionary )userInfo{ userInfo 里面是推送过来的数据 你可以在这里写一个 alertController 在他的确定时间里 写你的发送通知的代码。 }

5. 遇到的问题 里面还会遇到一些小的问题,比如每一个controller的 布局问题, 如果这个controller被设置成tabbar了 那么它里面的 tableview或者collectionView 的fram 的高度是不是 要减去49 。这个需要在controller里做判断的。等等一些小问题 就不一一列举了。****

总结:说的很混乱,其实说的只是一个大致思路,有时候就怕没思路,初学者可能看起来费劲,不过对tabbar和抽屉有一定了解的童鞋 应该都能看懂。里面有不对的地方望指正。谢谢!

收藏
0
sina weixin mail 回到顶部