将UIView子类设置为UITableViewCell子类中的IBOutlet

时间:2015-01-25 13:13:39

标签: ios iphone swift ios8

我有这个UIView子类,它返回一个带有渐变背景的视图

class GradientView: UIView {

override func drawRect(rect: CGRect) {

    var currentContext = UIGraphicsGetCurrentContext()

    CGContextSaveGState(currentContext);

    var colorSpace = CGColorSpaceCreateDeviceRGB()

    var startColor = UIColor(red: 195/255, green: 33/255, blue: 121/255, alpha: 1);
    var startColorComponents = CGColorGetComponents(startColor.CGColor)
    var endColor = UIColor(red: 134/255, green: 25/255, blue: 101/255, alpha: 1);
    var endColorComponents = CGColorGetComponents(endColor.CGColor)

    var colorComponents
    = [startColorComponents[0], startColorComponents[1], startColorComponents[2], startColorComponents[3], endColorComponents[0], endColorComponents[1], endColorComponents[2], endColorComponents[3]]

    var locations:[CGFloat] = [0.0, 1.0]

    var gradient = CGGradientCreateWithColorComponents(colorSpace,&colorComponents,&locations,2)

    var startPoint = CGPointMake(0, self.bounds.height)
    var endPoint = CGPointMake(self.bounds.width, self.bounds.height)

    CGContextDrawLinearGradient(currentContext,gradient,startPoint,endPoint, 0)

    CGContextRestoreGState(currentContext);
}

在Interface Builder中,在UITableView的一个原型单元格中,我有一个GradientView。我将ctrl-拖动到原型单元的UITableViewCell子类中作为IBOutlet的渐变。

class GenericResultsHeaderCell: UITableViewCell {

    @IBOutlet weak var headerLabel: UILabel!
    @IBOutlet weak var headerIcon: UIImageView!
    @IBOutlet var backgroundView: GradientView!

}

但是我得到了: Cannot override mutable property 'backgroundView' of type 'UIView?' with covariant type 'GradientView!'

这里出了什么问题?

1 个答案:

答案 0 :(得分:0)

我认为您的问题是UITableViewCell已经有一个名为backgroundView的属性,您的IBOutlet会覆盖它。

For reference

我要做的是覆盖UIStoryboard实例化单元格的指定初始化程序。我的子类可能看起来像这样:

class GenericResultsHeaderCell: UITableViewCell {

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        self.backgroundView = GradientView(frame: self.frame)
    }
} 

请注意,backgroundView将位于内容视图下方,因此您可能无法看到它。