nativescriptタッチイベントに透明な要素を作る方法

自分のプロジェクトの1つとして、nativescript（IOS App）のGoogleマップ上でケラレの効果を開発する必要があるため、Googleマップ上でpng24イメージソリューションを使用することに決めましたビュー。nativescriptタッチイベントに透明な要素を作る方法

<GridLayout id="appContainer"> 
     <MapView id="mapView"></MapView> 
     <Image src="~/images/vignettage.png" style="width:100%; height:100%;"></Image> 
</GridLayout>

は今、明らかに私は、オーバーレイ画像によって引き継がれそうマップ、タッチジェスチャー、パンジェスチャーと対話しようとしたときに問題に遭遇します。

カーソルイベントのウェブサイトでCSS pointer-events:none;と同じ方法で、この画像をタッチイベントに対して透過的にする方法を教えてください。

任意のtypescript.javascriptまたはpure objective-cソリューション歓迎！

はちょうどこの問題を説明するために画像を追加しました：iOSとAndroidの御馳走イベントバブリングする方法に関連しています

出典

2017-04-13 Vincent Duprez

画像のどのイベントにもフックしていますか：image.on（ 'pan'、（））など？そうでない場合は、イベントが通過するはずです。私がイメージイベントを聞いていなければ、少なくともアンドロイド上で動作しています。 –

画像コンポーネントに 'ios：isUserInteractionEnabled =" false "'を入れてみることができますか？ –

@VictorNascimentoそれは動作します！これをnativeElementでコードに追加しようとしましたが、うまくいきませんでした。それをテンプレートの上に置く！ありがとう、たくさん、回答として投稿してください –

。 iOSの場合は、オーバーレイテンプレートに ios:isUserInteractionEnabled="false"を入れて、イベントを通過させる必要があります。

出典

2017-04-15 13:06:58

あなたがアンドロイドのためにそれを行う方法を知っている場合に備えて、それを応答に追加するのをためらうことはありません。ありがとうございました –

Androidで実際に何もする必要はありません。 –

nativescriptタッチイベントに透明な要素を作る方法

答えて

関連する問題