質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

解決済

Swift ルーレットを一度止めた後、反時計回りに回したい。

tmyk1979
tmyk1979

総合スコア142

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

1回答

0評価

0クリップ

130閲覧

投稿2022/06/12 12:12

編集2022/06/13 02:49

前提

Swiftでルーレットを作りました。丸い円盤状のルーレットの上(0度の位置)に矢印があり、ボタンをタップするとルーレットの画像が回って、もう一度ボタンをタップするとルーレットの画像が止まるようにしています。

ルーレットを止めた時、ルーレットの上半分(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

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています