使用 ImageView 动态填充 ScrollView答案

【问题标题】：Populate ScrollView Dynamically with ImageView使用 ImageView 动态填充 ScrollView
【发布时间】：2014-07-02 08:00:38
【问题描述】：

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

XML

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

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,
}

截图

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

谢谢

【问题讨论】：

标签： imageview scrollview titanium-alloy

【解决方案1】：

它在您的 XML 文件中：

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

您已将layout 设置为horizontal，如果您水平滚动，您将在那里找到您的第二张图片。

或者你可以改变

horizontal 到 vertical

图片将出现在第一张图片的下方。

查看docs。

希望对你有帮助。

【讨论】：

是的，我忘记发布更新了。我在发布这个问题后发现了这个问题。不过，感谢您为我的问题所做的努力。