最近公司让我们把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里做判断的。等等一些小问题 就不一一列举了。****
网友评论