iOS开发--一些UITabBarItem属性的设置 - 简书
iOS开发--一些UITabBarItem属性的设置
1.改变UITabBarItem 字体颜色[[UITabBarItemappearance]setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColorwhiteColor],UITextAttributeTextColor,nil]forState:UIControlStateNormal];[[UITabBarItemappearance]setTitleTextAttributes:[NSDictionarydictionaryWithObjectsAndKeys:[UIColorcolorWithHexString:"#00C8D3"],UITextAttributeTextColor,nil]forState:UIControlStateSelected];
设置tabbarItem选中的颜色为红色
2.改变UITabBarItem 字体颜色和大小[[UITabBarItem appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColor blackColor], NSForegroundColorAttributeName, [UIFont fontWithName:@"Helvetica" size:12.0f],NSFontAttributeName,nil] forState:UIControlStateNormal];[[UITabBarItem appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColor redColor], NSForegroundColorAttributeName, [UIFont fontWithName:@"Helvetica" size:12.0f],NSFontAttributeName,nil] forState:UIControlStateSelected];
设置UITabBarItem 字体颜色和大小
这里需要注意的是在设置字体的时候要选择支持中文的字体，不然的话修改字号是无效的，比如字体设置成“ProximaNova-Semibold”，这种字体本身只支持英语的，不支持中文所以使用该字体并不能调整字体大小3.改变UITabBarItem的选中和非选中图片UINavigationController *nav1 = [[UINavigationController alloc] initWithRootViewController:[[ServiceProviderViewController alloc] init]];nav1.tabBarItem.image = [ImageNamed(@"tabicon1_unselect") imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];nav1.tabBarItem.selectedImage = [ImageNamed(@"tabicon1_select") imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];nav1.tabBarItem.title = @"服务商";
改变UITabBarItem的选中和非选中图片
4.改变UITabBarController的颜色UIView*mView=[[UIViewalloc]initWithFrame:CGRectMake(0,0,320,48)];//这是整个tabbar的颜色[mViewsetBackgroundColor:[UIColorcolorWithPatternImage:[UIImageimageNamed:@"tabbar.png"]]];[tab.tabBarinsertSubview:mViewatIndex:1];mView.alpha=0.8;
设置UITabBar的颜色
5.如何隐藏系统自带的tabbar有时候有的页面并不需要显示tabbar，但是返回的时候要显示tabbar，举个例子A-&B 当A push到 B 时需要设置self.navigationController.hidesBottomBarWhenPushed= YES;
A页面的设置
同时在B页面要- (void)viewWillAppear:(BOOL)animated{[superviewWillAppear:animated];self.tabBarController.tabBar.hidden=YES;}- (void)viewWillDisappear:(BOOL)animated{[superviewWillDisappear:animated];self.tabBarController.tabBar.hidden=NO;}
设置进到页面时隐藏，退出页面时不隐藏
iOS工程师、前端工程师iMAG移动应用开发指南
标签栏控件，通常放在顶部用来切换多个
标签栏标签
通常放在顶部用来切换多个
bottom样式，包括：
controlContents
是否控制Contents控件的切换：
true:控制切换，默认值
false:不控制切换
scrollable
设置是否允许标签页左右滑动：
true:允许滑动，默认值
false:不允许滑动
css(name:String)
name:样式名称
根据样式名称得到样式的值
css(name:String, value:String)
name:样式名称
value:样式值
设置单个样式
css(style:String)
style:样式文本，多个样式用分号分隔
设置多个样式
css(style:Object)
style:样式对象，键值对形式
设置多个样式
add(item:Object)
item:TabbarItem对象
添加一个item
remove(item:Object)
content:TabbarItem对象
移除一个item
移除Tabbar中所有的item
TabbarItem
菜单项子标签
显示菜单项
是否是当前的item，取值：
true:当前的item
false:非当前的item，默认值
Javascript
切换TabbarItem时触发的脚本事件
● 用Tabbar控制Contents切换
&?xml version="1.0" encoding="utf-8"?&
&label&Tabbar&/label&
&item label="头条"&&/item&
&item label="体育"&&/item&
&item label="娱乐"&&/item&
&item label="财经"&&/item&
&item label="科技"&&/item&
&item label="时尚"&&/item&
&item label="汽车"&&/item&
&contents id="contents"&
&content style="background:white"&
&label&头条&/label&
&/content&
&content style="background:blue"&
&label&体育&/label&
&/content&
&content style="background:green"&
&label&娱乐&/label&
&/content&
&content style="background:yellow"&
&label&财经&/label&
&/content&
&content style="background:gray"&
&label&科技&/label&
&/content&
&content style="background:red"&
&label&时尚&/label&
&/content&
&content style="background:brown"&
&label&汽车&/label&
&/content&
&/contents&
Tabbar默认会控制Contents的切换，可以设置controlContents="false"来取消对Contents的控制。
● 设置Tabbar样式
&?xml version="1.0" encoding="utf-8"?&
&label&Tabbar样式&/label&
&tabbar controlContents="true" style="background:#444444;label-color:white,indicator-color:indicator-height:3"&
&item label="头条"&&/item&
&item label="体育"&&/item&
&item label="娱乐"&&/item&
&item label="财经"&&/item&
&item label="科技"&&/item&
&item label="时尚"&&/item&
&item label="汽车"&&/item&
&contents id="contents"&
&content style="background:white"&
&label&头条&/label&
&/content&
&content style="background:blue"&
&label&体育&/label&
&/content&
&content style="background:green"&
&label&娱乐&/label&
&/content&
&content style="background:yellow"&
&label&财经&/label&
&/content&
&content style="background:gray"&
&label&科技&/label&
&/content&
&content style="background:red"&
&label&时尚&/label&
&/content&
&content style="background:brown"&
&label&汽车&/label&
&/content&
&/contents&
设置tabbar的样式，其中label-color是文字颜色，indicator-color是indicator滑块的颜色，indicator-height是indicator滑块的高度。
● 自定义TabbarItem
&?xml version="1.0" encoding="utf-8"?&
var i = 0;
function changeIcon(index, src) {
for (var i = 0; i & 4; i++) {
$('icon' + i).src = $('icon' + i).src.replace('selected', 'normal');
$('icon' + index).src =
&label&自定义TabbarItem&/label&
&contents id="contents"&
&content style="background:white"&
&label&微信&/label&
&/content&
&content style="background:blue"&
&label&通信录&/label&
&/content&
&content style="background:green"&
&label&发现&/label&
&/content&
&content style="background:yellow"&
&label&我&/label&
&/content&
&/contents&
&item onchange="changeIcon(0, 'tab_home_selected.png')"&&row&&icon id="icon0" src="tab_home_selected.png"/&&label&微信&/label&&/row&&/item&
&item onchange="changeIcon(1, 'tab_category_selected.png')"&&row&&icon id="icon1" src="tab_category_normal.png"/&&label&通信&/label&&/row&&/item&
&item onchange="changeIcon(2, 'tab_service_selected.png')"&&row&&icon id="icon2" src="tab_service_normal.png"/&&label&发现&/label&&/row&&/item&
&item onchange="changeIcon(3, 'tab_mine_selected.png')"&&row&&icon id="icon3" src="tab_mine_normal.png"/&&label&我&/label&&/row&&/item&
说明：不设置TabbarItem的label属性，而是使用row布局，item里可以放更多控件。
● 设置当前的TabbarItem
&?xml version="1.0" encoding="utf-8"?&
&label&设置当前的TabbarItem&/label&
&button onclick="$('tabitem4').current=true"&设置&/button&
&item label="头条"&&/item&
&item label="体育"&&/item&
&item label="娱乐" current="true"&&/item&
&item label="财经"&&/item&
&item label="科技" id="tabitem4"&&/item&
&item label="时尚"&&/item&
&item label="汽车"&&/item&
&contents id="contents"&
&content style="background:white"&
&label&头条&/label&
&/content&
&content style="background:blue"&
&label&体育&/label&
&/content&
&content style="background:green"&
&label&娱乐&/label&
&/content&
&content style="background:yellow"&
&label&财经&/label&
&/content&
&content style="background:gray"&
&label&科技&/label&
&/content&
&content style="background:red"&
&label&时尚&/label&
&/content&
&content style="background:brown"&
&label&汽车&/label&
&/content&
&/contents&
说明：通过设置current属性来设置当前的TabbarItem，其中$('tabitem4').current=true是用脚本动态修改。
● Tabbar切换的onchange事件
&?xml version="1.0" encoding="utf-8"?&
&label&Tabbar&/label&
&item label="头条" onchange="hint('头条');"&&/item&
&item label="体育" onchange="hint('体育');"&&/item&
&item label="娱乐" onchange="hint('娱乐');"&&/item&
&item label="财经" onchange="hint('财经');"&&/item&
&item label="科技" onchange="hint('科技');"&&/item&
&item label="时尚" onchange="hint('时尚');"&&/item&
&item label="汽车" onchange="hint('汽车');"&&/item&
&contents id="contents"&
&content style="background:white"&
&label&头条&/label&
&/content&
&content style="background:blue"&
&label&体育&/label&
&/content&
&content style="background:green"&
&label&娱乐&/label&
&/content&
&content style="background:yellow"&
&label&财经&/label&
&/content&
&content style="background:gray"&
&label&科技&/label&
&/content&
&content style="background:red"&
&label&时尚&/label&
&/content&
&content style="background:brown"&
&label&汽车&/label&
&/content&
&/contents&
● 动态添加TabbarItem
&?xml version="1.0" encoding="utf-8"?&
var i = 0;
function addTabbarItem() {
var item = $C('&tabbar-item&&item onclick="$(\'contents\').showContent(' + i + ')"&&label&tabb' + i + '&/label&&/item&&/tabbar-item&');
$('tabbar').add(item);
&label&添加TabbarItem&/label&
&button onclick="addTabbarItem()"&添加&/button&
&tabbar id="tabbar"&&/tabbar&
&contents id="contents"&
&label&content1&/label&
&/content&
&label&content2&/label&
&/content&
&label&content3&/label&
&/content&
&/contents&
● 移除TabbarItem
&?xml version="1.0" encoding="utf-8"?&
var i = 0;
function removeTabbarItem() {
$('tabbar').remove($('tab' + i));
&label&移除TabbarItem&/label&
&tabbar id="tabbar" controlContents="false"&
&item id="tab0" onclick="hint('头条')"&&label&头条&/label&&/item&
&item id="tab1" onclick="hint('体育')"&&label&体育&/label&&/item&
&item id="tab2" onclick="hint('娱乐')"&&label&娱乐&/label&&/item&
&item id="tab3" onclick="hint('财经')"&&label&财经&/label&&/item&
&item id="tab4" onclick="hint('科技')"&&label&科技&/label&&/item&
&button onclick="removeTabbarItem()"&移除TabbarItem&/button&
&/content&
点击按钮移除相应的TabbarItem。
点此下载tabbar相关的示例代码：问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
UITabBarController的每个item不设title的话，那个title还是会占据着最下面那一行的位置，该怎么去隐藏它让那个位置空出来
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
你可以这样：
//In Your ViewController
[self.tabBarItem setImageInsets:UIEdgeInsetsMake(10, 0, 0, 0)];
用到的是TabBarItem的imageInsets属性：
@property(nonatomic)
UIEdgeInsets imageI
// default is UIEdgeInsetsZero
然后你可以构造一个UIEdgeInsets来设置它的位置偏移:
UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
可以换一种方案，调整UIBarItem的imageInsets使图片居中 （我假设你真正想要的是让图片居中显示）
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
有个问题是,点击此item时,图片大小会一直在改变,是怎么回事呢?
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
[self.tabBarItem setImageInsets:UIEdgeInsetsMake(10, 0, -10, 0)];
很重要的一点，设置UIEdgeInsetsMake的top和bottom属性为相反数，
否则会发生点击item后拖动，item会发生形变。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
楼上的解答太良心了 赞楼上!
同步到新浪微博
分享到微博？
Hi，欢迎来到 SegmentFault 技术社区！⊙▽⊙ 在这里，你可以提出编程相关的疑惑，关注感兴趣的问题，对认可的回答投赞同票；大家会帮你解决编程的问题，和你探讨技术更新，为你的回答投上赞同票。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：3167人阅读
iOS开发（46）
当应用程序中出现tabbar和navigationbar同时用的时候，相应地避免不了，要对tabbar的title和navigationbar的title进行命名，如果用
& & & &&self.title =
会对abbar的title和navigationbar的title进行同时命名，这如果是想要的效果还好，如果不是呢，如果想对abbar的title和navigationbar的title进行分别命名命名呢
如果只在init方法中设置了”self.title=@&A&;“
那么navigation的title和tab的title都是A，
试了好多种方法，下面这个方法经过了验证
self.tabBarItem.title = [NSString
stringWithFormat:@&&];//来设置tab的title
self.title&=&@&&;//设置navigationbar的title；
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：109505次
积分：1549
积分：1549
排名：千里之外
原创：37篇
转载：22篇
评论：19条
(1)(1)(1)(1)(1)(12)(10)(5)(1)(1)(3)(1)(1)(4)(2)(10)(4)
(window.slotbydup = window.slotbydup || []).push({
id: '4740881',
container: s,
size: '200,200',
display: 'inlay-fix'iOS设置导航与其标题的颜色及字体大小和系统默认TabBar的相关设置与使用方法 - yucaijiang - 博客园
随笔 - 184, 文章 - 0, 评论 - 1, 引用 - 0
//在info.plist中添加一个字段：view controller -base status bar 设置为NO；//导航颜色[[UINavigationBar appearance] setBarTintColor:[UIColor XXXX]];[[UITableViewCell appearance] setBackgroundColor:[UIColor XXXX]];//设置状态栏（信号区）白色[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault];//默认带有一定透明效果，可以使用以下方法去除系统效果[navigationController.navigationBar setTranslucent:NO];//更改导航标题字体大小与颜色要在第一级页面设置 如下// 设置导航默认标题的颜色及字体大小self.navigationController.navigationBar.titleTextAttributes = @{UITextAttributeTextColor: [UIColor whiteColor], UITextAttributeFont:[UIFont boldSystemFontOfSize:18]};
//UIImageRenderingModeAlwaysOriginal 让图片表现的模式为图片的原始样式 用于去掉系统添加的颜色if ([[UIDevice currentDevice] systemVersion].floatValue &= 8.0) {self.tabBarItem = [[UITabBarItem alloc] initWithTitle:@"title" image:[[UIImage imageNamed:@"Image.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] selectedImage:[[UIImage imageNamed:@"ImageS.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];}else{self.tabBarController.tabBarItem.title = @"title";if ([[UIDevice currentDevice] systemVersion].floatValue &= 7.0) {[self.tabBarController.tabBarItem setFinishedSelectedImage:[[UIImage imageNamed:@"Image.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] withFinishedUnselectedImage:[[UIImage imageNamed:@"ImageS.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];}else{[self.tabBarController.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"Image.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"ImageS.png"]];}}//tabbar颜色 用于更改字体颜色[self.tabBarController.tabBar setTintColor:[UIColor XXXX]];}