直接给代码吧：
import android.content.Context;import android.content.res.TypedArray;import android.graphics.Color;import android.graphics.Paint;import android.util.AttributeSet;import android.view.Gravity;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;import android.util.TypedValue;import java.util.ArrayList;import java.util.List;/*** 描述:* 作者：HCH* 时间：/7/10*/public abstract class NineGridLayout extends ViewGroup {private static final float DEFUALT_SPACING = 3f;private static final int MAX_COUNT = 9;protected Context mContext;private float mSpacing = DEFUALT_SPACING;private int mColumns;private int mRows;private int mTotalWidth;private int mSingleWidth;private boolean mIsShowAll = false;private boolean mIsFirst = true;protected List<String> mUrlList = new ArrayList<>();public NineGridLayout(Context context) {super(context);init(context);}public NineGridLayout(Context context, AttributeSet attrs) {super(context, attrs);TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.NineGridLayout);mSpacing = typedArray.getDimension(R.styleable.NineGridLayout_sapcing, DEFUALT_SPACING);typedArray.recycle();init(context);}private void init(Context context) {mContext = context;if (getListSize(mUrlList) == 0) {setVisibility(GONE);}}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);}@Overrideprotected void onLayout(boolean changed, int left, int top, int right, int bottom) {mTotalWidth = right - left;mSingleWidth = (int) ((mTotalWidth - mSpacing * (3 - 1)) / 3);if (mIsFirst) {notifyDataSetChanged();mIsFirst = false;}}/*** 设置间隔** @param spacing*/public void setSpacing(float spacing) {mSpacing = spacing;}/*** 设置是否显示所有图片（超过最大数时）** @param isShowAll*/public void setIsShowAll(boolean isShowAll) {mIsShowAll = isShowAll;}//设置图片url集合public void setUrlList(List<String> urlList) {if (getListSize(urlList) == 0) {setVisibility(GONE);return;}setVisibility(VISIBLE);mUrlList.clear();mUrlList.addAll(urlList);notifyDataSetChanged();}public void notifyDataSetChanged() {removeAllViews();int size = getListSize(mUrlList);if (size > 0) {setVisibility(VISIBLE);} else {setVisibility(GONE);}/*** 一张图片的时候自己处理下，下面是我的处理方法，在图片命名的时候，在最后面加图片的宽高比WH* 例如：http://taohong10053458./1475846613.264475WH1.38 * 宽高比1.38 然后再根据宽高比去重新设定图片的宽高 * */if (size == 1) {String url = mUrlList.get(0);ImageView imageView = createImageView(0, url);//避免在ListView中一张图未加载成功时，布局高度受其他item影响LayoutParams params = getLayoutParams();String[] str = url.split("H");float weight = 0;if (str != null){int length = str.length;if (length >= 2) {try {weight = Float.valueOf(str[length - 1]);} catch (Exception e) {e.printStackTrace();}}}if (weight != 0 ){int width = 0;int height = 0;if (weight > 1){width = dp2px(mContext, 230);height = dp2px(mContext, 230/weight);params.height = height;setLayoutParams(params);imageView.layout(0, 0, width, height);}else {width = DensityUtil.dp2px(mContext, 180);height = DensityUtil.dp2px(mContext, 180/weight);params.height = height;setLayoutParams(params);imageView.layout(0, 0, width, height);}}else {params.height = mSingleWidth;setLayoutParams(params);imageView.layout(0, 0, mSingleWidth, mSingleWidth);}boolean isShowDefualt = displayOneImage(imageView, url, mTotalWidth);if (isShowDefualt) {layoutImageView(imageView, 0, url, false);} else {addView(imageView);}return;}generateChildrenLayout(size);layoutParams();for (int i = 0; i < size; i++) {String url = mUrlList.get(i);ImageView imageView;if (!mIsShowAll) {if (i < MAX_COUNT - 1) {imageView = createImageView(i, url);layoutImageView(imageView, i, url, false);} else { //第9张时if (size <= MAX_COUNT) {//刚好第9张imageView = createImageView(i, url);layoutImageView(imageView, i, url, false);} else {//超过9张imageView = createImageView(i, url);layoutImageView(imageView, i, url, true);break;}}} else {imageView = createImageView(i, url);layoutImageView(imageView, i, url, false);}}}private void layoutParams() {int singleHeight = mSingleWidth;//根据子view数量确定高度LayoutParams params = getLayoutParams();params.height = (int) (singleHeight * mRows + mSpacing * (mRows - 1));setLayoutParams(params);}private ImageView createImageView(final int i, final String url) {ImageView imageView = new ImageView(mContext);imageView.setBackgroundColor(getResources().getColor(R.color.image_default_bg));imageView.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {onClickImage(v, i, url, mUrlList);if (listener != null) listener.onClickImage(v, i, url, mUrlList.get(i));}});return imageView;}/*** @param imageView* @param url* @param showNumFlag 是否在最大值的图片上显示还有未显示的图片张数*/private void layoutImageView(ImageView imageView, int i, String url, boolean showNumFlag) {final int singleWidth = (int) ((mTotalWidth - mSpacing * (3 - 1)) / 3);int singleHeight = singleWidth;int[] position = findPosition(i);int left = (int) ((singleWidth + mSpacing) * position[1]);int top = (int) ((singleHeight + mSpacing) * position[0]);int right = left + singleWidth;int bottom = top + singleHeight;imageView.layout(left, top, right, bottom);addView(imageView);if (showNumFlag) {//添加超过最大显示数量的文本int overCount = getListSize(mUrlList) - MAX_COUNT;if (overCount > 0) {float textSize = 30;final TextView textView = new TextView(mContext);textView.setText("+" + String.valueOf(overCount));textView.setTextColor(Color.WHITE);textView.setPadding(0, singleHeight / 2 - getFontHeight(textSize), 0, 0);textView.setTextSize(textSize);textView.setGravity(Gravity.CENTER);textView.setBackgroundColor(Color.BLACK);textView.getBackground().setAlpha(120);textView.layout(left, top, right, bottom);addView(textView);}}displayImage(imageView, url);}//根据第几个找到它在屏幕上的位置private int[] findPosition(int childNum) {int[] position = new int[2];for (int i = 0; i < mRows; i++) {for (int j = 0; j < mColumns; j++) {if ((i * mColumns + j) == childNum) {position[0] = i;//行position[1] = j;//列break;}}}return position;}/*** 根据图片个数确定行列数量** @param length*/private void generateChildrenLayout(int length) {if (length <= 3) {mRows = 1;mColumns = length;} else if (length <= 6) {mRows = 2;mColumns = 3;if (length == 4) {mColumns = 2;}} else {mColumns = 3;if (mIsShowAll) {mRows = length / 3;int b = length % 3;if (b > 0) {mRows++;}} else {mRows = 3;}}}protected void setOneImageLayoutParams(RatioImageView imageView, int width, int height) {// imageView.setLayoutParams(new LayoutParams(width, height));imageView.layout(0, 0, width, height);LayoutParams params = getLayoutParams();// params.width = width;params.height = height;setLayoutParams(params);}private int getListSize(List<String> list) {if (list == null || list.size() == 0) {return 0;}return list.size();}private int getFontHeight(float fontSize) {Paint paint = new Paint();paint.setTextSize(fontSize);Paint.FontMetrics fm = paint.getFontMetrics();return (int) Math.ceil(fm.descent - fm.ascent);}public int dp2px(Context context, float dpVal) {return (int)TypedValue.applyDimension(PLEX_UNIT_DIP, dpVal, context.getResources().getDisplayMetrics());}private OnImageClickListener listener;public void setOnClickImageListener(OnImageClickListener listener){this.listener = listener;}public interface OnImageClickListener{void onClickImage(View view, int position, String url, String urlList);}/*** @param imageView* @param url* @param parentWidth 父控件宽度* @return true 代表按照九宫格默认大小显示，false 代表按照自定义宽高显示*/protected abstract boolean displayOneImage(ImageView imageView, String url, int parentWidth);protected abstract void displayImage(ImageView imageView, String url);protected abstract void onClickImage(View view, int position, String url, List<String> urlList);}
加上attr:
<declare-styleable name="NineGridLayout"><attr name="sapcing" format="dimension"/></declare-styleable>
使用方便方便，继承上面的自定义NineGridLayout,实现最后三个方法，加载图片，及点击图片后的事件处理。
如果觉得《android 类似qq空间微博微信九宫格图片》对你有帮助，请点赞、收藏，并留下你的观点哦！
