前提
Swiftでルーレットを作りました。丸い円盤状のルーレットの上(０度の位置)に矢印があり、ボタンをタップするとルーレットの画像が回って、もう一度ボタンをタップするとルーレットの画像が止まるようにしています。
ルーレットを止めた時、ルーレットの上半分（270度から0度、0度から90度の位置）に矢印があった場合、ルーレットがゆっくり回って0度の位置で止まるようにしています。270度から0度の位置に止まった場合は時計回り、0度から90度の位置に止まった場合は反時計回りで0度の位置に修正されます。
ルーレットを止めた時、ルーレットの下半分（90度から180度、180度から270度の位置）に矢印があった場合はルーレットがゆっくり回って180度の位置に修正されるようにしました。
ここで、180度から270度の位置に止まった場合はゆっくりと時計回りで回って180度の位置に修正されるのですが、90度から180度の位置に止まった場合も時計回りで大きく回って180度の位置に止まります。回転スピードもゆっくりになりません。
実現したいこと
90度から180度の位置に止まった場合は反時計回りでゆっくり回って180度の位置まで修正されるようにしたいです。うまく行く方法がありましたらご教示いただけますようお願いします。
該当のソースコード
Swift
import UIKit class ViewController: UIViewController { var repeatTimer: Timer! // ボタンフラグ var buttonStartFlg = true var animation: CABasicAnimation = CABasicAnimation() // ボタン @IBOutlet weak var startButton: UIButton! // ルーレット画像 @IBOutlet weak var rouletteImage: UIImageView! override func viewDidLoad() { startButton.layer.cornerRadius = 10.0//ボタンを角丸にする } // スタートボタンを押した際のIBAction @IBAction func tapStartButton(_ sender: UIButton) { if buttonStartFlg { startRotate() print("Start") buttonStartFlg = false } else { stopRotate() print("Stop") buttonStartFlg = true } } func startRotate() { startButton.setTitle("STOP", for: .normal) let layer = rouletteImage.layer // animation の設定 animation = CABasicAnimation(keyPath: "transform.rotation") animation.isRemovedOnCompletion = false animation.fillMode = CAMediaTimingFillMode.forwards // 0度から回転を開始する。 animation.fromValue = 0 // 1回のアニメーションで、360度まで回転する。 animation.toValue = CGFloat(Double.pi / 180) * 360 // 回転速度 animation.duration = 2.0 // リピート回数 animation.repeatCount = .infinity layer.add(animation, forKey: "animation") // 一時停止した時の時刻 let pausedTime = layer.timeOffset // アニメーションを再開する layer.speed = 1.0 // layer の timeOffset プロパティに 0 を設定 layer.timeOffset = 0.0 // beginTimeプロパティはアニメーションの開始時刻を表します。 layer.beginTime = 0.0 // 現在時刻 - 一時停止した時の時刻 let timeSincePause = layer.convertTime(CACurrentMediaTime(), from: nil) - pausedTime layer.beginTime = timeSincePause } func stopRotate(){ startButton.setTitle("START", for: .normal) let layer = rouletteImage.layer // 現在時刻を layer の timeOffset プロパティに設定 let pausedTime = layer.convertTime(CACurrentMediaTime(), from: nil) layer.timeOffset = pausedTime // アニメーションを停止する layer.speed = 0.0 let transform = self.rouletteImage.layer.presentation()?.transform let angle = atan2(transform!.m12, transform!.m11) var testAngle = (angle * 180) / CGFloat.pi // ボタンを押した時の角度から回転を開始する。 self.animation.fromValue = CGFloat(Double.pi / 180) * testAngle // 逆回転として考える（矢印の方が回転したと考える） if testAngle < 0 { // マイナスならプラスにする testAngle.negate() } // 矢印の位置 print("finalAAA: \(testAngle)º") // 360° = 100% とした時の割合 let per = Int((testAngle) / 3.60) print("perAAA: \(per)") if 270 <= testAngle || testAngle < 90 { //270度から90度までの場合、0度の位置まで回転する self.animation.toValue = CGFloat(Double.pi / 180) * 0 } else if 90 <= testAngle && testAngle < 270 { //90度から270度までの場合、180度の位置まで回転する self.animation.toValue = CGFloat(Double.pi / 180) * 180 } // 回転速度 self.animation.duration = 2.0 // リピート回数 self.animation.repeatCount = 1 layer.add(self.animation, forKey: "animation") layer.speed = 1.0 }}
試したこと
90度から180度までで止まった場合のみ
Swift
self.animation.toValue = CGFloat(Double.pi / 180) * -180
・・・と、マイナス180度まで回るようにしてみたり、「Swift animate 回転 反時計回り」などの単語で検索してみたりしましたが、うまく行く方法は分かりませんでした。
補足情報（FW/ツールのバージョンなど）
Xcode13.4.1
iphone7
iOS15.5
0 コメント