简介
日常项目中很多时候都用到自定义相册展示以及图片多选，类似于微信在展示图片的首个可以直接拍照等功能。为了以后方便回顾以及学习，梳理了下知识编写了个小demo分享下，不喜勿喷！
步骤
- 获取图片
- 展示图片
- 业务处理
实现
可以看到一共就三步，很简单。没有太多复杂的东西，都是一些基础的运用。下面我们先来看张效果图，如下：
device-2016-12-19-105349.png
废话不多说直接上代码：
- 获取图片：利用的是内容提供者扫描SD内的图片，然后进行区分文件夹。
new Thread(new Runnable() {
@Override
public void run() {
String firstImage = null;
Uri mImageUri = MediaStore.Images.Media.EXTERNAL_CONTENT_URI;
ContentResolver mContentResolver = PhotoActivity.this.getContentResolver();
// 只查询jpeg和png的图片
Cursor mCursor = mContentResolver.query(mImageUri, null, MediaStore.Images.Media.MIME_TYPE + "=? or " + MediaStore.Images.Media.MIME_TYPE + "=?",
new String[]{"image/jpeg", "image/png"}, MediaStore.Images.Media.DATE_MODIFIED);
while (mCursor.moveToNext()) {
// 获取图片的路径
String path = mCursor.getString(mCursor
.getColumnIndex(MediaStore.Images.Media.DATA));
imagePaths.add(path);
Logger.i(TAG,path);
// 拿到第一张图片的路径
if (firstImage == null)
firstImage = path;
// 获取该图片的父路径名
File parentFile = new File(path).getParentFile();
if (parentFile == null)
continue;
String dirPath = parentFile.getAbsolutePath();
ImageFloder imageFloder = null;
// 利用一个HashSet防止多次扫描同一个文件夹（不加这个判断，图片多起来还是相当恐怖的~~）
if (mDirPaths.contains(dirPath)) {
continue;
} else {
mDirPaths.add(dirPath);
// 初始化imageFloder
imageFloder = new ImageFloder();
imageFloder.setDir(dirPath);
imageFloder.setFirstImagePath(path);
}
int picSize = parentFile.list(new FilenameFilter() {
@Override
public boolean accept(File dir, String filename) {
if (filename.endsWith(".jpg")
|| filename.endsWith(".png")
|| filename.endsWith(".jpeg"))
return true;
return false;
}
}).length;
totalCount += picSize;
imageFloder.setCount(picSize);
mImageFloders.add(imageFloder);
if (picSize > mPicsSize) {
mPicsSize = picSize;
mImgDir = parentFile;
}
}
mCursor.close();
// 扫描完成，辅助的HashSet也就可以释放内存了
mDirPaths = null;
// 通知Handler扫描图片完成
handler.sendEmptyMessage(SCAN_OVER);
}
}).start();
以上就是获取图片的全部代码，很简单也有注释，所以就不多说了。
- 展示图片，展示图片的控件用的是GridView，底部是一个RelativeLayout展示图片的目录以及图片数量。先看xml.
<GridView
android:id="@+id/main_grid"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:cacheColorHint="@android:color/transparent"
android:columnWidth="90dip"
android:gravity="center"
android:horizontalSpacing="5dip"
android:listSelector="@android:color/transparent"
android:numColumns="auto_fit"
android:padding="5dip"
android:stretchMode="columnWidth"
android:verticalSpacing="5dip" />
<RelativeLayout
android:id="@+id/id_bottom_ly"
android:layout_width="match_parent"
android:layout_height="50dip"
android:layout_alignParentBottom="true"
android:background="#e0000000"
android:clickable="true">
<TextView
android:id="@+id/id_choose_dir"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:gravity="center_vertical"
android:paddingLeft="10dip"
android:text="所有图片"
android:textColor="@android:color/white" />
<TextView
android:id="@+id/id_total_count"
android:layout_width="50dip"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:gravity="center"
android:text="0张"
android:textColor="@android:color/white" />
</RelativeLayout>
代码步骤就是在扫描完图片后，通过handler发消息出来通知，利用adapter进行填充图片进行展示。如下：
private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
switch (msg.what) {
case SCAN_OVER:
progressDialog.dismiss();
//添加相机位置
imagePaths.add(0, "");
//添加所有图片文件夹
ImageFloder imageFloder = new ImageFloder();
imageFloder.setCount(totalCount);
imageFloder.setFirstImagePath(imagePaths.get(0));
imageFloder.setDir(Environment.getExternalStorageDirectory().getAbsolutePath());
mImageFloders.add(0, imageFloder);
//数据绑定View
data2View();
//初始化PopupWindow
initPopupWindow();
break;
}
}
};
/**
* 数据绑定View
*/
private void data2View() {
if (mImgDir == null) {
ToastUtils.showMessage("一张也没有");
return;
}
photoAdapter = new PhotoAdapter(this, imagePaths, R.layout.item_all_img, null);
photoAdapter.selectMax(9);
gridView.setAdapter(photoAdapter);
tvCount.setText(totalCount + "张");
}
- 业务处理，这个就是多选的处理了，就是一些简单的判断，直接看代码：
adapter实现：
/**
* 相片展示的填充器
* Created by Sunshine on 2016/9/9.
*/
public class PhotoAdapter extends CommonAdapter<String> {
private String dirPath;
private int maxValue;
private ArrayList<String> selectPathList = new ArrayList<>();
private ArrayList<String> dataList;
public PhotoAdapter(Context context, ArrayList<String> dataList, int itemLayoutId, String dirPath) {
super(context, dataList, itemLayoutId);
this.dirPath = dirPath;
this.dataList = dataList;
}
public void selectMax(int max) {
this.maxValue = max;
}
@Override
protected void convert(final ViewHolder viewHolder, final String item) {
//初始化图片
viewHolder.setImageView(R.id.item_image_view, R.mipmap.zw);
//查找控件
final ImageView checkBox = viewHolder.getView(R.id.child_checkbox);
final ImageView imageView = viewHolder.getView(R.id.item_image_view);
//加载图片
if (TextUtils.isEmpty(item)) {
viewHolder.setImageView(R.id.item_image_view, R.mipmap.asv);
checkBox.setVisibility(View.GONE);
} else {
checkBox.setVisibility(View.VISIBLE);
if (TextUtils.isEmpty(dirPath)) {
viewHolder.setImageView(R.id.item_image_view, item);
} else {
viewHolder.setImageView(R.id.item_image_view, dirPath + "/" + item);
}
}
//点击事件
checkBox.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
AlertAnimateUtil.addAnimation(checkBox);
if (selectPathList.contains(TextUtils.isEmpty(dirPath) ? item : (dirPath + "/" + item))) {
selectPathList.remove(TextUtils.isEmpty(dirPath) ? item : (dirPath + "/" + item));
checkBox.setImageResource(R.drawable.select_normal);
imageView.setColorFilter(null);
}else {
if (selectPathList.size() >= maxValue) {
ToastUtils.showMessage("选择相片最大数不能超过" + maxValue + "张~~~");
return;
}
selectPathList.add(TextUtils.isEmpty(dirPath) ? item : (dirPath + "/" + item));
checkBox.setImageResource(R.drawable.select_pressed);
imageView.setColorFilter(Color.parseColor("#77000000"));
}
}
});
imageView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if (TextUtils.isEmpty(item)&&viewHolder.getPosition()==0){
ToastUtils.showMessage("打开相机");
return;
}
Bundle bundle = new Bundle();
bundle.putSerializable("paths",dataList);
bundle.putInt("position",viewHolder.getPosition());
IntentUtils.startActivity((Activity) context,ShowPhotoActivity.class,bundle);
}
});
if (selectPathList.contains(TextUtils.isEmpty(dirPath) ? item : (dirPath + "/" + item))) {
checkBox.setImageResource(R.drawable.select_pressed);
imageView.setColorFilter(Color.parseColor("#77000000"));
}else {
checkBox.setImageResource(R.drawable.select_normal);
imageView.setColorFilter(null);
}
}
