1

我有一个带有许多瓷砖的蜂箱，每个瓷砖都由修饰符定位，如下所示：

六角瓷砖

我的代码如下所示：

<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]);
        }

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

但是如果我在'fa-modifier'中设置大小（需要滚动），我所有的瓷砖都会折叠：

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

我的六边形看起来像这样：

在此处输入图像描述

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

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

4

1 回答 1

1

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

但是可以强制滚动视图大小来指示如何滚动：

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

我设置了滚动视图大小，即屏幕大小。

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

这行得通，但我们做滚动视图工作......

于 2014-11-24T18:43:57.913 回答