Я реализовал прокручиваемый вид в 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%"
}
1
SylieC 10 Июл 2017 в 11:00

1 ответ

Лучший ответ

Попробуйте поместить <View> вокруг <ImageView>. В целях тестирования вы можете дать им backgroundColor, чтобы проверить, видны ли страницы.

1
miga 10 Июл 2017 в 11:48
Выполнено!! Мне пришлось переназначить значения свойству изображения ... и теперь оно работает правильно. Благодарность !! :)
 – 
SylieC
10 Июл 2017 в 13:17