带有手势的图像 - phonegap答案

【问题标题】：Image with gestures - phonegap带有手势的图像 - phonegap
【发布时间】：2011-02-23 15:12:01
【问题描述】：

我正在制作一个需要显示地图的应用程序，该地图包含在一个大图像文件 (png) 中。用户必须能够放大/缩小图像并拖动它才能通过触摸手势滚动图像。

我不确定你是否明白，但我想显示单个图像，因为它将由“照片”iphone 应用程序显示。

我想要一些关于使用这些手势和导航标题以离开图像视图的最佳方法的提示。

如果您能就这个问题给我任何帮助，请提前感谢，因为我在 phonegap 文档上没有找到任何线索。

/乌斯

【问题讨论】：

【解决方案1】：

你为什么不为此使用内置的 inn 组件？

听起来您需要将 ImageView 包装在 ScrollView 和 HorizontalScrollView 中，然后通过处理 onTouch 事件重新缩放图像。

【讨论】：

我想我别无选择，只能原生并制作一个插件......非常不酷，因为我必须为 Android 和 iPhone 做一个插件，因为我的目标是这些设备。我想那时我将不得不考虑使用 Titanium。无论如何感谢您的帮助。

【解决方案2】：

祝你好运！

【讨论】：

感谢您的帮助。我知道这个插件，但我认为这不是我想要的，因为它只是 MKMapView (see doc) 的包装器，并且不能将图像显示为地图。所以这不是我要找的。还是谢谢！

【解决方案3】：

我会使用http://cubiq.org/iscroll-4，它可以进行一些非常流畅的图像缩放。您还可以在某些缩放级别后开始加载新图像以获得更精细的质量。

【讨论】：

【解决方案4】：

我建议Child Browser phonegap 插件。它非常简单，易于实现。

它支持从 url 加载页面以及您可以显示任何类型的图像。（png、jpg、jpeg、bmp 和 gif）

【讨论】：