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

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

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

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

Q&A

解決済

【swiftUI】@Stateによる切り替えが、文字全てに適用されてしまう

liday
TOM

総合スコア10

Swift

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

1回答

0グッド

0クリップ

259閲覧

投稿2022/11/07 04:14

前提

ここに質問の内容を詳しく書いてください。
(例)
TypeScriptで●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

実現したいこと

緑の盤面をタップするたびに、黒色、白色の●が交互に表示されるようにしたい

→テキストデータの.foregroundColorを、.onTapGestureで@State(isPlaying)を切り替えることで変更しようとしました。

  • ▲▲機能を動作するようにする

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

タップするたびに●は表示されるのですが、全て同じ色になってしまいます。

イメージ説明

該当のソースコード

swift

1import SwiftUI 2 3struct Home: View { 4 5 @State var moves: [String] = Array(repeating: "", count: 64) 6 @State var isplaying = false 7 8 var body: some View { 9 10 LazyVGrid(columns: Array(repeating: GridItem(.flexible(), spacing: 1), count: 8),spacing: 3) { 11 12 ForEach(0..<64, id: \.self) { index in 13 14 ZStack { 15 Color.green 16 17 Text(moves[index]) 18 .font(.system(size: 37)) 19 .fontWeight(.heavy) 20 .foregroundColor(isplaying ? .white : .black) 21 } 22 .frame(width: getWidth(), height: getWidth()) 23 .onTapGesture { 24 withAnimation(Animation.easeIn(duration: 0.5)) { 25 if moves[index] == "" { 26 moves[index] = "●" 27 } 28 isplaying.toggle() 29 } 30 } 31 } 32 } 33 } 34 35 func getWidth() -> CGFloat { 36 let width = UIScreen.main.bounds.width - (15) 37 return width / 8 38 } 39}

テキストの丸ではなく、白丸と黒丸のイメージ画像を用意して、
切り替えを行おうと思ったのですが、その場合どのようにして、タップする度に盤面の上に丸を表示させられるかがわからず、行き詰まっておりました。

質問に不備不足があった場合、申し訳ありません。
質問のアドバイス、直すべきところ、そもそも別の方法等がいい等もありましたら、
教えていただけると大変助かります。

恐れ入りますが、よろしくお願いします。

補足情報(FW/ツールのバージョンなど)

Xcode Version 14.0.1

以下のような質問にはグッドを送りましょう

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

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

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

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

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

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

回答1

0

ベストアンサー

→テキストデータの.foregroundColorを、.onTapGestureで@State(isPlaying)を切り替えることで変更しようとしました。

isPlayingはそのタップの時においた丸の色ですね。
それ以前においた丸の色は別の場所にそれぞれ保持する必要がありそうですね。
movesに保持するのが良いのかなと思いましたので、そのイメージで修正してみました。

テキストの丸ではなく、白丸と黒丸のイメージ画像を用意して、
切り替えを行おうと思ったのですが、その場合どのようにして、タップする度に盤面の上に丸を表示させられるかがわからず、行き詰まっておりました。

Imageを使った形に修正してみました。

swift

1import SwiftUI 2 3struct Home: View { 4 @State private var moves = Array(repeating: "", count: 64) 5 @State var isplaying = true 6 var body: some View { 7 LazyVGrid(columns: Array(repeating: GridItem(.flexible(), spacing: 1), count: 8), spacing: 3) { 8 ForEach(moves.indices, id: \.self) { index in 9 ZStack { 10 Color.green 11 if !moves[index].isEmpty { 12 Image(systemName: moves[index]) 13 } 14 } 15 .frame(width: getWidth(), height: getWidth()) 16 .onTapGesture { 17 withAnimation(Animation.easeIn(duration: 0.5)) { 18 guard moves[index].isEmpty else { 19 return 20 } 21 moves[index] = isplaying ? "circle.fill" : "circle" 22 isplaying.toggle() 23 } 24 } 25 } 26 } 27 } 28 func getWidth() -> CGFloat { 29 let width = UIScreen.main.bounds.width - (15) 30 return width / 8 31 } 32}

投稿2022/11/07 23:53

退会済みユーザー

退会済みユーザー

総合スコア0

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

liday

2022/11/08 01:25

ご返答いただきありがとうございます! 黒色と白色が交互に出るようになりました! 1点おうかがいしたいのですが、以下ZStack直下にある、 if !moves[index].isEmpty { }にはどのような意味があるのでしょうか? この部分を削除しても黒色、白色が交互にでるのですが、動作がとても遅くなってしまいました。 恐れ入りますが、もしご存じでしたらお教えいただけますでしょうか? ZStack { Color.green if !moves[index].isEmpty { Image(systemName: moves[index]) } }
退会済みユーザー

退会済みユーザー

2022/11/08 01:36

コメントありがとうございます。 > 以下ZStack直下にある、 if !moves[index].isEmpty { }にはどのような意味があるのでしょうか? 画像の名前が入っている時だけImageを表示するためのものですね。 画像の名前には"circle.fill"(黒丸)か"circle"(白丸)が入ることになりますが、 初期値は""(空文字列)ですので、空文字列の場合はImageを表示しないようにしています。 削除すると次のようなエラーが出力されると思います。 No symbol named '' found in system symbol set *画像が見つからなくて、探して遅くなっているのでしょうかね・・? *あるいはアニメーションされなくなっているみたいですので、それが遅いと感じているだけなのかもしれませんね
liday

2022/11/08 08:36

丁寧にご説明いただきありがとうございます! 勉強になりました!!

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

ただいまの回答率
86.02%

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

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

質問する

関連した質問

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

Swift

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