Android 高仿QQ图片选择器

Android 高仿QQ图片选择器,第1张

概述当做一款APP,需要选择本地图片时,首先考虑的无疑是系统相册,但是Android手机五花八门,再者手机像素的提升,大图无法返回等异常因数,导致适配机型比较困难,微信、QQ都相继的在自己的APP里集成了图片选择功能,放

当做一款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,whereclause,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,9);

最后Activity的onActivityResult中接收返回的图片数据:

List<ImageFolderBean> List = (List<ImageFolderBean>) data.getSerializableExtra("List");

源码下载地址:

https://github.com/JarekWang/photoselect

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

总结

以上是内存溢出为你收集整理的Android 高仿QQ图片选择器全部内容,希望文章能够帮你解决Android 高仿QQ图片选择器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1148142.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存