2014-11-04 4 views
1

У меня есть улей с большим количеством плиток и каждая плитка позиционируется модификатором, как показано ниже:Марка famo.us/Угловая Scrollview со многими элементами в каждой строке

Hexagon tiles

Мой код выглядит следующим образом:

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

Положения и ns верны, когда они возвращаются, но если я посмотрю в окне отладки, позиция будет изменена.

Но если я установить размер в 'фа-модификатора' (необходимо прокручивать), все мои плитки свернуты:

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

Мои шестиугольников выглядеть следующим образом:

enter image description here

It похоже, что невозможно иметь несколько элементов в одной строке scrollview и автоматически передавать элементы на следующую строку.

Неужели кто-то уже столкнулся с этой проблемой и решил ее?

ответ

1

Спрей Famo.us, похоже, не оптимизирован для управления несколькими элементами в столбце и строке. Scroll-view не может рассчитать свой размер, поэтому прокрутка невозможна.

Но можно заставить размер прокрутки ракурса, чтобы указать, как пролистайте:

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

Я установил Scroll посмотреть размер, который размер экрана.

Затем я создал глобальный вид, который содержит все виды объектов. И я установил прокручиваемый размер этого глобального представления.

Это работает, но мы работаем с прокруткой ...

Смежные вопросы