钛滚动视图

Question

我对 appcelerator titanium 的 scrollview 有疑问，我想在 scrollview:

中滚动标签

scrollpage.xml

    <View id="content" layout="vertical" top="100dp" width="100%">


        <ScrollView contentWidth="Ti.UI.SIZE" contentHeight="Ti.UI.SIZE" top="10dp" id="svc" height="48dp" backgroundColor="#ff0000" >
        </ScrollView>
    </View>

</Window>

scrollpage.js

for ( i = 0; i < 19; i++) {

    var scrollLabel = Ti.UI.createLabel({
        width : Ti.UI.SIZE,
        height : '40dp',
        font : { fontSize : 14 },
        color:'#000',
        text : 'Portfolio'+i,
        id:'label_'+i,
    });

    $.svc.add(scrollLabel);
}

结果

我试过ScrollableView，但我希望很多项目直接显示在屏幕上。

我的目标是实现这个：

请解释我做错了什么！谢谢！

Answer 1

这是因为默认情况下 ScrollView 的布局是复合的。因此，如果您想要不同的布局，请在您的 ScrollableView 上添加 layout="horizontal" 以放置您的子元素：

<ScrollView contentWidth="Ti.UI.SIZE" contentHeight="Ti.UI.SIZE" top="10dp" id="svc" height="48dp" backgroundColor="#ff0000" layout="horizontal"></ScrollView>

有关布局的更多信息：http://docs.appcelerator.com/platform/latest/#!/guide/Layouts,_Positioning,_and_the_View_Hierarchy-section-29004895_Layouts,Positioning,andtheViewHierarchy-Layoutmodes

钛滚动视图

Titanium scrollview

scrollview

appcelerator

appcelerator-titanium