iOS ~CollectionView 渐变色背景

IMG_1574.JPG

代码实现

    private lazy var gradientLayer : CAGradientLayer = {
        let TColor : UIColor = UIColor(fromHexString: "FF8E8A")
        let BColor = UIColor.white
        let gradientColors: [CGColor] = [TColor.cgColor, BColor.cgColor]
        let gradientLayer: CAGradientLayer = CAGradientLayer()
        gradientLayer.colors = gradientColors
        gradientLayer.startPoint = CGPoint(x: 0, y: 0)
        gradientLayer.endPoint = CGPoint(x: 0, y: 1)
        gradientLayer.frame = CGRect(x: 0, y: 0, width: ScreenWidth, height: ScreenHeight)
        return gradientLayer
    }()
    
    override func viewDidLoad() {
        super.viewDidLoad()

        view.backgroundColor = UIColor.white
        view.addSubview(collectionView)

        // **重点解析**
        gradientLayer.zPosition = -1
        collectionView.layer.insertSublayer(gradientLayer, at: 0)
    }

重点解析

zPosition

The layer’s position on the z axis. Animatable.

var zPosition: CGFloat { get set }

Discussion

The default value of this property is 0. Changing the value of this property changes the front-to-back ordering of layers onscreen. Higher values place this layer visually closer to the viewer than layers with lower values. This can affect the visibility of layers whose frame rectangles overlap.

译: 此属性的默认值为0。更改此属性的值将更改屏幕上层的前后顺序。较高的值比较低值的层在视觉上更接近查看器。这可能会影响框架矩形重叠的图层的可见性。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi阅读 7,713评论 0 10
  • 坚持,是一种美德。
    Jeremyroi阅读 115评论 0 0
  • 孩子不爱写作业,不能按时完成作业怎么办? 很多家长很头疼这样一个现象,孩子放学后,玩手机玩游戏看动画片,吃饭后还会...
    随遇而安小南北麻麻阅读 384评论 0 0
  • ——唐糖糖 今天听一个人讲 死去的人都应该醒过来 活着的人最不配 庆幸那会我还没有醉 让我记住了这段...
    自由音乐人唐糖糖阅读 237评论 0 4
  • 翻来覆去无法入睡,又是一次彻夜未眠,昨日我心飞扬,可就是现在好想呕吐,忍不住,难sad,辣么冷ಥ_ಥ
    宋南雪阅读 296评论 0 0

友情链接更多精彩内容