在ImageViews中加载毕加索的图像在GridLayout中溢出？

我可以通过以编程方式在GridLayout中设置ImageView的背景颜色来使UI看起来像这样。 enter image description here 在ImageViews中加载毕加索的图像在GridLayout中溢出？

我正在使用毕加索从这些网格中的服务器加载图像。图像正在延伸超出其定义的colspan和rowspan。我为什么得到这个？ enter image description here

网格布局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); 
    } 
}

我的网格设置方法指导我，让我可以在这些网格适合图像正常。

来源

2016-08-19 saty

我解决了我的问题。问题在于使用毕加索加载图像的问题。图书馆正在调整我的形象。我将映像加载行改为

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

来源

2016-08-22 06:44:27 saty

在ImageViews中加载毕加索的图像在GridLayout中溢出？

回答

相关问题