Sencha Touch 2 회전 목마 : 시작/끝 페이지의 스 와이프

Question

페이지의 시작과 끝에서 슬라이드가 멈추도록하고 싶습니다.
나는 방지하기 위해 의미 끝 페이지 슬쩍 에바로과의 시작 페이지 슬쩍 에 왼쪽 에 :

어떤 설정이 아니면 그것을 구현하는 다른 방법은 없을까요?

미리 감사드립니다.

Answer 1

기본적으로 ST2의 carousel 구성 요소는이 구성을 갖습니다. 따라서 을 수행 할 필요가 없습니다.

Sencha 웹 사이트의 this 예제를 살펴보십시오. 마지막 항목에 도달하면 오른쪽으로 넘기는 것을 방지하고 첫 번째 항목에있을 때 왼쪽으로 넘기는 것을 방지합니다.

Ext.create('Ext.Carousel', { 
    fullscreen: true, 

    defaults: { 
     styleHtmlContent: true 
    }, 

    items: [ 
     { 
      html : 'Item 1', 
      style: 'background-color: #5E99CC' 
     }, 
     { 
      html : 'Item 2', 
      style: 'background-color: #759E60' 
     }, 
     { 
      html : 'Item 3' 
     } 
    ] 
}); 

Answer 2

당신은 당신의 자신의 회전 목마를 만든 다음 다음 onDrag 이벤트를 재정의 할 수 있습니다하면 코드 형태의 Ext.carousel.Carousel에게

Ext.define('Ext.carousel.Custom', { 
    extend: 'Ext.carousel.Carousel', 

    onDrag: function(e) { 
     if (!this.isDragging) { 
      return; 
     } 

     var startOffset = this.dragStartOffset, 
      direction = this.getDirection(), 
      delta = direction === 'horizontal' ? e.deltaX : e.deltaY, 
      lastOffset = this.offset, 
      flickStartTime = this.flickStartTime, 
      dragDirection = this.dragDirection, 
      now = Ext.Date.now(), 
      currentActiveIndex = this.getActiveIndex(), 
      maxIndex = this.getMaxItemIndex(), 
      lastDragDirection = dragDirection, 
      offset; 

     if ((currentActiveIndex === 0 && delta > 0) || (currentActiveIndex === maxIndex && delta < 0)) { 
      delta *= 0.5; 
     } 

     offset = startOffset + delta; 

     if (offset > lastOffset) { 
      dragDirection = 1; 
     } 
     else if (offset < lastOffset) { 
      dragDirection = -1; 
     } 

     if (dragDirection !== lastDragDirection || (now - flickStartTime) > 300) { 
      this.flickStartOffset = lastOffset; 
      this.flickStartTime = now; 
     } 

     this.dragDirection = dragDirection; 

     // now that we have the dragDirection, we should use that to check if there 
     // is an item to drag to 
     if ((dragDirection == 1 && currentActiveIndex == 0) || (dragDirection == -1 && currentActiveIndex == maxIndex)) { 
      return; 
     } 

     this.setOffset(offset); 
    } 
}); 

참조입니다 : = Link