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左右滚动使用箭头按钮

回答

相关问题