使用ImageView动态填充ScrollView

Question

我是使用Titanium的新手。我试图加载一些图像到一个滚动视图。但只有一个图像加载到滚动视图区域。代码在这里

XML

<Alloy> 
    <Window class="container"> 
     <ScrollView showHorizontalScrollIndicator="true" id="Scroll" layout="horizontal"> 
     </ScrollView> 
    </Window> 
</Alloy> 

JS

var scrollView = $.Scroll; 
var URLs = ["http://static.flickr.com/41/81743961_588dafe12d_o_d.jpg", "http://static.flickr.com/26/64914466_eed02e2a71_o_d.jpg"]; 
var Views = []; 

for (i =0; i < URLs.length ; i++){ 

    Views.push(Ti.UI.createImageView({ 
     image : URLs[i], 
     width : Ti.UI.SIZE, 
     height : 300, 
     top : 0, 
     left : 0, 
    }) 
    ); 
} 

Views.forEach(function(view){ 
    scrollView.add(view); 
}); 

$.index.open(); 

TSS

".container": { 
    backgroundColor:"white" 
}, 
"#Scroll":{ 
    width:Ti.UI.SIZE, 
    top: 50, 
} 

截图

我需要你的帮助来找出我的错误。

感谢

Answer 1

它在XML文件中：

<Alloy> 
<Window class="container"> 
    <ScrollView showHorizontalScrollIndicator="true" id="Scroll" layout="horizontal"> 
    </ScrollView> 
</Window> 

您已设置的layout到horizontal，如果你水平滚动，你会发现你的第二个形象出现。

也可以更改

horizontal到vertical

图像会出现下面的第一张图像。

结帐docs。

希望它有帮助。