如何在 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 将使用新设置的颜色再次调用。

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

How to change color of Triangle figure using drawRect on Swift

drawrect

swift