在ImageViews中加载Picasso的图像在GridLayout中溢出了吗?

时间:2016-08-19 12:51:51

标签: android imageview android-gridlayout

通过以ImageView编程方式设置GridLayout的背景颜色,我可以使UI看起来像这样。 enter image description here

我正在使用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);
    }
}

引导我,以便我可以正确地将图像放入这些网格中。

1 个答案:

答案 0 :(得分:2)

我解决了我的问题。 问题在于使用Picasso加载图像。图书馆正在调整我的形象。 我将图像加载线更改为

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