Android/ios：Titanium Appcelerator水平滚动

Question

我正在设计一个视图，使用Android Appcelerator for Android/ios.I需要设计一个时间选择器（水平）。我设计了水平视图并在其中输入了值。

但不知道如何挑选完美的箭头下的值。以及最后一个数字如何居中（箭头下方）。 请指导..

CODE：

var win1 = Titanium.UI.createWindow({ 
    title:'Tab 1', 
    backgroundColor:'#fff'}); 
var scrollAlbums = Ti.UI.createScrollView({ 
    bottom: 10, 
    contentHeight: Ti.UI.SIZE, 
    contentWidth: Ti.UI.SIZE, 
    height: 95, 
    layout: 'horizontal', 
    showHorizontalScrollIndicator: false, 
    showVerticalScrollIndicator: true, 
    scrollType: 'horizontal', 
    horizontalWrap: false, 
    width: Ti.UI.FILL 
}); 
var data=[]; 
var circle=[]; 
for(var i=0;i<20;i++){ 
    circle[i] = Titanium.UI.createLabel({ 
     text:i, 
     height:50, 
     width:50, 
     borderRadius:25, 
     backgroundColor:'#336699'}); 
    scrollAlbums.add(circle[i]); 
} 
win1.add(scrollAlbums); 

Answer 1

我修改你的代码滚动结束时记录中间的数字：

var win1 = Titanium.UI.createWindow({ 
    title:'Tab 1', 
    backgroundColor:'#fff'}); 
var scrollAlbums = Ti.UI.createScrollView({ 
    bottom: 10, 
    contentHeight: Ti.UI.SIZE, 
    contentWidth: Ti.UI.SIZE, 
    height: 95, 
    layout: 'horizontal', 
    showHorizontalScrollIndicator: false, 
    showVerticalScrollIndicator: true, 
    scrollType: 'horizontal', 
    horizontalWrap: false, 
    width: Ti.UI.FILL 
}); 
var circleWidth = 50; 
function pick(e) { 
    if (e.type === 'dragend' && e.decelerate) { 
    return; 
    } 
    console.info('Number: ' + Math.round((e.source.contentOffset.x + (e.source.size.width/2))/circleWidth)); 
} 
scrollAlbums.addEventListener('scrollend', pick); 
scrollAlbums.addEventListener('dragend', pick); 
var data=[]; 
var circle=[]; 
for(var i=0;i<20;i++){ 
    circle[i] = Titanium.UI.createLabel({ 
     text:i, 
     height:circleWidth, 
     width:circleWidth, 
     borderRadius:circleWidth/2, 
     backgroundColor:'#336699'}); 
    scrollAlbums.add(circle[i]); 
} 
win1.add(scrollAlbums); 
win1.open(); 

你需要听双方scrollend和dragend因为scrollend会如果dragend正在减速，则仅会触发。然后用scrollView的偏移量加上它的总宽度的一半和圆的宽度，可以计算出中间数字。

但是就像Robin说的那样，你最好使用ScrollableView并且使用hitRect和clipViews来播放不仅仅显示选定的页面（数字），而且还显示它的一些右侧和左侧。