UITabBarItem中自定义图片

2016.7.8更新:
其实只要在UITabBarController中做如下设置即可:

UIImage * normalImage = [[UIImage imageNamed:@"sy1.png"]  imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
UIImage * selectImage = [[UIImage imageNamed:@"sy.png"]  imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

NSArray *array =  self.viewControllers;
UINavigationController * nav = (UINavigationController *)array[0];
nav.tabBarItem.image = normalImage;
nav.tabBarItem.selectedImage = selectImage;
nav.tabBarItem.title = @"首页";

使用UITabBarController时经常需要给每一个tabBarItem设置自己的图片,图片有两种状态一种未选中状态,另一种选中状态。默认情况下未选中状态是灰色,选中状态为蓝色,即使你设置了图片也不会显示出清晰的图片。如下图一样。


1.默认图标状态

所以如果希望出现如下效果则需要自定义图片。步骤如下:

一、所使用的图片有如下标准样式

30*30像素大小、150dpi(分辨率)、透明背景、png格式。调整这些参数可以用mac自带的预览软件来调整。大小和dpi可以通过预览“工具”中的对应操作。
这里解释透明背景怎么做:

1.1 单击“显示标记工具栏”
1.2 选择“即时Alpha”
1.3 单击选择图片不放,一直拖动直到需要的区域都选中后,再单击“裁剪”,然后从“文件”中选择“导出”即可

二、自定义tabBarItem.image属性

 //通过如下事例代码即可。如果想让显示图标为自己的图片而不是未选中时为灰色,选中后为蓝色时需自定义图片.
//设置图片呈现模式不作为模版图片,这样不会忽略颜色信息。
self.tabBarItem.image = [[UIImage imageNamed:@"wechat.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

 //设置选中后的图片
 self.tabBarItem.selectedImage = [[UIImage imageNamed:@"wechat2.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

效果如图:

2.1
2.2
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,911评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,669评论 4 61
  • 简单排序 冒泡排序:循环遍历左右比较,较小者左移或较大者后移; 选择排序:在未排序序列中找到最小者元素一次放到已排...
    王然Gondole阅读 1,477评论 0 2
  • 如果一本书让你走上健身这条路,不管怎样这本书就是好书。 书红是非多。 《囚徒健身》,读者很多,争议也很多。 崇拜它...
    辣条冰棍阅读 3,823评论 22 107
  • 学员:夏铭阳 时间:7月19日 任课教师:张老师 课程目标:1.利用能源的方法综合的解决问题 2.通过活动探究到结...
    嘻_阅读 415评论 0 0

友情链接更多精彩内容