1.设置AppIcon
2.使用矢量图代替传统的位图
在应用开发中,我们通常会放置大量2x和3x的图片素材以便在不同的设备中使用,现在iOS设备的PPI有逐年增大的趋势, 未来很可能会有@4x和@5x等等, 这对设计人员和开发人员维护图片素材都带来了不小的麻烦
苹果在Xcode6中便允许我们在项目中使用矢量图来代替传统的位图, 该种方式在iOS平台上实际上只是一个障眼法,Xcode只是在编译的时候根据矢量图来自动生成对应的@1x、@2x和@3x格式的位图. 虽然不够完美, 但是也足以让我们省去很多维护不同格式图片素材的麻烦. 其使用方式如下:
通过AI和Sketch等设计工具将矢量图输出成一个PDF文件
在Images.xcassets / Assets.xcassets中新建一个Image Set
如果是在Xcode6中, 在Attributes Inspector中将Types改为Vectors
如果是在Xcode6.3中, 在Attributes Inspector中将Scale Factor改为Single Vector
如果是在Xcode8中, 在Attributes Inspector中将Scales改为Single Scale
将PDF文件添加到Image Set中
自此, 当编译时会根据PDF文件自动生成对应的@1x、@2x和@3x格式的PNG文件
Xcode9中使用矢量图
在Xcode9中, 该功能得到再次增强, 我们可以在Attributes Inspector中将Preserve Vector Data选项勾选. 此时在编译时会将PDF文件拷贝到二进制文件中, 以便我们可以在运行时任意缩放图片而不会失真
Preserve Vector Data
注: 对于iOS10及以下系统, 仍然会生成对应的@1x、@2x和@3x格式的PNG文件, 此时无法保证在运行时任意缩放图片而不会失真
在使用该图片时, 我们让像平时一样使用即可, 比如在IB中直接选取图片名称, 或在Code中直接设置
UIImageView*imageView = [[UIImageViewalloc] init];imageView.image = [UIImageimageNamed:@"Main_button"];
打包之后会生成Assets.car文件,如何解压.car文件方法如下:
1.创建解压图片资源存储文件yyy
2.下载cartool工具,链接https://github.com/steventroughtonsmith/cartool
3.编译code,并在工程下的Products文件夹中找到cartool,
4,打开终端,cd 到cartool目录
5,执行./cartool /Users/xxx/Desktop/xxx/Payload/xxx.app/Assets.car /Users/xxx/Desktop/yyy
4.在Assets.xcassets中拉伸图片
我们在进行应用程序开发过程中, 常常会遇到需要拉伸图片的需求, 平时我们都会使用UIImage的如下方法生成一张拉伸后的图片
// 如果拉伸区域为1*1区域, 则采用拉伸模式, 此时性能最高// 如果拉伸区域大于1*1区域, 且capInsets为UIEdgeInsetsZero, 则采用平铺模式, 此时性能略差// 如果拉伸区域大于1*1区域, 且capInsets不为UIEdgeInsetsZero, 则采用平铺模式, 此时性能最差- (UIImage*)resizableImageWithCapInsets:(UIEdgeInsets)capInsetsNS_AVAILABLE_IOS(5_0);// 指定拉伸模式- (UIImage*)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingModeNS_AVAILABLE_IOS(6_0);
其实, 在Assets.xcassets中可以直接对图片进行拉伸操作
我们可以通过点击Show Slicing通过拖拽的方式确定capInsets的值
点击Show Slicing拖拽
也可以直接在Attributes Inspector中设置capInsets的值
在Attributes Inspector中设置
5.在Assets.xcassets中渲染图片
我们在进行应用程序开发过程中, 常常被系统强制将图片进行渲染, 一般我们都会使用UIImage的如下方法生成一张指定渲染模式的图片
// UIImageRenderingModeAlwaysOriginal是按照原图渲染// UIImageRenderingModeAlwaysTemplate是按照模板渲染// 默认渲染模式为UIImageRenderingModeAutomatic, 基于上下文决定具体的渲染模式. 如果是在navigation bars, tab bars, toolbars, 和segmented controls中则为Template, 其余上下文则为Original- (UIImage*)imageWithRenderingMode:(UIImageRenderingMode)renderingModeNS_AVAILABLE_IOS(7_0);
其实, 在Assets.xcassets中可以直接设置图片的渲染模式
6.在Assets.xcassets中添加颜色
我们在进行应用程序开发过程中, 常常会专门定义一个类用于定义整个应用程序都需要使用到的颜色, 而在IB中却无法使用统一定义好的颜色
苹果在Xcode9中便允许我们在Assets.xcassets中添加颜色. 其使用方式如下:
在Assets.xcassets中新建一个Image Color Set
在Attributes Inspector中为颜色设置名字和色值
Xcode9中添加颜色
注: 可以新建一个Colors.xcassets文件单独用于添加颜色
在使用该颜色时, 我们可以在Code中使用iOS11新加入的API, 或者让像平时一样在IB中直接选取颜色名称
UIColor*color = [UIColorcolorNamed:@"TitleColor"];
copy蚊香酱的: https://www.jianshu.com/p/11b650054684
