Я создал подкласс UIView, который выглядит следующим образом:
Это 21 круг, упакованный в треугольную форму.Круги являются касательными друг к другу.
Я хочу знать, какой круг касается, когда распознается жест касания.В частности, я хочу знать номер строки (0 относится к верхнему ряду, 5 относится к нижнему ряду) и индекс (0 относится к крайнему левому кругу) затронутого круга.
Вот как ярисовать круги.Там нет ничего плохого с этим кодом AFAIK.Я предоставил этот код, чтобы вы могли воспроизвести мой пользовательский UIView.
// This is the frame that I actually draw the circles in, because the view's
// bounds is not always the perfect size. This frame is supposed to be centered in the view's bounds
var actualBoardFrame: CGRect {
if bounds.width < bounds.height {
return CGRect(x: 0,
y: (bounds.height - bounds.width) / 2,
width: bounds.width,
height: bounds.width)
.insetBy(dx: 3, dy: 3)
} else {
return CGRect(x: (bounds.width - bounds.height) / 2,
y: 0,
width: bounds.height,
height: bounds.height)
.insetBy(dx: 3, dy: 3)
}
}
var circleDiameter: CGFloat {
return actualBoardFrame.height / 6
}
override func draw(_ rect: CGRect) {
for row in 0..<board.rowCount {
for index in 0...row {
let path = UIBezierPath(ovalIn: CGRect(origin: pointInViewFrame(forCircleInRow: row, atIndex: index), size: size))
path.lineWidth = 3
UIColor.black.setStroke()
path.stroke()
}
}
}
// Sorry for the short variable names. I worked this formula out on paper with maths,
// so I didn't bother to write long names
func pointInBoardFrame(forCircleInRow row: Int, atIndex index: Int) -> CGPoint {
let n = CGFloat(board.rowCount)
let c = CGFloat(board.rowCount - row - 1)
let w = actualBoardFrame.width
let h = actualBoardFrame.height
let x = (2 * w * CGFloat(index) + w * c) / (2 * n)
let y = (n - c - 1) * h / n + (c * (circleDiameter / 2) * tan(.pi / 8))
return CGPoint(x: x, y: y)
}
// This converts the point in the actualBoardFrame's coordinate space
// to a point in the view.bounds coordinate space
func pointInViewFrame(forCircleInRow row: Int, atIndex index: Int) -> CGPoint {
let point = pointInBoardFrame(forCircleInRow: row, atIndex: index)
return CGPoint(x: point.x + actualBoardFrame.origin.x, y: point.y + actualBoardFrame.origin.y)
}
Один из способов, которым я пытался определить, к какому кругу прикоснулись, заключается в следующем:
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
guard let point = touches.first?.location(in: self) else { return }
let pointInBoardFrame = CGPoint(x: point.x - actualBoardFrame.origin.x, y: point.y - actualBoardFrame.origin.y)
guard pointInBoardFrame.y >= 0 else { return }
// This line below makes an incorrect assumption
let touchedRow = Int(pointInBoardFrame.y / circleDiameter)
let rowStart = self.pointInBoardFrame(forCircleInRow: touchedRow, atIndex: 0).x
let rowEnd = self.pointInBoardFrame(forCircleInRow: touchedRow, atIndex: touchedRow).x + circleDiameter
guard pointInBoardFrame.x >= rowStart && pointInBoardFrame.x <= rowEnd else { return }
let touchedIndex = Int((pointInBoardFrame.x - rowStart) / circleDiameter)
print("touched circle: \(touchedRow) \(touchedIndex)")
}
.работать, потому что это делает неверное предположение, что координата y крана может быть использована для однозначного определения коснувшейся строки.Это не так, потому что существуют горизонтальные линии, которые проходят через две строки.
Как я могу это сделать?