2016-03-25 14 views
1

Bir sorum yaklaşık scrollviewAppcelerator titanyum için ben scrollview içindeki etiketleri kaydırmak istiyor vardır:Titanyum 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); 
} 

Ben ScrollableView çalıştı result

sonuç ama ekranda doğrudan gösteren çok sayıda öğe istiyorum.

Amacım bu elde etmektir:

Scroll labels horizontally

Neyi yanlış yaptığını açıklayınız! Teşekkür ederim!

+0

istediğiniz sonucu nedir? Neyi başarmaya çalıştığınızı bilmiyorum eğer size yardımcı olamam. – SubliemeSiem

+0

Yatay olarak kaydırma etiketleri istiyorum – user44321

cevap

5

Bu, varsayılan olarak bir ScrollView düzeninin kompozit olması nedeniyle olur. Eğer farklı bir düzen istiyorsan, çocuğunuzun elemanı yerleştirmek için ScrollableView üzerinde layout="horizontal" ekleyin:

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

daha fazla bilgiyi burada düzeni hakkında: http://docs.appcelerator.com/platform/latest/#!/guide/Layouts,_Positioning,_and_the_View_Hierarchy-section-29004895_Layouts,Positioning,andtheViewHierarchy-Layoutmodes

+1

Bir kahramansınız, çok teşekkürler – user44321