CALayer的寄宿图

    CALayer 有一个属性叫做contents，它可以直接在图层中放置一张图片

@property contents

     尽管类型被定义为id,赋值CGImage，真正要赋值的类型应该是CGImageRef，它是一个指向CGImage结构的指针。

    事实上，contents这个奇怪的表现是由Mac OS的历史原因造成的。它之所以被定义为id类型，是因为在Mac OS系统上，这个属性对CGImage和NSImage类型的值都起作用。

    ARC下，要给图层的寄宿图赋值，可以按照以下这个方法：

    layer.contents = (__bridge id)image.CGImage;

---

    在我们为视图赋值图片的时候，有时会遇到图片为了适应视图而进行拉伸等改变。解决方法就是把contentMode属性设置成更合适的值，像这样：

       view.contentMode = UIViewContentModeScaleAspectFit;

       CALayer与contentMode对应的属性叫做contentsGravity

@property contentsGravity            

      决定内容在图层的边界对齐方式, NSString 类型，默认值为kCAGravityResize,。

      kCAGravityCenter，水平和垂直居中

      kCAGravityTop，水平居中,垂直置顶边缘

      kCAGravityBottom，水平居中,垂直置底边缘

      kCAGravityLeft，水平居左边缘,垂直居中

      kCAGravityRight，水平居右边缘,垂直居中

      kCAGravityTopLeft，水平居左边缘,垂直置顶边缘   

      kCAGravityTopRight，水平居右边缘,垂直置顶边缘

      kCAGravityBottomLeft，水平居左边缘,垂直置底边缘

      kCAGravityBottomRight，水平居右边缘,垂直置底边缘   

      kCAGravityResize，调整大小以适应整个边界矩形

      kCAGravityResizeAspect，整大小以适应边界矩形，保持内容方面。如果内容不完全填充边 界矩形，则内容集中在部分轴上.

      kCAGravityResizeAspectFill。调整到完全填充边界矩形，同时仍然保留内容方面。内容集中在它超过的轴.

---

@property contentsScale

      定义了寄宿图的像素尺寸和视图大小的比例，默认情况下它是一个值为1.0的浮点数

      contentsScale属性其实属于支持高分辨率（又称Hi-DPI或Retina）屏幕机制的一部分。它用来判断在绘制图层的时候应该为寄宿图创建的空间大小，和需要显示的图片的拉伸度（假设并没有设置contentsGravity属性）。

      这并不会对我们在使用kCAGravityResizeAspect时产生任何影响，因为它就是拉伸图片以适应图层而已，根本不会考虑到分辨率问题。但是如果我们把contentsGravity设置为kCAGravityCenter（这个值并不会拉伸图片），那将会有很明显的变化.

       当用代码的方式来处理寄宿图的时候，一定要记住要手动的设置图层的contentsScale属性.

        layer.contentsScale = [UIScreen mainScreen].scale;

---

@property maskToBounds

     默认情况下，UIView仍然会绘制超过边界的内容或是子视图，在CALayer下也是这样的。UIView有一个叫做clipsToBounds的属性可以用来决定是否显示超出边界的内容，CALayer对应的属性叫做masksToBounds.

---

UIImage *image = [UIImage imageNamed:@"素材"];

//add it directly to our view's layer

self.layerView.layer.contents = (__bridge id)image.CGImage;

//正确地设置contentsGravity的值

self.layerView.layer.contentsGravity = kCAGravityCenter;

//set the contentsScale to match image

self.layerView.layer.contentsScale = [UIScreen mainScreen].scale;;

// 使用masksToBounds来修建图层内容

self.layerView.layer.masksToBounds = YES;

---

---

@property contentsRect

    CALayer的contentsRect属性允许我们在图层边框里显示寄宿图的一个子域,contentsRect不是按点来计算的，它使用了单位坐标，单位坐标指定在0到1之间，是一个相对值（像素和点就是绝对值）。所以他们是相对与寄宿图的尺寸的,默认的contentsRect是{0, 0, 1, 1}.

iOS使用了以下的坐标系统：

点 —— 在iOS和Mac OS中最常见的坐标体系。点就像是虚拟的像素，也被称作逻辑像素。在标准设备上，一个点就是一个像素，但是在Retina设备上，一个点等于2*2个像素。iOS用点作为屏幕的坐标测算体系就是为了在Retina设备和普通设备上能有一致的视觉效果。

像素 —— 物理像素坐标并不会用来屏幕布局，但是仍然与图片有相对关系。UIImage是一个屏幕分辨率解决方案，所以指定点来度量大小。但是一些底层的图片表示如CGImage就会使用像素，所以你要清楚在Retina设备和普通设备上，他们表现出来了不同的大小。

单位 —— 对于与图片大小或是图层边界相关的显示，单位坐标是一个方便的度量方式， 当大小改变的时候，也不需要再次调整。单位坐标在OpenGL这种纹理坐标系统中用得很多，Core Animation中也用到了单位坐标。

       contentsRect在app中最有趣的地方在于一个叫做image sprites（图片拼合）的用法。这个技术常用来指代载入拼合的图片，跟移动图片一点关系也没有。不过呢，你要是有兴趣在一些常见的app中使用拼合技术，那么一个叫做LayerSprites的开源库（https://github.com/nicklockwood/LayerSprites)，它能够读取Cocos2D格式中的拼合图并在普通的Core Animation层中显示出来。

---

#pragma mark - 3.图片拼合

- (void)addSpriteImage:(UIImage *)image withContentRect:(CGRect)rect toLayer:(CALayer *)layer{

//set image

layer.contents = (__bridge id)image.CGImage;

//scale contents to fit

layer.contentsGravity = kCAGravityResizeAspect;

//set contentsRect

layer.contentsRect = rect;

}

- (void)imageSprites{

UIImage *image = [UIImage imageNamed:@"2.7"];

//set igloo sprite

[self addSpriteImage:image withContentRect:CGRectMake(0, 0, 0.5, 0.5) toLayer:self.igloo.layer];

//set cone sprite

[self addSpriteImage:image withContentRect:CGRectMake(0.5, 0, 0.5, 0.5) toLayer:self.cone.layer];

//set anchor sprite

[self addSpriteImage:image withContentRect:CGRectMake(0, 0.5, 0.5, 0.5) toLayer:self.anchor.layer];

//set spaceship sprite

[self addSpriteImage:image withContentRect:CGRectMake(0.5, 0.5, 0.5, 0.5) toLayer:self.layerView.layer];

}

---

---

@property contentsCenter

      contentsCenter其实是一个CGRect，它定义了一个固定的边框和一个在图层上可拉伸的区域。

      默认情况下，contentsCenter是{0, 0, 1, 1},如果大小（由conttensGravity决定）改变了,那么寄宿图将会均匀地拉伸开。

      如果我们增加原点的值并减小尺寸。我们会在图片的周围创造一个边框。

可以随意重设尺寸，边框仍然会是连续的。他工作起来的效果和UIImage里的-resizableImageWithCapInsets: 方法效果非常类似，只是它可以运用到任何寄宿图，甚至包括在Core Graphics运行时绘制的图形.

    contentsCenter可以在Interface Builder里面配置.

---

#pragma mark - 设置可拉伸视图

- (void)addStretchableImage:(UIImage *)image withContentCenter:(CGRect)rect toLayer:(CALayer *)layer

{

//set image

layer.contents = (__bridge id)image.CGImage;

//set contentsCenter

layer.contentsCenter = rect;

}

- (void)setStretchableImage{

UIImage *image = [UIImage imageNamed:@"素材"];

//set button 1

[self addStretchableImage:image withContentCenter:CGRectMake(0.25, 0.25, 0.5, 0.5) toLayer:self.layerView.layer];

//set button 2

[self addStretchableImage:image withContentCenter:CGRectMake(0.25, 0.25, 0.5, 0.5) toLayer:self.igloo.layer];

}

---

---