使用ImageView动态填充ScrollView

Question

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

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。

希望它有所帮助。