GradientLayer 在 iOS Swift App 中移动到左上角

Question

我使用以下代码添加了一个 GradientLayer 作为视图的背景：

import UIKit

@IBDesignable class MainView: UIView {
    override init(frame: CGRect) {
        super.init(frame: frame)
        sharedInit()
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        sharedInit()
    }
    
    override func prepareForInterfaceBuilder() {
        sharedInit()
    }
    
    func sharedInit() {      
        let colorTop = UIColor.darkGray.cgColor
        let colorBottom = UIColor.lightGray.cgColor
        
        let gradientLayer = CAGradientLayer()
        gradientLayer.frame = self.frame
        gradientLayer.colors = [colorTop, colorBottom]
        self.layer.insertSublayer(gradientLayer, at: 0)
    }
}

在 Xcode Storyboard 预览中，一切看起来都如您所愿，但在模拟器中，背景移动到左上角，如下图所示。

如果有人能告诉我这里发生了什么，那就太好了。

谢谢。

Answer 1

您应该转到“MainView”类中的“layoutSubviews”方法：-

override func layoutSubviews() {
       super.layoutSubviews()
       sharedInit()
}

另外，将“sharedInit”方法的“gradientLayer.frame = self.frame”行替换为以下代码：-

gradientLayer.frame = self.bounds

我已经检查过了，这对我有用！