Titanium Scroll

Question

Ich habe eine Frage zu scrollview für Appcelerator Titan, möchte ich Etiketten blättern innen 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); 
} 

Das Ergebnis

Ich versuchte ScrollableView aber ich möchte direkt auf dem Bildschirm zeigt viele Elemente.

ist mein Ziel, dieses Ziel zu erreichen:

Bitte erklären, was habe ich falsch gemacht! Vielen Dank!

Answer 1

Das liegt daran, dass das Layout einer ScrollView standardmäßig zusammengesetzt ist. Also, wenn Sie verschiedene Layout möchten, fügen Sie layout="horizontal" auf Ihrem ScrollableView Ihr Kind Element zu platzieren:

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

Weitere Informationen hier über das Layout: http://docs.appcelerator.com/platform/latest/#!/guide/Layouts,_Positioning,_and_the_View_Hierarchy-section-29004895_Layouts,Positioning,andtheViewHierarchy-Layoutmodes