iOS在Assets.xcassets中提供的便捷功能

咱们经常利用Assets.xcassets来管理项目中用到的icon和各类图片素材, 但其除了提供为不一样设备和Size Classes添加不一样的图片这种基础使用方式之外, 还提供了一些很是便捷的小功能, 下面咱们将简单介绍一下

在Assets.xcassets中使用矢量图

咱们在进行应用程序开发过程当中, 经常会在项目中放置大量的图片素材, 且每一张图片都须要准备@1x、@2x和@3x三种以便在不一样的设备中使用. 而且最可怕的是如今iOS设备的PPI有逐年增大的趋势, 将来极可能会有@4x和@5x等等, 这对设计人员和开发人员维护图片素材都带来了不小的麻烦

苹果在Xcode6中便容许咱们在项目中使用矢量图来代替传统的位图, 该种方式在iOS平台上实际上只是一个障眼法, Xcode只是在编译的时候根据矢量图来自动生成对应的@1x、@2x和@3x格式的位图. 虽然不够完美, 可是也足以让咱们省去不少维护不一样格式图片素材的麻烦. 其使用方式以下:

1. 经过AI和Sketch等设计工具将矢量图输出成一个PDF文件
2. 在Images.xcassets / Assets.xcassets中新建一个Image Set
   1. 若是是在Xcode6中, 在Attributes Inspector中将Types改成Vectors
   2. 若是是在Xcode6.3中, 在Attributes Inspector中将Scale Factor改成Single Vector
   3. 若是是在Xcode8中, 在Attributes Inspector中将Scales改成Single Scale
3. 将PDF文件添加到Image Set中

自此, 当编译时会根据PDF文件自动生成对应的@1x、@2x和@3x格式的PNG文件

在Xcode9中, 该功能获得再次加强, 咱们能够在Attributes Inspector中将Preserve Vector Data选项勾选. 此时在编译时会将PDF文件拷贝到二进制文件中, 以便咱们能够在运行时任意缩放图片而不会失真

注: 对于iOS10及如下系统, 仍然会生成对应的@1x、@2x和@3x格式的PNG文件, 此时没法保证在运行时任意缩放图片而不会失真

在使用该图片时, 咱们让像平时同样使用便可, 好比在IB中直接选取图片名称, 或在Code中直接设置

UIImageView *imageView = [[UIImageView alloc] init];
imageView.image = [UIImage imageNamed:@"Main_button"];
复制代码

在Assets.xcassets中添加颜色

咱们在进行应用程序开发过程当中, 经常会专门定义一个类用于定义整个应用程序都须要使用到的颜色, 而在IB中却没法使用统必定义好的颜色

苹果在Xcode9中便容许咱们在Assets.xcassets中添加颜色. 其使用方式以下:

1. 在Assets.xcassets中新建一个Image Color Set
2. 在Attributes Inspector中为颜色设置名字和色值

注: 能够新建一个Colors.xcassets文件单独用于添加颜色

在使用该颜色时, 咱们能够在Code中使用iOS11新加入的API, 或者让像平时同样在IB中直接选取颜色名称

UIColor *color = [UIColor colorNamed:@"TitleColor"];
复制代码

在Assets.xcassets中拉伸图片

咱们在进行应用程序开发过程当中, 经常会遇到须要拉伸图片的需求, 平时咱们都会使用UIImage的以下方法生成一张拉伸后的图片

// 若是拉伸区域为1*1区域, 则采用拉伸模式, 此时性能最高
// 若是拉伸区域大于1*1区域, 且capInsets为UIEdgeInsetsZero, 则采用平铺模式, 此时性能略差
// 若是拉伸区域大于1*1区域, 且capInsets不为UIEdgeInsetsZero, 则采用平铺模式, 此时性能最差
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets NS_AVAILABLE_IOS(5_0);
// 指定拉伸模式
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode NS_AVAILABLE_IOS(6_0);
复制代码

其实, 在Assets.xcassets中能够直接对图片进行拉伸操做

咱们能够经过点击Show Slicing经过拖拽的方式肯定capInsets的值

也能够直接在Attributes Inspector中设置capInsets的值

在Assets.xcassets中渲染图片

咱们在进行应用程序开发过程当中, 经常被系统强制将图片进行渲染, 通常咱们都会使用UIImage的以下方法生成一张指定渲染模式的图片

// UIImageRenderingModeAlwaysOriginal是按照原图渲染
// UIImageRenderingModeAlwaysTemplate是按照模板渲染
// 默认渲染模式为UIImageRenderingModeAutomatic, 基于上下文决定具体的渲染模式. 若是是在navigation bars, tab bars, toolbars, 和segmented controls中则为Template, 其他上下文则为Original
- (UIImage *)imageWithRenderingMode:(UIImageRenderingMode)renderingMode NS_AVAILABLE_IOS(7_0);
复制代码

其实, 在Assets.xcassets中能够直接设置图片的渲染模式