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

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

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

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

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

Swift

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

Q&A

1回答

1189閲覧

【Swift or SwiftUI】指をぐるぐる回すと、時計のはりも同じように回るアプリを作りたい!

tomotomo2

総合スコア2

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

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

Swift

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

0グッド

0クリップ

投稿2021/11/27 06:18

やりたいこと
iOSで、画面タップをトリガーにして、アナログ時計の分針をぐりぐり回すアプリを作りたい!

前提条件
・ Swift or SwiftUI

聞きたいこと
画面タップ時に得られる値から、分針を指がある方向を示すための計算方法、および実装方法

やってみたこと
以下のコードのように、
「タップした画面の(X,Y)座標を取得」

「アングル計算」
を経て、指と一緒に針が動くように、実装しようと思いましたが、 変な挙動になってしまいました。

ぐりぐり動かせるようご教授お願いいたします。

SwiftUI

1struct SumpleView: View { 2 @State var position: CGSize = CGSize(width: 200, height: 300) 3 4 var drag: some Gesture { 5 DragGesture() 6 .onChanged{ value in 7 self.position = CGSize( 8 width: value.startLocation.x 9 + value.translation.width, 10 height: value.startLocation.y 11 + value.translation.height 12 ) 13 } 14 .onEnded{ value in 15 self.position = CGSize( 16 width: value.startLocation.x 17 + value.translation.width, 18 height: value.startLocation.y 19 + value.translation.height 20 ) 21 } 22 23 } 24 func angle(a:Point, b:Point) -> Double { 25 var r = atan2(b.y - a.y, b.x - a.x) 26 if r < 0 { 27 r = r + 2 * Double.pi 28 } 29 return floor(r * 360 / (2 * Double.pi)) 30 } 31} 32struct Point { 33 var x:Double = 0 34 var y:Double = 0 35} 36

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

bodyの部分がないためなんとも言えませんが、雰囲気はあっているはずです。

CircleSliderが参考になると思います。
https://zenn.dev/zunda_pixel/articles/1912bc51c354f0

さらにこのYoutubeを合わせれば、再現できると思います。
https://www.youtube.com/watch?v=BTtERko7j1Y

帰宅次第、可能であれば具体的なコードを載せたいと思います。

投稿2021/11/30 09:51

zundaa

総合スコア101

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

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

アカウントをお持ちの方は

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問