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

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

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

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

Swift

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

Q&A

解決済

1回答

3377閲覧

SwiftUIでImageの下にあるViewのタップ判定を取りたい

hodoru3sei

総合スコア284

Xcode

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

Swift

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

0グッド

0クリップ

投稿2021/09/07 11:03

Disabling user interactivity with allowsHitTesting()こちらの記事を参考にRectangleとCircleであればCirgleの下にあるRectangleのタップイベントを検知することができますがこれがImageになると何故かallowsHitTestingに関係なくタップが取れなくなってしまいます。
Imageで下のViewにタップを伝播したい時はどうしたら良いのでしょうか

うまく伝播されるコード

swift

1struct ContentView: View { 2 var body: some View { 3 ZStack { 4 Rectangle() 5 .fill(Color.blue) 6 .frame(width: 300, height: 300) 7 .onTapGesture { 8 print("Rectangle tapped!") 9 } 10 11 Circle() 12 .fill(Color.red) 13 .frame(width: 300, height: 300) 14 .onTapGesture { 15 print("Circle tapped!") 16 } 17 .allowsHitTesting(false) 18 } 19 } 20}

Imageを使ったうまくいかないコード

Swift

1struct ContentView: View { 2 var body: some View { 3 ZStack { 4 Rectangle() 5 .fill(Color.blue) 6 .frame(width: 300, height: 300) 7 .onTapGesture { 8 print("Rectangle tapped!") 9 } 10 11 Image(systemName: "star") 12 .frame(width: 300, height: 300, alignment: .center) 13 .background(Color.green) 14 .onTapGesture {} 15 .allowsTightening(false) 16 } 17 } 18} 19

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

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

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

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

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

guest

回答1

0

ベストアンサー

自分も詳しいことは分かっていないのですが、こうすると出来ました。

Swift

1struct ContentView: View { 2 var body: some View { 3 ZStack { 4 Rectangle() 5 .fill(Color.blue) 6 .frame(width: 300, height: 300) 7 .onTapGesture { 8 print("Rectangle tapped!") 9 } 10 11 ImageView() 12 .frame(width: 300, height: 300) 13 .onTapGesture { 14 print("Circle tapped!") 15 } 16 .allowsHitTesting(false) 17 } 18 } 19} 20 21struct ImageView: View { 22 var body: some View { 23 Image(systemName: "star") 24 } 25}

パッと調べてみても出てこなかったので分からないですが、ImageがViewを継承していないからこうなるのかも知れませんね。
今後わかったら追記させていただきます。

投稿2021/09/08 06:46

shiokara

総合スコア95

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

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

hodoru3sei

2021/09/08 08:24

ありがとうございます????‍♂️
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問