2016-08-19 10 views
1

の背景色をプログラム的にGridLayoutに設定することで、このようなUIを作成することができます。 enter image description hereImageViewsにPicassoをロードした画像が、GridLayoutでオーバーフローしていますか?

私はPicassoを使用して、これらのグリッド内のサーバーから画像を読み込みます。画像は、定義されたcolspanとrowspanを超えて伸びています。なぜ私はこれを取得していますか?私は適切にこれらのグリッドで画像を合うことができるようにActivity

private void setGrids(int totalRows, int totalCols) { 

    int total = gridList.size(); 
    gridLayout.setColumnCount(totalCols); 
    gridLayout.setRowCount(totalRows); 
    for (int i = 0; i < total; i++) { 

     float rowWeight = Float.parseFloat(gridList.get(i).getRowSpan() + "F"); 
     float colWeight = Float.parseFloat(gridList.get(i).getColSpan() + "F"); 

     GridLayout.Spec rowSpan = GridLayout.spec(gridList.get(i).getStartRow(), gridList.get(i).getRowSpan(), rowWeight); 
     GridLayout.Spec colSpan = GridLayout.spec(gridList.get(i).getStartColumn(), gridList.get(i).getColSpan(), colWeight); 

     GridLayout.LayoutParams gridParam = new GridLayout.LayoutParams(
       rowSpan, colSpan); 

     GridLayout.LayoutParams param = new GridLayout.LayoutParams(); 
     param.height = 0; 
     param.width = 0; 
     ImageView oImageView = new ImageView(this); 
     oImageView.setLayoutParams(new GridLayout.LayoutParams(param)); 

     /* 
     Random rnd = new Random(); 
     int color = Color.argb(255, rnd.nextInt(256), rnd.nextInt(256), rnd.nextInt(256)); 
     oImageView.setBackgroundColor(color); 
     */ 

     Picasso.with(this).load(gridList.get(i).getProductImage()).noFade().into(oImageView); 
     oImageView.setAdjustViewBounds(true); 
     oImageView.setScaleType(ImageView.ScaleType.FIT_XY); 

     gridLayout.addView(oImageView, gridParam); 
    } 
} 

方法を設定 enter image description here

のGridLayout XML

<android.support.v7.widget.GridLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/tableGrid" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_gravity="center_horizontal" 
    android:horizontalSpacing="0dp" 
    android:stretchMode="columnWidth" 
    android:verticalSpacing="0dp" 
    app:alignmentMode="alignBounds" 
    app:columnOrderPreserved="true" 
    app:rowOrderPreserved="true" 
    app:useDefaultMargins="false"/>` 

そして、私のグリッドは私をガイド。

答えて

2

私は私の問題を解決しました。 問題はピカソを使用して画像を読み込んでいます。ライブラリが画像のサイズを変更していました。 画像ローディングラインを

に変更しました
Picasso.with(this).load(gridList.get(i).getProductImage()).fit().noFade().into(oImageView); 
関連する問題