256 lines
9.4 KiB
Java
256 lines
9.4 KiB
Java
package com.lzy.ninegrid;
|
||
|
||
import android.content.Context;
|
||
import android.content.res.TypedArray;
|
||
import android.graphics.Bitmap;
|
||
import android.support.annotation.NonNull;
|
||
import android.util.AttributeSet;
|
||
import android.util.DisplayMetrics;
|
||
import android.util.TypedValue;
|
||
import android.view.View;
|
||
import android.view.ViewGroup;
|
||
import android.widget.ImageView;
|
||
|
||
|
||
import java.util.ArrayList;
|
||
import java.util.List;
|
||
|
||
public class NineGridView extends ViewGroup {
|
||
|
||
public static final int MODE_FILL = 0; //填充模式，类似于微信
|
||
public static final int MODE_GRID = 1; //网格模式，类似于QQ，4张图会 2X2布局
|
||
|
||
private static ImageLoader mImageLoader; //全局的图片加载器(必须设置,否者不显示图片)
|
||
|
||
private int singleImageSize = 250; // 单张图片时的最大大小,单位dp
|
||
private float singleImageRatio = 1.0f; // 单张图片的宽高比(宽/高)
|
||
private int maxImageSize = 9; // 最大显示的图片数
|
||
private int gridSpacing = 3; // 宫格间距，单位dp
|
||
private int mode = MODE_FILL; // 默认使用fill模式
|
||
|
||
private int columnCount; // 列数
|
||
private int rowCount; // 行数
|
||
private int gridWidth; // 宫格宽度
|
||
private int gridHeight; // 宫格高度
|
||
|
||
private List<NineGridViewWrapper> imageViews;
|
||
private List<ImageInfo> mImageInfo;
|
||
private NineGridViewAdapter mAdapter;
|
||
|
||
public NineGridView(Context context) {
|
||
this(context, null);
|
||
}
|
||
|
||
public NineGridView(Context context, AttributeSet attrs) {
|
||
this(context, attrs, 0);
|
||
}
|
||
|
||
public NineGridView(Context context, AttributeSet attrs, int defStyleAttr) {
|
||
super(context, attrs, defStyleAttr);
|
||
|
||
DisplayMetrics dm = context.getResources().getDisplayMetrics();
|
||
gridSpacing = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, gridSpacing, dm);
|
||
singleImageSize = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, singleImageSize, dm);
|
||
|
||
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.NineGridView);
|
||
gridSpacing = (int) a.getDimension(R.styleable.NineGridView_ngv_gridSpacing, gridSpacing);
|
||
singleImageSize = a.getDimensionPixelSize(R.styleable.NineGridView_ngv_singleImageSize, singleImageSize);
|
||
singleImageRatio = a.getFloat(R.styleable.NineGridView_ngv_singleImageRatio, singleImageRatio);
|
||
maxImageSize = a.getInt(R.styleable.NineGridView_ngv_maxSize, maxImageSize);
|
||
mode = a.getInt(R.styleable.NineGridView_ngv_mode, mode);
|
||
a.recycle();
|
||
|
||
imageViews = new ArrayList<>();
|
||
}
|
||
|
||
@Override
|
||
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
|
||
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
|
||
int width = MeasureSpec.getSize(widthMeasureSpec);
|
||
int height = 0;
|
||
int totalWidth = width - getPaddingLeft() - getPaddingRight();
|
||
if (mImageInfo != null && mImageInfo.size() > 0) {
|
||
if (mImageInfo.size() == 1) {
|
||
gridWidth = singleImageSize > totalWidth ? totalWidth : singleImageSize;
|
||
gridHeight = (int) (gridWidth / singleImageRatio);
|
||
//矫正图片显示区域大小，不允许超过最大显示范围
|
||
if (gridHeight > singleImageSize) {
|
||
float ratio = singleImageSize * 1.0f / gridHeight;
|
||
gridWidth = (int) (gridWidth * ratio);
|
||
gridHeight = singleImageSize;
|
||
}
|
||
} else {
|
||
// gridWidth = gridHeight = (totalWidth - gridSpacing * (columnCount - 1)) / columnCount;
|
||
//这里无论是几张图片，宽高都按总宽度的 1/3
|
||
gridWidth = gridHeight = (totalWidth - gridSpacing * 2) / 3;
|
||
}
|
||
width = gridWidth * columnCount + gridSpacing * (columnCount - 1) + getPaddingLeft() + getPaddingRight();
|
||
height = gridHeight * rowCount + gridSpacing * (rowCount - 1) + getPaddingTop() + getPaddingBottom();
|
||
}
|
||
setMeasuredDimension(width, height);
|
||
}
|
||
|
||
@Override
|
||
protected void onLayout(boolean changed, int l, int t, int r, int b) {
|
||
if (mImageInfo == null) return;
|
||
int childrenCount = mImageInfo.size();
|
||
for (int i = 0; i < childrenCount; i++) {
|
||
NineGridViewWrapper childrenView = (NineGridViewWrapper) getChildAt(i);
|
||
|
||
int rowNum = i / columnCount;
|
||
int columnNum = i % columnCount;
|
||
int left = (gridWidth + gridSpacing) * columnNum + getPaddingLeft();
|
||
int top = (gridHeight + gridSpacing) * rowNum + getPaddingTop();
|
||
int right = left + gridWidth;
|
||
int bottom = top + gridHeight;
|
||
childrenView.layout(left, top, right, bottom);
|
||
|
||
if (mImageLoader != null) {
|
||
childrenView.setType(mImageInfo.get(i).type);
|
||
mImageLoader.onDisplayImage(getContext(), childrenView, mImageInfo.get(i).thumbnailUrl);
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 设置适配器
|
||
*/
|
||
public void setAdapter(@NonNull NineGridViewAdapter adapter) {
|
||
mAdapter = adapter;
|
||
List<ImageInfo> imageInfo = adapter.getImageInfo();
|
||
|
||
if (imageInfo == null || imageInfo.isEmpty()) {
|
||
setVisibility(GONE);
|
||
return;
|
||
} else {
|
||
setVisibility(VISIBLE);
|
||
}
|
||
|
||
int imageCount = imageInfo.size();
|
||
if (maxImageSize > 0 && imageCount > maxImageSize) {
|
||
imageInfo = imageInfo.subList(0, maxImageSize);
|
||
imageCount = imageInfo.size(); //再次获取图片数量
|
||
}
|
||
|
||
//默认是3列显示，行数根据图片的数量决定
|
||
rowCount = imageCount / 3 + (imageCount % 3 == 0 ? 0 : 1);
|
||
columnCount = 3;
|
||
//grid模式下，显示4张使用2X2模式
|
||
if (mode == MODE_GRID) {
|
||
if (imageCount == 4) {
|
||
rowCount = 2;
|
||
columnCount = 2;
|
||
}
|
||
}
|
||
|
||
//保证View的复用，避免重复创建
|
||
if (mImageInfo == null) {
|
||
for (int i = 0; i < imageCount; i++) {
|
||
ImageView iv = getImageView(i);
|
||
if (iv == null) return;
|
||
addView(iv, generateDefaultLayoutParams());
|
||
}
|
||
} else {
|
||
int oldViewCount = mImageInfo.size();
|
||
int newViewCount = imageCount;
|
||
if (oldViewCount > newViewCount) {
|
||
removeViews(newViewCount, oldViewCount - newViewCount);
|
||
} else if (oldViewCount < newViewCount) {
|
||
for (int i = oldViewCount; i < newViewCount; i++) {
|
||
ImageView iv = getImageView(i);
|
||
if (iv == null) return;
|
||
addView(iv, generateDefaultLayoutParams());
|
||
}
|
||
}
|
||
}
|
||
//修改最后一个条目，决定是否显示更多
|
||
// if (adapter.getImageInfo().size() > maxImageSize) {
|
||
// View child = getChildAt(maxImageSize - 1);
|
||
// if (child instanceof NineGridViewWrapper) {
|
||
// NineGridViewWrapper imageView = (NineGridViewWrapper) child;
|
||
// imageView.setMoreNum(adapter.getImageInfo().size() - maxImageSize);
|
||
// }
|
||
// }
|
||
|
||
mImageInfo = imageInfo;
|
||
requestLayout();
|
||
}
|
||
|
||
/**
|
||
* 获得 ImageView 保证了 ImageView 的重用
|
||
*/
|
||
private NineGridViewWrapper getImageView(final int position) {
|
||
NineGridViewWrapper imageView;
|
||
if (position < imageViews.size()) {
|
||
imageView = imageViews.get(position);
|
||
} else {
|
||
imageView = mAdapter.generateImageView(getContext(), mAdapter.getImageInfo().get(position).getType());
|
||
imageView.setOnClickListener(new OnClickListener() {
|
||
@Override
|
||
public void onClick(View v) {
|
||
mAdapter.onImageItemClick(getContext(), NineGridView.this, position, mAdapter.getImageInfo());
|
||
}
|
||
});
|
||
imageViews.add(imageView);
|
||
}
|
||
return imageView;
|
||
}
|
||
|
||
/**
|
||
* 设置宫格间距
|
||
*/
|
||
public void setGridSpacing(int spacing) {
|
||
gridSpacing = spacing;
|
||
}
|
||
|
||
/**
|
||
* 设置只有一张图片时的宽
|
||
*/
|
||
public void setSingleImageSize(int maxImageSize) {
|
||
singleImageSize = maxImageSize;
|
||
}
|
||
|
||
/**
|
||
* 设置只有一张图片时的宽高比
|
||
*/
|
||
public void setSingleImageRatio(float ratio) {
|
||
singleImageRatio = ratio;
|
||
}
|
||
|
||
/**
|
||
* 设置最大图片数
|
||
*/
|
||
public void setMaxSize(int maxSize) {
|
||
maxImageSize = maxSize;
|
||
}
|
||
|
||
public int getMaxSize() {
|
||
return maxImageSize;
|
||
}
|
||
|
||
public static void setImageLoader(ImageLoader imageLoader) {
|
||
mImageLoader = imageLoader;
|
||
}
|
||
|
||
public static ImageLoader getImageLoader() {
|
||
return mImageLoader;
|
||
}
|
||
|
||
public interface ImageLoader {
|
||
/**
|
||
* 需要子类实现该方法，以确定如何加载和显示图片
|
||
*
|
||
* @param context 上下文
|
||
* @param imageView 需要展示图片的ImageView
|
||
* @param url 图片地址
|
||
*/
|
||
void onDisplayImage(Context context, ImageView imageView, String url);
|
||
|
||
/**
|
||
* @param url 图片的地址
|
||
* @return 当前框架的本地缓存图片
|
||
*/
|
||
Bitmap getCacheImage(String url);
|
||
}
|
||
}
|