2013-09-29 4 views
0

티타늄의 오른쪽 및 왼쪽 화살표를 사용하여 세로 스크롤을 제어하는 ​​방법.ScrollView 왼쪽 및 오른쪽 스크롤 화살표 버튼

var counter = 0; 
    rightArrow.addEventListener('click', function(e) { 

    counter++; 

    var wrapperChild = wrapperView.getChildren(); 

    var scroll2 = verticalScroll.scrollTo(114, 0); 
    var scroll1 = verticalScroll.scrollTo(0, 0); 
    var scroll3 = verticalScroll.scrollTo(307, 0); 

    if (counter == 1) { 
     verticalScroll.scrollTo(114, 0); 
     alert(counter); 
    } else if (counter == 2) { 
     verticalScroll.scrollTo(307, 0); 
     alert(counter); 
     //} 
    } else if (counter == 3) { 
     verticalScroll.scrollTo(417, 0); 
     alert(counter); 
    } else if (counter == 4) { 
     verticalScroll.scrollTo(560, 0); 
     alert(counter); 
    } else if (counter == 5) { 
     verticalScroll.scrollTo(672, 0); 
     alert(counter); 
    } 
}); 

leftArrow.addEventListener('click', function(e) { 
    if (counter == 0) verticalScroll.scrollTo(0, 0); 
}); 

verticalScroll.addEventListener('scroll', function(e) { 
    Ti.API.info('Scrollview contents y offset: ' + e.x + 'Scrollview contents y offset: ' + e.y); 
}); 

답변

1

있는 ScrollView가, scrollTo(Number x, Number y)라는 방법이있다 here을 문서화 : 스크롤 뷰와 오른쪽 및 왼쪽 화살표 다음

사이를 연결하는 방법 코드입니다.

은 기본적으로 당신은

  • 로 만들고
  • 만들고 창에 왼쪽과 오른쪽 버튼을 추가 창에있는 ScrollView를 추가해야 (당신은 당신이 전에 버튼을 추가 할 경우 Z- 색인을 설정해야 할 수도 있습니다 scrollview)
  • scrollTo()를 트리거하는 버튼에 eventListeners를 추가합니다. "Simple Buttons Example"

당신은 당신의 제안이 나에게 많은 도움 안녕 감사 Titaniums ScrollableView

+0

에도 관심을 가질만한 참조하십시오. 나는 필요한 위치에 추가하고 스크롤했다. 이제 나는 하나의 논리 시나리오에 갇혀있다. 먼저 레이블을 추가했습니다. 페이지가 첫 번째 레이블에 집중 될 때마다 x 및 y 좌표로 표시됩니다. 오른쪽 화살표를 클릭하면 다른 레이블로 스크롤됩니다. 그러나 내가 다시 왼쪽 화살표를 클릭하면 먼저 핵심을 향해 항해합니다. 오른쪽 화살표를 다시 클릭하면 두 번째 레이블로 이동하지만 세 번째 레이블로 이동해야합니다. 이 논리에 대한 몇 가지 예제 코드를 보여줄 수 있습니까? –

+0

지금까지 수행 한 작업에 대한 코드를 제공 할 수 있습니까? 나는 그곳에서 오류를 찾고 나서 완전히 다른 것을 쓰는 것이 더 쉬울 것이라고 생각한다. – mwfire

+0

확인. 아래 코드는 –

관련 문제