2016-08-19 7 views
1

Я могу сделать UI похожим на это, установив цвет фона ImageView в GridLayout программно. enter image description hereИзображения, загруженные Picasso в ImageViews, переполнены в GridLayout?

Я использую Picasso для загрузки изображений с сервера в этих сетках. Изображения растягиваются, чтобы выходить за пределы их определенных colspan и rowspan. Почему я получаю это? 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"/>` 

И мой метод установки сетки в 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); 
    } 
} 

Веди меня, так что я может поместиться изображения в этих сетях должным образом.

ответ

2

Я решил свою проблему. проблема была в строке, которая загружает изображение с помощью Picasso. Библиотека меняла размер моего изображения. Я изменил мою линию загрузки изображения на

Picasso.with(this).load(gridList.get(i).getProductImage()).fit().noFade().into(oImageView);