关于swift 底部工具栏图标锯齿模糊问题。
2015-10-21 18:59
274 查看
今天在底部工具栏添加图片时发现图片模糊而且有锯齿,开始一直以为是美工给的图片有问题,后来发现是要设置两种图片:
比如 index.png(默认30 * 30),indexSelected(选中后的图片 30 * 30);
index@2x(默认 60 * 60),indexSelected@2x(选中后的图片 60 * 60);
下面贴一下创建导航控制器和设置图标的代码(swift):
//3.创建首页导航控制器
let vwIndex=index();
let navIndex=UINavigationController(rootViewController: vwIndex);
navIndex.title="首页";
navIndex.tabBarItem.image=UIImage(named: "index.png")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal);
navIndex.tabBarItem.selectedImage=UIImage(named: "indexSelected.png")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal);
下面是效果图:
至于为什么只有一种图片会锯齿的原因,我在网上找了一些资料,大概是这个意思,底部工具栏的图标支持大小大概在 30-60之间,当设置了两种图标大小后,手机会自动适配到 30 - 60 之间最合适的尺寸。
比如 index.png(默认30 * 30),indexSelected(选中后的图片 30 * 30);
index@2x(默认 60 * 60),indexSelected@2x(选中后的图片 60 * 60);
下面贴一下创建导航控制器和设置图标的代码(swift):
//3.创建首页导航控制器
let vwIndex=index();
let navIndex=UINavigationController(rootViewController: vwIndex);
navIndex.title="首页";
navIndex.tabBarItem.image=UIImage(named: "index.png")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal);
navIndex.tabBarItem.selectedImage=UIImage(named: "indexSelected.png")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal);
下面是效果图:
至于为什么只有一种图片会锯齿的原因,我在网上找了一些资料,大概是这个意思,底部工具栏的图标支持大小大概在 30-60之间,当设置了两种图标大小后,手机会自动适配到 30 - 60 之间最合适的尺寸。
相关文章推荐
- swift 之闭包的学习笔记
- swift(一)天
- Swift UITableView相关功能(七)数据编辑功能
- Swift - 使用CoreLocation实现定位(经纬度、海拔、速度、距离等)
- Swift - 使用CoreLocation实现定位(经纬度、海拔、速度、距离等)
- Swift控制语句之switch-case
- swift 简单实现coreData数据库增删改查和关系表
- 《从零开始学Swift》学习笔记(Day 25)——类和结构体定义
- 《从零开始学Swift》学习笔记(Day 25)——类和结构体定义
- 关于数据保存的方式(沙盒,解档归档(swift方法))
- [Swift]UIKit学习之警告框:UIAlertController和UIAlertView
- OpenStack: Storage 组件 Swift 和 Cinder(转)
- swift 字典,元组,循环语句,判断语句,函数,结构体
- swift 一天入门,两天学会
- Swift集合类之数组和数据字典
- Swift 2.0初探:值得注意的新特性
- Swift 中什么时候用? 什么时候用!
- swift 中使用代理
- swift 中使用weak self
- Swift百万线程攻破单例(Singleton)模式