製作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> 

我設置滾動視圖的大小是屏幕大小。

然後我創建了一個包含所有對象視圖的全局視圖。我將可滾動大小設置爲全局視圖。

這項工作，但我們做滾動查看工作...