如何使用Swift上的drawRect更改三角形图的颜色

Question

我制作了三角视图，名为UpTriangleView。它用于显示投票。当他们被轻拍时，我想改变他们的颜色。我想要UIColor.grayColor().setStroke()来自实例，但我不知道该怎么做。如果你知道的话，请告诉我怎么做。谢谢你的亲属。

class UpTriangleView: UIView {

  override func drawRect(rect: CGRect) {
    self.backgroundColor = UIColor.clearColor()
    // Get Height and Width
    let layerHeight = self.layer.frame.height
    let layerWidth = self.layer.frame.width

    // Create Path
    let line = UIBezierPath()

    // Draw Points
    line.moveToPoint(CGPointMake(0, layerHeight))
    line.addLineToPoint(CGPointMake(layerWidth, layerHeight))
    line.addLineToPoint(CGPointMake(layerWidth/2, 0))
    line.addLineToPoint(CGPointMake(0, layerHeight))
    line.closePath()

    // Apply Color
    UIColor.grayColor().setStroke()
    UIColor.grayColor().setFill()
    line.lineWidth = 3.0
    line.fill()
    line.stroke()

    // Mask to Path
    let shapeLayer = CAShapeLayer()
    shapeLayer.path = line.CGPath
    self.layer.mask = shapeLayer
  }
} 


class QATableViewCell : UITableViewCell{   
  @IBOutlet weak var upTriangleView: UpTriangleView!
}

Answer 1

向UpTriangleView添加一个属性，即您要绘制它的颜色。如果设置了颜色，请实施didSet并致电setNeedsDisplay()：

class UpTriangleView: UIView {

    var color = UIColor.gray {
        didSet {
            self.setNeedsDisplay()
        }
    }

    override func draw(_ rect: CGRect) {
        self.backgroundColor = .clear

        // Get Height and Width
        let layerHeight = self.layer.bounds.height
        let layerWidth = self.layer.bounds.width

        // Create Path
        let line = UIBezierPath()

        // Draw Points
        line.move(to: CGPoint(x: 0, y: layerHeight))
        line.addLine(to: CGPoint(x: layerWidth, y: layerHeight))
        line.addLine(to: CGPoint(x: layerWidth/2, y: 0))
        line.addLine(to: CGPoint(x: 0, y: layerHeight))
        line.close()

        // Apply Color
        color.setStroke()
        color.setFill()
        line.lineWidth = 3.0
        line.fill()
        line.stroke()

        // Mask to Path
        let shapeLayer = CAShapeLayer()
        shapeLayer.path = line.cgPath
        self.layer.mask = shapeLayer
    }
}

现在，在Playground中演示它（见下面的结果图片）：

let utv = UpTriangleView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
utv.color = .yellow  // now triangle is yellow
utv.color = .red     // now triangle is red

setNeedsDisplay会告诉iOS您的视图需要重新绘制，并且将使用新设置的颜色再次调用drawRect。