1
私はscrollView
と 'scrollableview'を使用しているアプリケーションをビルドしています。画像をスクロールすると、ビューのサイズは自動的に増加します。自動的にサイズがAppcelaratorのチタンで増加しています
私は高さを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({
\t height:"10%",
\t backgroundColor:"pink",
});
for (var i = 0; i < imageCollection.length; i++) {
\t var view = Ti.UI.createView({
\t \t backgroundColor: 'yellow'
\t });
\t
\t var img = Ti.UI.createImageView({
\t \t \t
\t \t \t image : imageCollection[i]
\t \t });
\t \t view.add(img);
\t
\t 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({
\t
\t top:"2%",
\t backgroundColor:"blue",
\t //height:"120",
\t height:"15%",
});
//adding view to scrollview
scrollView.add(view);
}
$.homeScreenWindow.add(scrollView);
$.homeScreenWindow.open();
達成しようとしているレイアウトでイメージを表示できますか?どちらのバージョンもほぼ同じように見えます(私の電話では120%という値が15%です)。どのOSとどのSDKを使用していますか? – miga
@Ashishの場合、レイアウトの仕組みが異なるビュータイプでパーセンテージとともにどのように動作するかについて、より多くの学習時間を与える必要があります。 ScrollViewは子供のための明確な高さを持たないビューなので、ScrollViewで子ビューの%ageを使うのはお勧めできません。したがって、これらのビューを作成する前にdpで15%の高さを計算する必要があります。これはすべてのデバイスで機能します。 –
@Ashish、あなたは15%の高さを表示しているので、その15%を知る必要がありますか?したがって、あなたが15%を知っているので、単純にdpまたはピクセルに変換できます。 –