Question

我有一个自定义UIView，在其中绘制了一个UIBezierPath。此视图用于UITableViewCell。因此，当我滚动时，自定义视图的贝塞尔曲线路径将被重绘。问题在于，新路径会覆盖旧路径图（无法正确清除上下文）。我在获取表格单元格上调用setNeedsDisplay()，并且还为视图设置了clearsContextBeforeDrawing = true。清除旧图形的唯一方法是调用context.clear(rect)，但这一点都不理想，因为我失去了背景（它变成了黑色）。

关于如何解决此问题的任何想法？

class CustomView: UIView {

var percentage: CGFloat = 0 {
    didSet {
        setNeedsDisplay()
    }
}

override init(frame: CGRect) {
    super.init(frame: frame)
    clearsContextBeforeDrawing = true
    contentMode = .redraw
    clipsToBounds = false
}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

override func draw(_ rect: CGRect) {
    super.draw(rect)

    // NOTE: don't really like doing this
    let context = UIGraphicsGetCurrentContext()!
    context.clear(rect)

    let center = CGPoint(x: self.bounds.size.width/2, y: self.bounds.size.height/2)

    let path = UIBezierPath(arcCenter: center,
                            radius: self.bounds.size.width/2-10,
                            startAngle: 0.5 * .pi,
                            endAngle: (-2.0 * self.percentage + 0.5) * .pi,
                            clockwise: false)

    path.lineWidth = 4
    UIColor.red.setStroke()
    path.stroke()
}
}

这是我的单元格和自定义uiview设置的地方。

override func tableView(_ tableView: UITableView, cellForItemAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)
        let num = list[indexPath.item]
        let percentage = CGFloat(num) / 10
        cell.customView.percentage = percentage // Custom view should get redrawn after this call
        return cell
    }

Answer 1

我认为问题仅在于您的图形很大并且在单元格外部错位，因为您的视图没有边界。那是不连贯的。每个单元只需要绘制自己的内容。

换句话说，您看到的重叠与自定义视图图形无关；它与 cell 图有关。您正在用图形感染附近的细胞。

顺便说一句：

但这根本不理想，因为我失去了背景（它变成了黑色）。”

您可以通过在self.backgroundColor = .clear中说init来解决此问题。

重绘时未清除UIBezierPath

1 个答案: