欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 高仿QQ图片选择器

程序员文章站 2024-03-06 13:37:56
当做一款app,需要选择本地图片时,首先考虑的无疑是系统相册,但是android手机五花八门,再者手机像素的提升,大图无法返回等异常因数,导致适配机型比较困难,微信、qq都...

当做一款app,需要选择本地图片时,首先考虑的无疑是系统相册,但是android手机五花八门,再者手机像素的提升,大图无法返回等异常因数,导致适配机型比较困难,微信、qq都相继的在自己的app里集成了图片选择功能,放弃了系统提供的图片选择器,这里仿造qq做了一个本地图片选择器,ps:之前有人说"仿"写成“防”了,今儿特意注意了下,求不错。

先上一张效果图,无图无真相啊~~~

Android 高仿QQ图片选择器

实现的效果大概是这样的:

1.单选:跳转到本地图片选择文件夹,选择文件夹后,进入到该文件夹下的所有图片,选择某张图片后,返回改图片地址信息

2.多选:跳转到图片文件夹,选择一个文件夹,选择图片,点击右上角的小圆圈,选中该图,点击图片其他区域,查看大图,点击预览,查看已选图片,可以跨文件夹选择图片。

为了达到这效果,需要做几件事:

1.读取本地所有 有图片的文件夹:

这里用contentresolver读取媒体文件

string[] columns = {mediastore.images.media._id, mediastore.images.thumbnails.data, mediastore.images.media.data, mediastore.images.media.bucket_id,
mediastore.images.media.bucket_display_name, "count(1) as count"};
string selection = "0==0) group by (" + mediastore.images.media.bucket_id;
string sortorder = mediastore.images.media.date_modified;
cursor cursor = contentresolver.query(mediastore.images.media.external_content_uri, columns, selection, null, sortorder);

这是一个简单的sql查询语句,按文件夹分组,并返回文件夹下图片数。

2.读取指定文件夹下所有图片:

当选择某一目录时,需要读取该目录下所有图片了。

string[] columns = new string[]{mediastore.images.media._id, mediastore.images.media.data};
/*查询文件路径包含上面指定的文件夹路径的图片--这样才能保证查询到的文件属于当前文件夹下*/
string whereclause = mediastore.images.imagecolumns.data + " like'" + folderpath + "/%'";
log.i("querygallerypicture", "gallerypath:" + folderpath);
cursor corsor = c.getcontentresolver().query(mediastore.images.media.external_content_uri, columns, whereclause, null, null);

这里的查询语句是根据文件名字来过滤的,只要图片路径包含文件夹路径的,则为该文件夹下的图片

3.ui交互

首先在展示所有包含图片的文件夹时,异步加载有图片的文件夹,读取成功后列表展示,这里用的recyclerview展示列表信息,点击某一目录时,在读取改目录下的图片,在图片展示页里,需要注意的是,每次点击判断当前点击图片是否已在选择列表中,若在,删除,不在,添加。这里图片加载用了开源框架imageloader

if (mselectlist.contains(imagebean)) { //点击的item为已选过的图片时,删除
mselectlist.remove(imagebean);
subselectposition();
} else { //不在选择列表里,添加
if (mselectlist.size() >= maxcount) {
toast.maketext(mcontext, mcontext.getresources().getstring(r.string.publish_select_photo_max, maxcount), toast.length_short).show();
return;
}
mselectlist.add(imagebean);
imagebean.selectposition = mselectlist.size();
}
//通知点击项发生了改变
notifyitemchanged(position);

同时没删除一张图片,图片上的序号相应的作改变,然后通知改变项更新ui。

不同activity跳转时,因为要传递图片列表list,list里是自定义实体类,刚开始考虑过用intent传递,但是intent传递后,通过list.get(positon).contains比较是否同一对象时,始终是不同对象,大家可以去验证下。所以这里定义了一个观察者的类,去保存选择的图片和文件夹下的所有图片,同时查看大图时,若选择了一张或者取消选择了一张图,通过观察者通知更新即可

/**
* 通知图片选择已改变
*/
public void updateimageselectchanged () {
setchanged();
notifyobservers(imgselectobj);
}

好了,有了以上的,就可以使用我们的图片选择器了:

单选时,在需要的地方调用:

/*单选,参数对应的是context, 回调*/
folderlistactivity.startselectsingleimgactivity(this, 2);
多选时:
/*参数对应context, 回调code, 传入的图片list, 可选的最大张数*/
folderlistactivity.startfolderlistactivity(this, 1, null, 9);

最后activity的onactivityresult中接收返回的图片数据:

list<imagefolderbean> list = (list<imagefolderbean>) data.getserializableextra("list");

源码下载地址:

https://github.com/jarekwang/photoselect

以上所述是小编给大家介绍的android 高仿qq图片选择器的全部叙述,希望对大家有所帮助!