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

时间:2012-04-23 10:58:48

标签: html5 cordova sencha-touch-2 tile catiledlayer

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

我们的想法是以平铺的形式从服务器“流式传输”一个非常大的图像 - 就像谷歌地图完成工作一样。

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

不幸的是我找不到东西 - 所以有一些指示得到高度赞赏。


更新

与此同时,我看了OpenLayers,这似乎是我想要的,并管理多层缩放等。不幸的是,它过多地融入了Geospartial数据,并且没有办法禁用投影以使其像基本图像查看器一样工作。

我还找到了GSV(大屁股图像查看器) - 遗憾的是我不支持触摸手势,而且似乎一般都被放弃了。

对我而言,没有人真正需要这样的东西,我试图尽可能地防止“重新发明轮子”,这很奇怪。但是现在它看起来并不像任何非地理数据/地图相关的解决方案。

1 个答案:

答案 0 :(得分:0)

我从未见过使用Sencha Touch 2做过这样的事情,虽然我会假设将这样的东西放在一起并不需要太多。

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

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