Sencha Touch/ExtJS:平铺滚动视图(如CATiledLayer)



我正在寻找类似CATiledLayer的东西(在iOS上),但用于PhoneGap/Sencha Touch 2。

这个想法是以瓷砖的形式从服务器"流式传输"一个非常大的图像 - 非常像谷歌地图所做的工作。

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

不幸的是,我找不到一些东西 - 所以非常感谢一些指示。


更新:

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

我还发现了GSV(大屁股图像查看器) - 不幸的是,我不支持触摸手势,通常似乎被放弃了。

对我来说,奇怪的是没有人

真正需要这样的东西,我尽可能地防止"重新发明轮子"。但是现在看起来没有任何与地理数据/地图相关的解决方案。

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

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

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

最新更新