美文网首页Swift学习笔记iOS Developer
使用Swift3.0诠释UIView与CALayer

使用Swift3.0诠释UIView与CALayer

作者: Double丶K | 来源:发表于2017-04-19 14:39 被阅读480次

    一.什么是UIView,什么是CALayer?

    • iOS中的一些控件UIButton,UILabel,UITextView等等,能产生交互的基本都是UIView
    • 在创建UIView对象时,UIView内部会自动创建一个CALayer层,通过UIView的layer属性可以访问这个层.当UIView需要显示到屏幕上时,会调用drawRect:方法进行绘图,并且会将所有内容绘制在自己的层上,绘图完毕后,系统会将层拷贝到屏幕上,于是就完成了UIView的显示(UIView本身不具备显示的功能,是它内部的层才有显示功能).

    二.layer的作用

    首选创建一个UIImageView对象
    1.简单的头像圆角

    imageView.layer.cornerRadius = 25
    imageView.layer.masksToBounds = true
    

    2.设置阴影

    //阴影颜色
    imageView.layer.shadowColor = UIColor.black.cgColor
    //阴影偏移
    imageView.layer.shadowOffset = CGSize.init(width: 0, height: 1)
    //不透明度
    imageView.layer.shadowOpacity = 0.5
    

    3.设置控件的边框和颜色

    imageView.layer.borderWidth = 1
    imageView.layer.borderColor = UIColor.red.cgColor
    

    4.设置旋转缩放等效果

    imageView.layer.transform  = CATransform3DMakeRotation(CGFloat(M_PI_4), 0, 0, 1)
    

    5.可以使用layer添加简单图层,或者图片图层

            let myLayer = CALayer()
            myLayer.bounds = CGRect.init(x: 0, y: 0, width: 100, height: 150)
            //设置层的位置
            myLayer.position = CGPoint.init(x: 100, y: 380)
            //这里用的是UIImage的CGImage属性,是一种CGImageRef类型的数据
            myLayer.contents = UIImage.init(named: "22.jpeg")?.cgImage
            myLayer.cornerRadius  = 10
            myLayer.masksToBounds = true
            self.view.layer.addSublayer(myLayer)
    
    CALayer中使用cgImage数据类型的原因?
    • CALayer是定义在QuartzCore框架中的;CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的;UIColor、UIImage是定义在UIKit框架中的
    • QuartzCore框架和CoreGraphics框架可以跨平台使(iOS和Mac OS X),UIKit只能在iOS中使用
    • 不过很多情况下,可以通过UIKit对象的特定方法,得到CoreGraphics对象,比如UIImage的CGImage方法可以返回一个CGImageRef

    三.UIView和CALayer的选择

    • UIView比CALayer多了响应功能,UIView继承与UIResponder. CALayer直接继承与NSObject, CALayer不具有响应功能
    • 如果显示出来的东西需要跟用户进行交互的话,用UIView.如果不需要跟用户进行交互,用UIView或者CALayer都可以.CALayer不用处理响应事件性能会高一些,更加轻量级.

    相关文章

      网友评论

        本文标题:使用Swift3.0诠释UIView与CALayer

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