Swift/Chartsで作ったルーレットに当たり判定を入れたい

Question

https://www.hfoasi8fje3.work/entry/2019/03/04/213142
をもとに円グラフを描いてそれを回転させて `ルーレットアプリ`にしたいと考えています。

Chartsを使って画像のように円グラフも描けて `回転`もできるようになりました。
が、肝心の当たり判定を探しているのですが全然見つかりません。。

タイトルのネットフリックスを契約するのはだれ？の下に矢印マークを設置。
ルーレットの回転停止後の角度？などからどの項目を判定したいです。

どうやれば良いのでしょうか。
またルーレットアプリの作り方としてこの方法は正しいのでしょうか。

ヒントでも良いのでお願いします。

```
import Charts

    @IBOutlet weak var pieChartsView: PieChartView!
    var buttonStartFlg = true
    @IBOutlet weak var startButton: UIButton!

...

// MARK: - Action
    @IBAction func tapStartButton(_ sender: UIButton) {

        let animation = CABasicAnimation(keyPath: "transform.rotation")
        animation.isRemovedOnCompletion = false
        animation.fillMode = CAMediaTimingFillMode.forwards

        if buttonStartFlg {
            startButton.setImage(UIImage(named: "stop"), for: .normal)
            pieChartsView.layer.speed = 2.0
            animation.toValue = .pi / 2.0
            animation.duration = 0.1
            animation.repeatCount = MAXFLOAT
            animation.isCumulative = true
            pieChartsView.layer.add(animation, forKey: "ImageViewRotation")
            buttonStartFlg = false
        } else {
            startButton.setImage(UIImage(named: "start"), for: .normal)
            let pausedTime = pieChartsView.layer.convertTime(CACurrentMediaTime(), from: nil)
            pieChartsView.layer.speed = 0.0
            pieChartsView.layer.timeOffset = pausedTime
            buttonStartFlg = true
        }
    }
```

![イメージ説明](d3eea021a6a06309fe7c6814784b7dc6.png)

Accepted Answer

たとえば、 ```Swift let dataEntries = [ PieChartDataEntry(value: 40, label: "A"), PieChartDataEntry(value: 35, label: "B"), PieChartDataEntry(value: 25, label: "C") ] let dataSet = PieChartDataSet(entries: dataEntries) ``` と言った感じでデータセットを作ったとします。その時の当たり判定は、たとえばこんな感じになります。 ``` } else { startButton.setImage(UIImage(named: "start"), for: .normal) let pausedTime = pieChartsView.layer.convertTime(CACurrentMediaTime(), from: nil) pieChartsView.layer.speed = 0.0 pieChartsView.layer.timeOffset = pausedTime buttonStartFlg = true // ここまでは現状通り // 現在の回転角度を得る if let transform = pieChartsView.layer.presentation()?.transform { let angle = atan2(transform.m12, transform.m11) var testAngle = (angle * 180) / CGFloat.pi // 逆回転として考える（矢印の方が回転したと考える） if testAngle < 0 { // マイナスならプラスにする testAngle.negate() } else { testAngle = 360 - testAngle } // 矢印の位置 print("final: (testAngle)º") // 360° = 100% とした時の割合 let per = Int((testAngle) / 3.60) print("per: (per)") // 40:35:25 のグラフであれば、 // 0..<40 -> A // 40..<75 -> B // 75...100 -> C // 一般化するにはもう一工夫必要 if per < 40 { print("A") } else if per < 40 + 35 { print("B") } else { print("C") } } } ``` 基本的な考え方は - 一周 360度の円グラフのうち、3つの要素が占める割合を計算する - 止めた場所がどの割合に入るのか計算する - 考えやすくするため、「円が回転」しているのではなく、「矢印が回転している」と考えるという感じでしょうか。もちろん、割合に変換せず、角度のまま計算する方法でも構いません。要は何をやっているかというと、 - アニメーションを止めた時の現在角を得る - 回転角を 0-360度に補正する - 回転角を百分率に換算する（前述の通り、角度で計算しても構いません） - 換算した値がどの範囲に入るのか判定する（角度にするのであれば、割合を角度に変換する）という流れです。現在の書き方だと項目数が増減した場合、直接コードを書き直す必要が生じてしまいますので、実際には項目数に応じて柔軟に判定できるようなロジックにする必要があるかと思います。 ![イメージ説明](5df479af9b1ea3b6596f0c20a40f8bcd.gif)

関連した質問