android 类似qq空间微博微信九宫格图片

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
* 时间：2016/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);
}
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}

@Override
protected 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.image.myqcloud.com/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() {
@Override
public 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(TypedValue.COMPLEX_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);
}

<declare-styleable name="NineGridLayout">
<attr name="sapcing" format="dimension"/>
</declare-styleable>