美文网首页
CALayer不常见属性梳理

CALayer不常见属性梳理

作者: fanglaoda | 来源:发表于2017-02-14 09:09 被阅读0次

    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},这意味着整个寄宿图默认都是可见的,

    1691344B-4FCE-48BC-8A4D-70A6FCF489AD.jpeg

    **应用:开发中可以让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];
    

    效果

    20BE823C-BD37-4F60-95D3-B1D4FF60C391.jpeg

    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];
    
    87B01D36-C442-40AA-A569-66AA1728779F.jpeg
    我们已经知道图层阴影并不总是方的,而是从图层内容的形状继承而来。这看上 去不错,但是实时计算阴影也是一个非常消耗资源的,尤其是图层有多个子图层, 每个图层还有一个有透明效果的寄宿图的时候。
    如果你事先知道你的阴影形状会是什么样子的,你可以通过指定一 个 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];
            
        }
    

    相关文章

      网友评论

          本文标题:CALayer不常见属性梳理

          本文链接:https://www.haomeiwen.com/subject/uacnittx.html