可滾動視圖在加速器中無法正常顯示

Question

我曾在appcelerator中實現了一個可滾動視圖。但僅顯示第一張和最後一張圖像。中間圖像未加載。任何建議爲什麼？

這是可滾動視圖的.xml文件的代碼。

<Alloy> 
    <View class="container"> 
     <View class = " HeadingClass" > 
      <Label class="headingClass" top = "0%">Scrollable View And Animation Screen</Label> 
     </View> 
     <ScrollableView class = "scrollableViewClass" id="scrollableView"> 
      <ImageView class="imgView1" id="imgViewId1"></ImageView> 
      <ImageView class="imgView2" id="imgViewId2"></ImageView> 
      <ImageView class="imgView3" id="imgViewId3"></ImageView> 
      <ImageView class="imgView4" id="imgViewId4"></ImageView> 
      <ImageView class="imgView5" id="imgViewId5"></ImageView> 
     </ScrollableView> 
     <!-- <View class="imageAnimationView" id="imageAnimation"> 
      <ImageView class="animateImageClass" id="animateImage"></ImageView> 
     </View> --> 
    </View> 
</Alloy> <Alloy> 
    <View class="container"> 
     <View class = " HeadingClass" > 
      <Label class="headingClass" top = "0%">Scrollable View And Animation Screen</Label> 
     </View> 
     <ScrollableView class = "scrollableViewClass" id="scrollableView"> 
      <ImageView class="imgView1" id="imgViewId1"></ImageView> 
      <ImageView class="imgView2" id="imgViewId2"></ImageView> 
      <ImageView class="imgView3" id="imgViewId3"></ImageView> 
      <ImageView class="imgView4" id="imgViewId4"></ImageView> 
      <ImageView class="imgView5" id="imgViewId5"></ImageView> 
     </ScrollableView> 
     <!-- <View class="imageAnimationView" id="imageAnimation"> 
      <ImageView class="animateImageClass" id="animateImage"></ImageView> 
     </View> --> 
    </View> 
</Alloy> 

這是.tss文件

".container" : { 
    backgroundColor : "lightgray" 
}, 

".headingClass" : { 
    height : "5%", 
    width : "70%", 
    font: { 
     fontFamily: 'Arial', 
     fontSize: '14%', 
     fontWeight: 'bold' 
    }, 
    textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER, 
}, 

".HeadingClass" : { 
    backgroundColor : "gray", 
    top : "5%", 
    height : "6%", 
    width : "100%" 
}, 

".scrollableViewClass" : { 
    top : "15%", 
    height : "30%", 
    width : "100%", 
    contentHeight: Ti.UI.SIZE, 
    contentWidth: Ti.UI.SIZE, 
    showPagingControl : true 
}, 

".imgView1" : { 
    image : "/Images/appceleratorImage1.png", 
    height : "100%", 
    width : "100%" 
}, 

".imgView2" : { 
    image : "/Images/appceleratorImage2.png", 
    height : "100%", 
    width : "100%" 
}, 

".imgView3" : { 
    image : "/Images/appceleratorImage3.png", 
    height : "100%", 
    width : "100%" 
}, 

".imgView4" : { 
    image : "/Images/appceleratorImage4.png", 
    height : "100%", 
    width : "100%" 
}, 

".imgView5" : { 
    image : "/Images/appceleratorImage5.png", 
    height : "100%", 
    width : "100%" 
} 

Answer 1

嘗試把「圍繞<ImageView>小號的<View>的代碼。 出於測試目的，您可以給他們一個backgroundColor以查看頁面是否可見。