ScrollView左右滾動使用箭頭按鈕

如何使用鈦中的左右箭頭控制垂直滾動。如何連接的滾動視圖和左，右箭頭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); 
});

來源

2013-09-29 saravanan Selvam

滾動型有一個名爲scrollTo(Number x, Number y)方法，記錄here。

基本上你必須

創建和滾動視圖添加到窗口
創建並添加左和右按鈕的窗口（您可能需要設置zIndex的，如果你之前添加的按鈕滾動視圖）
添加eventListeners到將觸發scrollTo（）的按鈕。見"Simple Buttons Example"

您可能也有興趣Titaniums ScrollableView

來源

2013-09-29 11:47:32 mwfire

您好感謝您的建議幫了我很多。我已經添加並滾動到所需的位置。現在我陷入了一個邏輯場景中。我先添加了一個標籤。每當頁面聚焦的第一個標籤將在x和y座標。如果我點擊右箭頭我滾動到另一個標籤。但是，如果我再次點擊左箭頭，它會首先正確地導航。如果再次點擊向右箭頭，它應該來到第二個標籤，但它的導航到第三個標籤。你能展示一些這種邏輯的示例代碼嗎？ –

您能否提供迄今爲止所做的工作的代碼？我認爲在那裏尋找錯誤然後寫出完全不同的東西會更容易。 – mwfire

好的。以下是代碼 –

ScrollView左右滾動使用箭頭按鈕

回答

相關問題