【iOS发展-28】制造业UITabBarController标记控制器、定制UITabBarItem文字图像6途径和More评论
一个、一个简单的制作过程(实际工程中不建议这样的方式,不要只展示所用原理的理解)
在AppDelegate.m在:
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
//创建一个到导航控制器
UIViewController *vc1=[[UIViewController alloc]init];
UINavigationController *nav1=[[UINavigationController alloc]initWithRootViewController:vc1];
nav1.title=@"首页";
//创建三个视图控制器
UIViewController *vc2=[[UIViewController alloc]init];
vc2.title=@"收藏";
UIViewController *vc3=[[UIViewController alloc]init];
vc3.title=@"搜索";
UIViewController *vc4=[[UIViewController alloc]init];
vc4.title=@"设置";
//创建一个数组把上面1个导航控制器和3个视图控制器的实例都装进去
NSArray *arr1=[[NSArray alloc]initWithObjects:nav1,vc2,vc3,vc4, nil];
//先实例化一个UITabBarController,然后把上面那个数组赋值给它的viewControllers属性
UITabBarController *tb1=[[UITabBarController alloc]init];
tb1.viewControllers=arr1;
//最重要的是把上面实例化的标签控制器赋值给self.window的rootViewController,这样才干显示,和之前说的导航控制器显示是一样的
self.window.rootViewController=tb1;
// Override point for customization after application launch.
return YES;
}
执行效果:
二、注意事项
(1)以上直接把数组赋值给标签控制器实例的viewControllers属性。而一般在做项目时不这样做,以上仅仅是演示整个原理实现的过程。
(2)UITabBarController有两个子视图,一个是UITabBar部分。它里面放得时UITabBarItem就是以下四个切换的标签那一块。还有一个是内容部分,就是几个视图。我们点击不同的标签,就会切换显示不同的视图。所以我们载入视图控制器的话,可能在针对视图那一块进行改动。而定制标签的话,是针对UITabBarItem进行改动。
(3)尺寸。UITabBarItem有图片icon也有文字,图片是50*50。详细的參数,点击这里。
三、UITabBarItem属性介绍及6种创建方式
我们创建了6个视图控制器,然后把它们的头文件导入进来。所以在AppDelegate.m文件里:
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
//第一种方式:通过导航控制器的tabBarItem来调用image属性
ViewController *vc0=[[ViewController alloc]init];
UINavigationController *nav0=[[UINavigationController alloc]initWithRootViewController:vc0];
//用nav0.tabBarItem.title=@"界面1";来赋值标题时用.title取值取不到。
//用下面方式赋值标题,能够用.tabBarItem.title取值,可是下面方式直接把navigationItem.title也一并赋值了
//优先使用下面的方法
nav0.title=@"界面1";
//赋值图片
nav0.tabBarItem.image=[UIImage imageNamed:@"Slice@1x.png"]; //另外一种方式:通过视图控制器的tabBarItem使用setFinishedSelectedImage方法。设置选中未选中图片状态
//只是这样的方法貌似不被推荐不能使用了,在iOS7中已被抛弃
//所以推荐使用initWithTitle:image:selectedImage:这个初始化方法
ViewController1 *vc1=[[ViewController1 alloc]init];
//vc1.title=@"界面2";
//[vc1.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"1@1x.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"1-selected@1x.png"]];
UITabBarItem *tb0=[[UITabBarItem alloc]initWithTitle:@"界面2" image:[UIImage imageNamed:@"Slice@1x.png"] selectedImage:[UIImage imageNamed:@"Slice-selected@1x.png"]];
vc1.tabBarItem=tb0; //第三种方式:通过视图控制器的tabBarItem来调用image属性
ViewController2 *vc2=[[ViewController2 alloc]init];
vc2.title=@"界面3";
vc2.tabBarItem.image=[UIImage imageNamed:@"Slice@1x.png"]; //第四种方式:设置徽标,badgeValue是tabBarItem的一个属性,值是字符串
ViewController3 *vc3=[[ViewController3 alloc]init];
vc3.title=@"界面4";
vc3.tabBarItem.image=[UIImage imageNamed:@"Slice@1x.png"];
vc3.tabBarItem.badgeValue=@"6"; //第五种方式:通过先设置一个系统自带的UITabBarItem,再把它赋值给视图控制器的tabBarItem
//用这样的方式创建后。再设置.title或者.tabBarItem.Image就不起作用了
ViewController4 *vc4=[[ViewController4 alloc]init];
UITabBarItem *tb1=[[UITabBarItem alloc]initWithTabBarSystemItem:UITabBarSystemItemFavorites tag:0];
vc4.tabBarItem=tb1; //第六种方式:通过先初始化一个带有标题和图片的UITabBarItem,然后把它赋值给视图控制器的tabBarItem
//相当于分别对.title和.tabBarItem.image进行设置,效果是相似的
//这样的方式不推荐使用
ViewController5 *vc5=[[ViewController5 alloc]init];
UITabBarItem *tb2=[[UITabBarItem alloc]initWithTitle:@"界面6" image:[UIImage imageNamed:@"Slice@1x.png"] tag:1];
vc5.tabBarItem=tb2; //下面是整一个数组装上面的那些个,然后初始化一个UITabBarController再把数组赋值给UITabBarController的viewControllers属性
//最后别忘了,把window的根视图控制器改动一下
NSArray *arr2=[[NSArray alloc]initWithObjects:nav0,vc4,vc1,vc3,vc2,vc5, nil];
UITabBarController *tbCon1=[[UITabBarController alloc]init];
tbCon1.viewControllers=arr2;
self.window.rootViewController=tbCon1; // Override point for customization after application launch.
return YES;
}
(1)tabbar的图标仅仅能显示5个。多于5个则统统归置到more里面,这个more事系统自带的图标。
(2)主要由两种方式:一种是直接在利用已有的导航控制器或者视图控制器的.title和.tabBarItem.image属性来设置文字和图片。另一种是先创建一个UITabBarItem(文字未选中图片选中图片等)然后把这个UITabBarItem赋值给导航控制器或者视图控制器的.tabBarItem属性。
(3)推荐使用另外一种方法,由于它在创建UITabBarItem时能够一次性的把文字、选中图片、未选中图片等不同状态都定义出来。
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2Vpc3ViYW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">
四、关于tabbar上得More
(1)当标签多余5个时,标签控制器会自己主动创建一个moreNavigationController。即我们点击More。它是一个导航控制器。
(2)点击More之后我们能够点击编辑。然后通过拖动相应的图标来又一次排列它们的显示顺序。
五、关于英文和中文语言的问题
我们上面的More和Edit都是英文。怎样显示成中文呢?须要用到本地化。
该程序默认仅仅提供英文一种语言,所以无论用户手机设置成什么语言,仅仅要涉及到系统自带的文字都会是英文。我们须要给程序设置成两种语言(中文和英文)。这样程序会依据用户手机的语言设置显示对应的语言。
方法:在Info.plist中添加一个Localizations,并给这个Localizations添加一个选项是中文简体(默认仅仅有英文)。
如此。打完收工!
(假设你的文字仍然是英文,那么点击CMD+SHIFT+H回主界面,然后Setting转到模拟器语言可以设置为简体中国)
版权声明:本文博客原创文章,博客,未经同意,不得转载。
【iOS发展-28】制造业UITabBarController标记控制器、定制UITabBarItem文字图像6途径和More评论的更多相关文章
- iOS学习28之UITabBarController
1. 标签视图控制器 -- UITabBarController 视图(UIView) ---> 图层 ---> 子视图 视图控制器(UIViewController) ---> 管 ...
- iOS:切换视图的第三种方式:UITabBarController标签栏控制器
UITabBarController:标签栏控制器 •通过设置viewControllers属性或者addChildViewController方法可以添加子控制器 –NSArray *viewCon ...
- iOS开发UI篇—UITabBarController生命周期(使用storyoard搭建)
iOS开发UI篇—UITabBarController生命周期(使用storyoard搭建) 一.UITabBarController在storyoard中得搭建 1.新建一个项目,把storyb ...
- iOS开发UI篇—UITabBarController简单介绍
iOS开发UI篇—UITabBarController简单介绍 一.简单介绍 UITabBarController和UINavigationController类似,UITabBarControlle ...
- iOS发展 - 使用您自己的自定义字体
一位同事问我最后一次,XXapp字体如何萌啊? 我也想提出萌哒哒的字体!然后,今天有这blog. 首先,我们正处于iOS发展,苹果给了我们很多的字体,当然,我就不一一列举在这里,英文,小汤表示看不懂啦 ...
- UITabBarController 标签栏控制器
接上篇导航控制器UINavigationController 接下来是UITabBarController 标签栏控制器 先来看一下UITabBarController的结构 从图上可以看出控制器分为 ...
- iOS:给标签栏控制器的UITabbarItem添加点击动效
一.介绍 现在很多app,附带很炫的点击效果,让用户享受到非常棒的体验,例如动画.渐变.音效等. 当然,市面上大多数app的标签栏点击还是挺中规中矩的,只是切换图片而已.然而,这个是可以优化的,附带点 ...
- iOS 11开发教程(八)定制iOS11应用程序图标
iOS 11开发教程(八)定制iOS11应用程序图标 在图1.9中可以看到应用程序的图标是网状白色图像,它是iOS模拟器上的应用程序默认的图标.这个图标是可以进行改变的.以下就来实现在iOS模拟器上将 ...
- 项目架构(结构)搭建:主流结构(UITabBarController + 导航控制器)
/* 项目架构(结构)搭建:主流结构(UITabBarController + 导航控制器) -> 项目开发方式 1.storyboard 2.纯代码 */ @interface AppDele ...
随机推荐
- django 带參数的 url
url就像筋络一样把django这个大框架的各个部分紧紧的连接成一个总体,所以要了解django从url開始是一个不错的方向. 一般的view template url的关系这里就不讲了,以下会具体介 ...
- 【Android开发经验】Android举UI设计经验
转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 1.Android眼下的主流设备分辨率为480×800.720×1280.1080×1920,单位是像素.在 ...
- Easy 2048 Again - ZOJ 3802 像缩进dp
Easy 2048 Again Time Limit: 2 Seconds Memory Limit: 65536 KB Dark_sun knows that on a single-tr ...
- 【Cocos2d-x】源代码分析之 2d/ui/Widget
从今天開始 咱也模仿 红孩儿这些大牛分析源代码 ,因为水平有限 不正确之处欢迎狂喷.哈哈. #ifndef __UIWIDGET_H__ #define __UIWIDGET_H__ #include ...
- Java自定义比较器Comparator
1.数字排序 奇数在前,偶数在后.奇数降序,偶数升序.输入:"0,1,2,3,4,5,6,7,8,9" 输出:"9,7,5,3,1,0,2,4,6,8&q ...
- jquery处理页面元素
处理父级页面中的元素 $(parent.document).find('#hidSendPerson').val(val);$(parent.document).find('#btnGo').clic ...
- Zygote过程【3】——SystemServer诞生
欢迎转载.转载请注明:http://blog.csdn.net/zhgxhuaa 在ZygoteInit的main()方法中做了几件大事.当中一件便是启动Systemserver进程.代码例如以下: ...
- 乐在其中设计模式(C#) - 观察者模式(Observer Pattern)
原文:乐在其中设计模式(C#) - 观察者模式(Observer Pattern) [索引页][源码下载] 乐在其中设计模式(C#) - 观察者模式(Observer Pattern) 作者:weba ...
- Android 角色时间戳
我是在用MediaRecorder进行录像时发生视频和音频不同步的问题,请教了一些人后感觉应该是没有时间戳,之前一直觉得时间戳就是给用户看的一个数据,查了一下发现不是的,以下是转载的.希望对大家实用: ...
- 基于Spring + Spring MVC + Mybatis 高性能web构建
基于Spring + Spring MVC + Mybatis 高性能web构建 一直想写这篇文章,前段时间 痴迷于JavaScript.NodeJs.AngularJs,做了大量的研究,对前后端交互 ...