CALayer 不使用自动布局调整大小

Question

我通过创建渐变层创建了要在 tableView 中使用的进度条。它完美地工作。

iPhone5：

为了在多个设备上使用该应用程序，我在 Storyboard 中创建了 UIView，对其进行了标记并添加了约束。 但是，当我在 iPhone 6 上使用该应用程序时，CALayer 不会调整大小。

iPhone6：

我觉得这非常愚蠢，但没关系。几个月来，我环顾四周，试图了解如何解决这个问题，但我做不到。 ANYONE 知道如何使用 UIView 调整 CALayers 的大小吗？任何帮助将不胜感激！谢谢。

        progressBar =  cell.contentView.viewWithTag(3) as UIView!
        progressBar.layer.cornerRadius = 4
        progressBar.layer.masksToBounds = true


        // create gradient layer
        let gradient : CAGradientLayer = CAGradientLayer()

        // create color array
        let arrayColors: [AnyObject] = [
            UIColor (red: 255/255, green: 138/255, blue: 1/255, alpha: 1).CGColor,
            UIColor (red: 110/255, green: 110/255, blue: 118/255, alpha: 1).CGColor]

        // set gradient frame bounds to match progressBar bounds
        gradient.frame = progressBar.bounds

        // set gradient's color array
        gradient.colors = arrayColors

        //Set progress(progressBar)
        var percentageCompleted = 0.6

        gradient.startPoint = CGPoint(x: 0.0, y: 0.5)
        gradient.locations = [percentageCompleted, percentageCompleted]
        gradient.endPoint = CGPoint(x: 1, y: 0.5)

        // replace base layer with gradient layer
        progressBar.layer.insertSublayer(gradient, atIndex: 0)

Answer 1

UIView 的默认层会随其视图调整大小，但子层不会（如您所见）。完成这项工作的一种方法是创建一个自定义视图类，将您在问题中的代码移动到它，并覆盖 layoutSublayersOfLayer，您可以在其中将渐变层设置为与视图相同的大小。因为此代码现在位于自定义类中，所以我还创建了一个属性 percentCompleted（而不是局部变量），并添加了一个 willSet 子句，以便在您更改 percentCompleted 属性时随时更新栏的外观。

class RDProgressView: UIView {

    private let gradient : CAGradientLayer = CAGradientLayer()

    var percentageCompleted: Double = 0.0 {
        willSet{
            gradient.locations = [newValue, newValue]
        }
    }

    override func awakeFromNib() {
        self.layer.cornerRadius = 4
        self.layer.masksToBounds = true

        // create color array
        let arrayColors: [AnyObject] = [
            UIColor (red: 255/255, green: 138/255, blue: 1/255, alpha: 1).CGColor,
            UIColor (red: 110/255, green: 110/255, blue: 118/255, alpha: 1).CGColor]

        // set gradient's color array
        gradient.colors = arrayColors

        //Set progress(progressBar)
        gradient.startPoint = CGPoint(x: 0.0, y: 0.5)
        gradient.locations = [percentageCompleted, percentageCompleted]
        gradient.endPoint = CGPoint(x: 1, y: 0.5)

        self.layer.insertSublayer(gradient, atIndex: 0)
    }

    override func layoutSublayersOfLayer(layer: CALayer!) {
        super.layoutSublayersOfLayer(layer)
        gradient.frame = self.bounds
    }
}

在 IB 中，您可以将视图的类更改为 RDProgressView（在我的示例中），而在 cellForRowAtIndexPath 中，您只需获取对视图的引用，并设置它的 percentCompleted 属性。

progressBar =  cell.contentView.viewWithTag(3) as RDProgressView! 
progressBar.percentageCompleted = 0.2

Answer 2

作为已接受答案的替代方案，您还可以将视图层类更改为CAGradientLayer。视图层将始终根据布局更改调整大小。您可以通过继承 UIView 来实现这一点

class GradientView: UIView {
  override class func layerClass() -> AnyClass {
    return CAGradientLayer.self
  }
}

然后设置颜色

if let gradientLayer = gradientView.layer as? CAGradientLayer {
  gradientLayer.colors = arrayColors
}

与添加和维护子层相比，它的代码更少，但可能并不适合所有用例。