1、问题说明

        在开发GridView的时候有这样的一个需求，即从网络上下载相应的图片然后显示在GridView当中，显示效果如下：

 

       

        以上的图片，不同的图片是对齐的，没有图片挤出，太大或者太小的问题，做出这种效果的前提是，图片大小是一样的。但是，在实际情况下，图片的大小多数情况下是不一致的，就会造成如下的效果，

图片大小不同，导致大的图片将下面的文字挤出GridView中的Item，解决方案很简单，只要将显示在GridView中的Item的ImageView重写一下，控制一下大小即可。这种方式，同本博客类似。

2、复写ImageView

import android.content.Context;import android.util.AttributeSet;import android.widget.ImageView;public class SquareImageView extends ImageView {    public SquareImageView(Context context) {        super(context);    }    public SquareImageView(Context context, AttributeSet attrs) {        super(context, attrs);    }    public SquareImageView(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        // Snap to width        setMeasuredDimension(getMeasuredWidth(), getMeasuredWidth());    }}

将现有的SquareImageView代替原来的ImageView，

3、修改后效果

 

现在图片挤出的效果不见了，GridView当中每个Item大小都是一致的。