html - Sencha Touch/ExtJS：平铺滚动视图（如 CATiledLayer）

Question

我正在寻找类似CATiledLayer（在 iOS 上）的东西，但用于 PhoneGap/Sencha Touch 2。

这个想法是以瓦片的形式从服务器“流式传输”一个非常大的图像 - 就像谷歌地图一样。

它应该支持移动设备上的触摸手势，以便用户可以捏缩放和滚动。

不幸的是，我找不到任何东西 - 所以非常感谢一些指针。

---

更新：

与此同时，我查看了OpenLayers，这似乎是我想要的并管理多层缩放等。不幸的是，它与 Geospartial 数据挂钩太多，无法禁用投影以使其像基本图像查看器一样工作。

我还发现了GSV（Big Ass Image Viewer）——不幸的是，我不支持触摸手势，而且通常似乎被放弃了。

对我来说，没有人真正需要这样的东西很奇怪，我尽量避免“重新发明轮子”。但现在看起来没有任何非地理数据/地图相关的解决方案。

Answer 1

我从未见过使用 Sencha Touch 2 完成这样的事情，尽管我会假设将这样的东西放在一起不需要太多。

它基本上是您的自定义组件（可以滚动）。在该组件中，您将插入 1 个与您的图像大小相同的子项（可以说；15000 像素 x 15000 像素），因此它会溢出。然后，您将侦听父容器上的滚动事件，当它到达某个 x/y 状态时，使用图像的该部分更新子项。

我不确定孩子 HTML 的最佳解决方案是什么。也许是一堆 div，但我认为<canvas>最适合图像。