1.contentGravity属性
类似UIImageView的contentMode属性,是一个NSString类型
kCAGravityCenter
kCAGravityTop
kCAGravityBottom
kCAGravityLeft
kCAGravityRight
kCAGravityTopLeft
kCAGravityTopRight
kCAGravityBottomLeft
kCAGravityBottomRight
kCAGravityResize
kCAGravityResizeAspect
kCAGravityResizeAspectFill
2. contentsScale属性
就是表示一个点表示几个像素
设置为1.0,将会以每个点1个像素绘制图片,如果设置为 2.0,则会以每个点2个像素绘制图片
3.contentsRect
在图层的上显示寄宿图的摸个部分,也就是截取寄宿图的某个部分来填充满整个图层
默认的 contentsRect是{0, 0, 1, 1},这意味着整个寄宿图默认都是可见的,
**应用:开发中可以让UI提供一张大图,然后自己根据需求截取部分图片 网易的大转盘的背景色就是整个方式(图片拼合后可以打包整合到一张大图上一次性载入。相比多次载入不同的 图片,这样做能够带来很多方面的好处:内存使用,载入时间,渲染性能等等)
4.anchorPoint 属性 和 position属性
anchorPoint 是单位坐标相对于本身的;
position 是相对于父控件的指的是anchorPoint 在父控件的位置,也就是说他们指的是同一个东西 ,只是不同坐标系不同表现罢了
5. 坐标系的转换
- (CGPoint)convertPoint:(CGPoint)p fromLayer:(nullable CALayer *)l;
- (CGPoint)convertPoint:(CGPoint)p toLayer:(nullable CALayer *)l;
- (CGRect)convertRect:(CGRect)r fromLayer:(nullable CALayer *)l;
- (CGRect)convertRect:(CGRect)r toLayer:(nullable CALayer *)l;
6. zPosition属性
这个属性可以改变图层显示的层级
一般图层的显示顺序是后添加的在最上面,通过改属性可以修改显示前后关系,(不能改变和父控件的图层关系)
1.并列图层
2.修改zPosition
7. conrnerRadius属性
用来设置圆角率的 只对背景色有效对背景图片和子图层无效 配合使用masksToBounds可以起作用
8. 边框 和 阴影
这个两个要放在一起比较
边框:只会对图层本身的大小起作用 ,对于超出的部分不管
阴影:图层边框不同,图层的阴影继承自内容的外形,而不是根据边界和角半 径来确定(包括子视图,如 果有的话)考虑在内,然后通过这些来完美搭配图层形状从而创建一个阴影
阴影代码
UIView *redView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
redView.backgroundColor = [UIColor redColor];
redView.layer.zPosition = 1.0;
redView.layer.shadowOpacity = 0.5;
redView.layer.shadowOffset = CGSizeMake(5, 3);
redView.layer.shadowColor = [UIColor blackColor].CGColor;
[self.view addSubview:redView];
UIView *blueView = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 100, 100)];
blueView.backgroundColor = [UIColor blueColor];
[redView addSubview:blueView];
效果
8.shadowPath
自定义阴影形状 (例如有这样一个需求需要在view的四周都加上阴影)就可以使用这个属性
UIView *redView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
redView.backgroundColor = [UIColor redColor];
redView.layer.zPosition = 1.0;
redView.layer.shadowOpacity = 0.5;
redView.layer.shadowOffset = CGSizeMake(0, 0);
redView.layer.shadowColor = [UIColor blackColor].CGColor;
UIBezierPath *path = [UIBezierPath bezierPathWithRect:CGRectMake(-10, -10, 120, 120)];
redView.layer.shadowPath = path.CGPath;
[self.view addSubview:redView];
我们已经知道图层阴影并不总是方的,而是从图层内容的形状继承而来。这看上 去不错,但是实时计算阴影也是一个非常消耗资源的,尤其是图层有多个子图层, 每个图层还有一个有透明效果的寄宿图的时候。
如果你事先知道你的阴影形状会是什么样子的,你可以通过指定一 个 shadowPath 来提高性能。 shadowPath 是一个 CGPathRef 类型(一个指 向 CGPath 的指针)。 CGPath 是一个Core Graphics对象,用来指定任意的一个矢量图形。我们可以通过这个属性单独于图层形状之外指定阴影的形状。<摘自iOS高级动画技巧课本>
8.拉伸过滤 minificationFilter 和 magnificationFilter
总 得来讲,当我们视图显示一个图片的时候,都应该正确地显示这个图片原因如下:
能够显示最好的画质,像素既没有被压缩也没有被拉伸。 能更好的使用内存,因为这就是所有你要存储的东西。 最好的性能表现,CPU不需要为此额外的计算。
不过有时候,显示一个非真实大小的图片确实是我们需要的效果。比如说一个头 像或是图片的缩略图,再比如说一个可以被拖拽和伸缩的大图。这些情况下,为同 一图片的不同大小存储不同的图片显得又不切实际。
当图片需要显示不同的大小的时候,有一种叫做拉伸过滤的算法就起到作用了。 它作用于原图的像素上并根据需要生成新的像素显示在屏幕上。
事实上,重绘图片大小也没有一个统一的通用算法。这取决于需要拉伸的内容, 放大或是缩小的需求等这些因素。 CALayer 为此提供了三种拉伸过滤方法,他们 是:
kCAFilterLinear
kCAFilterNearest
kCAFilterTrilinear
minification(缩小图片)和magnification(放大图片)默认的过滤器都 是 kCAFilterLinear ,这个过滤器采用双线性滤波算法,它在大多数情况下都表 现良好。双线性滤波算法通过对多个像素取样最终生成新的值,得到一个平滑的表 现不错的拉伸。但是当放大倍数比较大的时候图片就模糊不清了。
非常相似,大部分情况下二者都 看不出来有什么差别。但是,较双线性滤波算法而言,三线性滤波算法存储了多个 大小情况下的图片(也叫多重贴图),并三维取样,同时结合大图和小图的存储进 而得到最后的结果。
个人总结:一般当图片失帧的时候 几个属性都可以试一下 主观看看
9.presentationLayer和modelLayer
改变一个CALayer的属性的时候,实际上改变的是它最终的一个状态,怎么理解这句话呢,比如你修改一个图层的位置position(1.1)到position(100,100),属性的值是立即就变化了,但是那是他最后回到(100,100)但是映射到屏幕上并没有立即发生.而presentationLayer就是从你修改的图层的中间状态,术语"呈现图层",它其实是CALayer的复制品但是你展示的具体某个时刻CALayer的属性值,而presentationLayer调用modelLayer就可以得到它复制的主体.应用:
1.如果你对某个图层进行动画操作的过程中,需要对它进行时间处理,此时用这个最合适了
CGPoint point = [[touches anyObject] locationInView:self.view];
//check if we've tapped the moving layer
if ([self.colorLayer.presentationLayer hitTest:point]) {
//randomize the layer background color
CGFloat red = arc4random() / (CGFloat)INT_MAX;
CGFloat green = arc4random() / (CGFloat)INT_MAX;
CGFloat blue = arc4random() / (CGFloat)INT_MAX;
self.colorLayer.backgroundColor = [UIColor colorWithRed:red green:green blue:blue alpha:1.0].CGColor;
} else {
//otherwise (slowly) move the layer to new position
[CATransaction begin];
[CATransaction setAnimationDuration:8.0];
self.colorLayer.position = point;
[CATransaction commit];
}