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解决方案欢迎！

只是增加了一个图像来说明这个问题：

你是否挂在图像上的任何事件：image.on（'pan'，（））等？如果没有，事件应该通过。至少在Android上它工作，如果我不听图像事件。 –

你可以尝试在图像组件上放置'ios：isUserInteractionEnabled =“false”'？ –

@VictorNascimento工程！试图用nativeElement代码添加它，但没有奏效。把它放在模板作品中！非常感谢，请张贴它作为答案 –

答

这就是如何iOS和Android治疗事件冒泡有关。对于iOS，您应该在叠加层模板上放置 ios:isUserInteractionEnabled="false"以让事件通过。

以防万一你知道如何为android做它，不要犹豫，将其添加到响应。谢谢 –

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

nativescript如何让元素对于触摸事件是透明的

相关推荐