Titanium Android Horizontal & Vertical Scroll

Question

Appcelerator titane tout en faisant défiler horizontalement, ui défile verticalement. Est-il possible de bloquer le défilement vertical pendant le défilement horizontal?

Answer 1

Pour le défilement horizontal:

<Alloy> 
    <Window backgroundColor="white"> 
     <ScrollView backgroundColor="gray" layout="horizontal" width="Ti.UI.FILL" height="Ti.UI.SIZE" scrollType="horizontal"> 
      <View left="10" width="100" height="100" backgroundColor="red" /> 
      <View left="10" width="100" height="100" backgroundColor="red" /> 
      <View left="10" width="100" height="100" backgroundColor="red" /> 
      <View left="10" width="100" height="100" backgroundColor="red" /> 
      <View left="10" width="100" height="100" backgroundColor="red" /> 
      <View left="10" width="100" height="100" backgroundColor="red" /> 
      <View left="10" width="100" height="100" backgroundColor="red" /> 
      <View left="10" width="100" height="100" backgroundColor="red" /> 
      <View left="10" width="100" height="100" backgroundColor="red" /> 
     </ScrollView> 
    </Window> 
</Alloy> 

Pour le défilement vertical:

<Alloy> 
    <Window backgroundColor="white"> 
     <ScrollView backgroundColor="gray" layout="vertical" width="Ti.UI.SIZE" height="Ti.UI.FILL" scrollType="vertical"> 
      <View top="10" width="100" height="100" backgroundColor="red" /> 
      <View top="10" width="100" height="100" backgroundColor="red" /> 
      <View top="10" width="100" height="100" backgroundColor="red" /> 
      <View top="10" width="100" height="100" backgroundColor="red" /> 
      <View top="10" width="100" height="100" backgroundColor="red" /> 
      <View top="10" width="100" height="100" backgroundColor="red" /> 
      <View top="10" width="100" height="100" backgroundColor="red" /> 
      <View top="10" width="100" height="100" backgroundColor="red" /> 
      <View top="10" width="100" height="100" backgroundColor="red" /> 
     </ScrollView> 
    </Window> 
</Alloy> 

titane classique Exemple

var win = Ti.UI.createWindow({ 
    backgroundColor : 'white' 
}); 

var scrollview = Ti.UI.createScrollView({ 
    backgroundColor : "gray", 
    layout : "horizontal", 
    width : Ti.UI.FILL, 
    height : Ti.UI.SIZE, 
    scrollType : "horizontal" 
}); 

for (var i=0; i<=10; i++) { 
    scrollview.add(createView()); 
} 

win.add(scrollview); 

win.open(); 

function createView() { 
    return Ti.UI.createView({ 
     backgroundColor : 'red', 
     width : 100, 
     height : 100, 
     left : 10 
    }); 
} 

Votre point clé pour restreindre la direction de défilement sur Android est la propriété scrollType.