当前位置: 移动技术网 > IT编程>移动开发>Android > Android 高仿QQ图片选择器

Android 高仿QQ图片选择器

2019年07月24日  | 移动技术网IT编程  | 我要评论

李敖视频,钢铁神兵国语,订单农业

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

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

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

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图片选择器的全部叙述,希望对大家有所帮助!

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网