만들기 famo.us/라인

Question

나는 많은 타일 벌집을 가지고 각 타일은 다음과 같이 수정하여 위치에 따라 여러 요소와 각도있는 ScrollView :

내 코드는 다음과 같습니다

:

<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-수정'(필요는 스크롤)의 크기를 설정하면

하지만, 내 모든 타일은 붕괴됩니다

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

내 육각형

은 다음과 같이 나타납니다

그것을 같은 줄의 scrollview에 여러 요소가 있고 자동으로 항목을 다음 줄로 전달할 수없는 것처럼 보입니다.

누군가 이미이 문제가 발생하여 해결 되었습니까?

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

나는 스크롤 화면 크기 크기를 볼 설정합니다.

그런 다음 모든 개체보기를 포함하는 전역보기를 만들었습니다. 그리고 스크롤 할 수있는 크기를이 전역보기로 설정했습니다.

이 작동하지만 스크롤보기 작업을 수행합니다 ...