制作famo.us /角滚动视图，每行

Question

我有很多瓷砖的蜂箱和每瓦定位于由修改如下诸多元素：

我的代码如下所示：

<fa-scroll-view  fa-pipe-from="scrollEventHandler" fa-options="scrollOptions"> 
    <fa-view ng-repeat="tile in tiles"> 
     <fa-modifier fa-transform="tile.transform"> 
       <fa-surface fa-background-color="tile.color"/> 
     </fa-modifier> 
    </fa-view> 
</fa-scroll-view> 

和tile.transform回报：

this.transform = function() { 
      var currentTilePosition = position.get(); 
      return Transform.translate(currentTilePosition[0], currentTilePosition[1], currentTilePosition[2]); 
     } 

Positio ns在返回时是正确的，但如果我在调试窗口中查看，位置会被修改。

但是，如果我在“FA-修饰符（需要滚动）设置大小，我所有的瓦片被倒塌：

<fa-modifier fa-transform="tile.transform" 
       fa-size="[80, 75]"> 

我六边形出现这样的：

它看起来不可能在同一行滚动视图上有多个元素，并自动将项目传递到下一行。

有人遇到过这个问题并解决了吗？

Answer 1

Famo.us Scroller似乎没有优化来管理列和行中的多个项目。 滚动视图无法计算其大小，因此无法滚动。

但它可能迫使滚动视图大小，以指示如何滚动：

<fa-scroll-view  fa-pipe-from="scrollEventHandler" fa-options="scrollOptions" 
        fa-size="[windowsWidth, windowsHeight]"> 
    <fa-view id="globalView" 
       fa-size="[windowsWidth, globalScreenHeight]"> 
     <fa-view ng-repeat="tile in tiles"> 
      <fa-modifier fa-transform="tile.transform"> 
        <fa-surface fa-background-color="tile.color"/> 
      </fa-modifier> 
     </fa-view> 
    </fa-view> 
</fa-scroll-view> 

我设置滚动视图的大小是屏幕大小。

然后我创建了一个包含所有对象视图的全局视图。我将可滚动大小设置为全局视图。

这项工作，但我们做滚动查看工作...