Android应用程序当中GridView显示不同大小图片时Item挤出问题解决办法

1、问题说明

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





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



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

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);
setMeasuredDimension(getMeasuredWidth(), getMeasuredWidth()); //Snap to width
}
}

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

<com.yang.widget.SquareImageView
android:id="@id/function_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="4.0dip"
/>

3、修改后效果

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