UIBezierPath не очищается при перерисовке - PullRequest
Новая
       36

UIBezierPath не очищается при перерисовке

0 голосов
/ 30 сентября 2018

У меня есть пользовательский 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()
}
}

Здесь устанавливаются моя ячейка и пользовательский интерфейс. 

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
    }

1 Ответ

0 голосов
/ 30 сентября 2018

Я думаю, что проблема в том, что ваш рисунок огромен и выходит за пределы ячейки, потому что ваши виды не ограничиваются.Это бессвязно.Каждая ячейка должна рисовать только свой собственный контент.

Другими словами, наблюдаемое вами перекрытие не имеет ничего общего с чертежом пользовательского вида;это связано с чертежом cell .Вы заражаете соседние клетки своим рисунком.

Кстати, вы говорите:

, но это вовсе не идеально, так как я теряю фон (он становится черным). "

Вы можете это исправить, сказав self.backgroundColor = .clear в своем init.

...