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

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

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

解決済

SwiftUIで動く破線の実装においてdashPhaseの指定部分の挙動が分からない

IKEH
IKEH

総合スコア6

1回答

0評価

0クリップ

184閲覧

投稿2022/08/07 12:49

編集2022/08/08 13:33

前提

発生している問題・エラーメッセージ

  • 下記のdashPhaseの指定でなぜうまく動いているのかがわかりません。
  • 私の考えでは今回dashPattern.reduce(0){$0 + $1} = 26なので、以下のように動くように思います。
    • dashPhase-26からスタートする
    • dashPhase26となり右に52だけアニメーションして動く(順方向に動く)
    • dashPhase-26となり左に52だけアニメーションして動く(逆向きに動く)
    • (以上を繰り返し)
  • しかし実際はずっと右方向に動いているようなアニメーションとして動作します。コード中でどのような処理になっているのでしょうか。

swift

dashPhase: marching ? -dashPattern.reduce(0){$0 + $1} : dashPattern.reduce(0){$0 + $1}))

該当のソースコード

swift

import SwiftUI struct RopeView: View { // MARK: - Properties let startPoint: CGPoint = .init(x: 50, y: 100) let endPoint: CGPoint = .init(x: 400, y: 100) private let dashPattern: [CGFloat] = [12, 14] @State private var marching = true // MARK: - LifeCycle // MARK: - View var body: some View { Path { path in path.move(to: startPoint) path.addLine(to: endPoint) } .stroke(style: StrokeStyle( lineWidth: 8, miterLimit: 10, dash: dashPattern, dashPhase: marching ? -dashPattern.reduce(0){$0 + $1} : dashPattern.reduce(0){$0 + $1})) .foregroundColor(.blue) .onAppear { marching = false withAnimation(.linear(duration: 1.0).repeatForever(autoreverses: false)) { marching.toggle() } } .background(.gray.opacity(0.3)) } } struct RopeView_Previews: PreviewProvider { static var previews: some View { RopeView() } }

良い質問の評価を上げる

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

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

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

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

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

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

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

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

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

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

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