swift - layer - 渐变色 - CAGradientLayer

最新推荐文章于 2024-05-14 21:39:29 发布

weixin_34101229

最新推荐文章于 2024-05-14 21:39:29 发布

阅读量408

点赞数

文章标签： swift

原文链接：http://www.cnblogs.com/qingzZ/p/10108797.html

版权

1。创建渐变色

   /// 渐变色：默认从上到下
    private var gradientLayer: CAGradientLayer = {
        let g = CAGradientLayer()
        g.colors = [UIColor.init(hexColor: "DBB479").cgColor,
                        UIColor.init(hexColor: "F7E1B3").cgColor]
        //改为从左到右 的渐变
        g.startPoint = CGPoint(x: 0, y: 0)
        g.endPoint = CGPoint(x: 1, y: 0)
        return g
    }()

2.给指定view 添加渐变色

    /// 荣誉背景图
    private lazy var credibilityBgView : UIView = {
        let v = UIView()
        v.layer.addSublayer(self.gradientLayer)
        v.translatesAutoresizingMaskIntoConstraints = false
        v.layer.cornerRadius = 5
        v.layer.masksToBounds = true
        v.isUserInteractionEnabled = true
        v.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(clcikCredibilityBgView)))
        return v
    }()

3. 在自定义的view中设置渐变色frame：draw

    override func draw(_ rect: CGRect) {
        super.draw(rect)
        gradientLayer.frame = credibilityBgView.bounds
    }

4.如果在控制器里面，viewDidLayoutSubviews

 override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        nextBtnAddLayer()
    }

    /// 下一步按钮添加渐变色
    func nextBtnAddLayer(){
        let gradient = CAGradientLayer()
        gradient.colors = [UIColor.init(hexString: "#FD904B").cgColor,
                           UIColor.init(hexString: "#FFA64D").cgColor ]
        //改为从左到右 的渐变
        gradient.startPoint = CGPoint(x: 0, y: 0)
        gradient.endPoint = CGPoint(x: 1, y: 0)
        nextBtn.layer.insertSublayer(gradient, at: 0)
        gradient.frame = nextBtn.bounds
    }

注意直接用addSubLayer 会遮盖住子控件，使用insertSublayer 不会有问题

转载于:https://www.cnblogs.com/qingzZ/p/10108797.html