Question

我对{strong> appcelerator钛有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

钛卷轴视图

1 个答案: