自动查看尺寸在appcelarator钛中增加

Question

我正在构建一个应用程序，我在其中使用scrollView和'scrollableview'。滚动图像时，视图大小会自动增加。

如果我在px给出高度，那么它工作正常，但当我在%给出高度时，此代码无法正常工作。但是，我只需要%中的身高。

这是我的代码：

 
var imageCollection = [
"/images/offers/oneplusOffer.jpg",
 "images/offers/electronicsOffer.jpg",
  "images/offers/shoesOffer.jpg", 
  "images/offers/watchOffer.jpg"
  ];
  
  var viewCollection = [];
  
 // Vertical ScrollBar
var scrollView = Ti.UI.createScrollView({
    top:0,
    left:0,
    backgroundColor:'#f1f1f1',
   
    layout:'vertical'
});
 
 // offerBanner view
var bannerView=Ti.UI.createView({
	height:"10%",
	backgroundColor:"pink",

});

 for (var i = 0; i < imageCollection.length; i++) {
	var view = Ti.UI.createView({
		backgroundColor: 'yellow'
	});

	
	var img = Ti.UI.createImageView({
			
			image : imageCollection[i]
		});
		view.add(img);
	
	viewCollection.push(view);
}

var scrollableView = Ti.UI.createScrollableView({
    top:0,
   views:viewCollection,
    showPagingControl:false,
});

bannerView.add(scrollableView);
scrollView.add(bannerView);



//creating view

for(var i=0;i<7;i++){
var view=Ti.UI.createView({
	
	top:"2%",
	backgroundColor:"blue",
	//height:"120",
	height:"15%",
});

//adding view to scrollview
scrollView.add(view);

}



$.homeScreenWindow.add(scrollView);
$.homeScreenWindow.open();

Answer 1

尝试以下代码，

var scrollView = Ti.UI.createScrollView({
    top:0,
    left:0,
    backgroundColor:'#f1f1f1',
    width: Ti.UI.FILL,
    height: Ti.UI.SIZE,
    layout:'vertical'
});

您也可以在height中提供上述%。试试这个。