图层的contents,contentsGravity,cont

2018-01-19  本文已影响205人  雪山飞狐_91ae

contents

CAlayer的contents属性设置图层要显示的图片,我们要给contents属性赋值的类型应该是CGImageRef类型,UIImage对象有一个CGImage属性,它返回的是一个CGImageRef类型的数据,但是CGImageRef并不是一个真正的cocoa对象,而是一个Core Foundation对象,所以我们需要利用bridged关键字将其转化为cocoa对象。
使用contents属性:

self.centerLayer = [CALayer layer];
    
    UIImage *image = [UIImage imageWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"麦克风" ofType:@"png"]];
    
    self.centerLayer.frame = CGRectMake(60, 100, 200, 200);
    
    self.centerLayer.contents = (__bridge id)image.CGImage;
        
    [self.view.layer addSublayer:self.centerLayer];

    self.centerLayer.backgroundColor = [UIColor redColor].CGColor;

得到结果如图:

运行结果

我们看到上面一张图的运行结果,其实这个麦克风的原图并不是这么大的。但是我们平时在使用contents属性的时候好像并没有怎么特别设置,不管是多大尺的寸图好像都能完美适应我们的图层,这个就是contentsGravity属性的作用了。
实际上当我们没有设置图层的contentsGravity属性的时候,其默认是 kCAGravityResize。图层的contentsGravity属性是一个NSString类型的枚举值,其可取的值如下:

contentsRect

图层的这个属性决定了显示图层的那一部分,它使用的是单位坐标,比如self.centerLayer.contentsRect = CGRectMake(0, 0, 0.5, 0.5)就是显示图片的左上角这四分之一的区域。
下面看示例代码:

self.centerLayer = [CALayer layer];
    
    UIImage *image = [UIImage imageWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"麦克风" ofType:@"png"]];
    
    self.centerLayer.frame = CGRectMake(60, 100, 200, 200);
    
    self.centerLayer.contents = (__bridge id)image.CGImage;
    
    self.centerLayer.contentsGravity = kCAGravityResizeAspectFill;
    
    self.centerLayer.contentsRect = CGRectMake(0, 0, 0.5, 0.5);

    [self.view.layer addSublayer:self.centerLayer];
    
    self.centerLayer.backgroundColor = [UIColor redColor].CGColor;
运行结果

从运行结果可以清楚的看到,其实就是取图片的左上角四分之一进行处理,其余的操作一丢丢都没变。

contentsCenter

contentsCenter是一个CGRect,其定义了图片进行拉伸时其在图片上可拉伸的区域。


1

比如设contentsCenter = CGRectMake(0.25, 0.25, 0.5, 0.5),那么如上图所示,对这个图进行拉伸的时候,中间那一部分会等比例的拉伸,左右的红色区域在宽度上不会变,也就是不会在水平方向上拉伸,上下的蓝色在高度上不会变,也就是不会在竖直方向上拉伸,会在水平方向上拉伸,而四个角则不会拉伸,这也是要拉伸的区域拉伸多少的一个标尺。

上一篇 下一篇

猜你喜欢

热点阅读