nativescript如何讓元素對於觸摸事件是透明的

對於我的其中一個項目，我需要在nativescript（IOS應用程序）中對谷歌地圖開發漸暈效果，所以我決定使用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或純粹的objective-c解決方案歡迎！

只是增加了一個圖像來說明這個問題：

來源

2017-04-13 Vincent Duprez

你是否掛在圖像上的任何事件：image.on（'pan'，（））等？如果沒有，事件應該通過。至少在Android上它工作，如果我不聽圖像事件。 –

你可以嘗試在圖像組件上放置'ios：isUserInteractionEnabled =「false」'？ –

@VictorNascimento工程！試圖用nativeElement代碼添加它，但沒有奏效。把它放在模板作品中！非常感謝，請張貼它作爲答案 –

這就是如何iOS和Android治療事件冒泡有關。對於iOS，您應該在疊加層模板上放置 ios:isUserInteractionEnabled="false"以讓事件通過。

來源

2017-04-15 13:06:58

以防萬一你知道如何爲android做它，不要猶豫，將其添加到響應。謝謝 –

在Android上，你其實不需要做任何事情。 –

nativescript如何讓元素對於觸摸事件是透明的

回答

相關問題