具有 IBInspectable 颜色属性的子类 - 无法覆盖

Question

我有一个带有 IBInspectable 颜色属性的自定义 UIView 类：

class MyParent: UIView {
    // use CGColor for setting background (a gradient), and IBInspectable UIColor to choose color in Interface Builder
    var color1: CGColor = UIColor(red: 100.0/255.0, green: 130.0/255.0, blue: 230.0/255.0, alpha: 1.0).CGColor
    var color2: CGColort = UIColor(red: 200.0/255.0, green: 30.0/255.0, blue: 30.0/255.0, alpha: 1.0).CGColor
    @IBInspectable var UIcolor1: UIColor = UIColor(red: 100.0/255.0, green: 130.0/255.0, blue: 230.0/255.0, alpha: 1.0) {
        didSet {
            color1 = UIcolor1.cgColor
        }
    }

    // INIT: Set gradient with color1/2 for the background of MyParent view
    override init(frame: CGRect) {
        super.init(frame: frame);
        var gradient = CAGradientLayer()
        gradient.frame = bounds
        gradient.colors = [color1, color2]
        layer.insertSublayer(gradient, at: 0)
    }
}

澄清更新： 这样做是为了能够在 Interface Builder 中选择颜色（只能使用 UIColor），但是由于视图的背景是渐变的，它需要转换成CGColor。因此 didSet 完成了这项工作，并且在 IB 中选择了一个 UIColor 后，背景分别发生了变化。

现在我想要另一个自定义 UIView，它是 MyParent 的子类，我想设置另一个默认 UIcolor1，但我收到错误：

class MySubclass: MyParent {
    // override UIcolor1
    override var UIcolor1: UIColor = UIColor.blue

    // ...
}

以下错误：

Cannot override the stored property 'UIcolor1'

我怎样才能让它工作？

Answer 1

如果您不想在初始化时设置颜色，我认为您可以在这里做的最好的事情

class MySubclass: MyParent {
// override UIcolor1
  override var UIcolor1: UIColor {
      get {
          return .blue
      }
      set {
          color1 = newValue.cgColor
      }
   }
// ...
}

代码编辑后

我认为没有必要对视图进行子类化。这是工作代码

@IBDesignable
class MyParent: UIView {
    // use CGColor for setting background, and IBInspectable UIColor to choose color in Interface Builder
    var color1: UIColor = UIColor.blue {
        didSet {
            gradientLayer.colors = [color1.cgColor, color2]
        }
    }

   var color2: CGColor = UIColor.green.cgColor

   @IBInspectable var inspectableColor1: UIColor {
       get {
           return color1
       }
       set {
           color1 = newValue
       }
   }

   private var gradientLayer = CAGradientLayer()
   // INIT: Set color1 for the background of MyParent view
   // ...
   override init(frame: CGRect) {
      super.init(frame: frame)
      setupLayer()
   }

   required init?(coder aDecoder: NSCoder) {
      super.init(coder: aDecoder)
      setupLayer()
  }

  func setupLayer() {
      gradientLayer.frame = bounds
      gradientLayer.colors = [color1.cgColor, color2]
      layer.insertSublayer(gradientLayer, at: 0)
  }
}