CALayer渐变层偏移处理

在学习CALayer的时候遇到渐变层无法显示的问题,寻求帮助后找到了原因

下面是原代码:

        //视图3
        let view3 = UIView(frame: CGRect(x: 50, y: 320, width: 100, height: 100))
        view3.backgroundColor = UIColor.lightGray
        let transform = view3.transform
        view3.transform = transform.scaledBy(x: 1.2, y: 1.2)//对view3进行放大
        view3.transform = transform.rotated(by: 3.14/4)//顺时针旋转45度
        view3.layer.cornerRadius = 20 //圆角
        
        let gradientLayer = CAGradientLayer()
        gradientLayer.frame = view3.frame //给视图上渐变层
        let fromColor = UIColor.purple.cgColor
        let midColor = UIColor.red.cgColor
        let toColor = UIColor.yellow.cgColor
        gradientLayer.colors = [fromColor,midColor,toColor]
        gradientLayer.startPoint = CGPoint(x: 0, y: 0)
        gradientLayer.endPoint = CGPoint(x: 1, y: 1)
        gradientLayer.locations = [0,0.3,1]
        view3.layer.addSublayer(gradientLayer)
        view3.clipsToBounds = true //渐变切边

72a6c850e21249cdaf7125482674aa9a.png

执行后并未在原本的四边形上形成 CALayer的渐变层,在整个窗口中也没有显示

 

寻找到错误代码:

gradientLayer.frame = view3.frame

 

错误原因:

原本的view3 相对于父视图存在偏移,而用frame设置属性则使grandientLayer相对于view3进行偏移,所以造成渐变层偏移甚至消失。

 

将代码修改为:

gradientLayer.frame = view3.bounds

运行结果:

46f64165e92c4743933d5df452f89c79.png

就可以正常运行了

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑-麦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值