概述

上一篇文章介绍了Loader的作用和相关知识，说白了Loader就是Android提供给我们用来更容易查询数据用的。其实在我们应用中查询数据最常用的应该就是查询手机的图片进行显示。今天就来学习一下使用Loader做一个简单的本地图片库，类似于微信的图片选择。先来看看效果图：

福利来了！

由于图片上传大小有限制，所以只有一点效果，大家可以在最后下载源码自己体验，就算快速滑动也马上就能显示。
对Loader还没有了解的同学可以去看上一篇文章： Android Loader解析

要做一个这样的图片浏览其实很简单，利用Loader把手机里所有图片查询出来，再使用GridView进行展示就行了。就是那么简单。

实现步骤

1、建一个用来查询和展示图片的Activity，在onCreate中初始化Loader，并且在回调LoaderCallbacks的回调方法中进行处理。

public class ImageGridActivity extends AppCompatActivity implements LoaderManager.LoaderCallbacks<Cursor> {private final String[] IMAGE_PROJECTION = {MediaStore.Images.Media.DATA,MediaStore.Images.Media.DISPLAY_NAME,MediaStore.Images.Media.DATE_ADDED,MediaStore.Images.Media._ID };// different loader definepublic static final int LOADER_ALL = 0;public static final int LOADER_CATEGORY = 1;private ArrayList<ImageSet> mImageSetList = new ArrayList<>();int imageGridSize;GridView mGridView;//进行图片展示的GridViewImageGridAdapter mAdapter;//图片展示的Adapter@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_image_grid);imageGridSize = (getWindowManager().getDefaultDisplay().getWidth() - Util.dp2px(this, 2) * 2) / 3;//根据屏幕宽度获取到item显示的大小mGridView = (GridView) findViewById(R.id.image_grid);getLoaderManager().initLoader(0,null,this);//初始化Loader，LoaderManager会回调onCreateLoader去获取一个Loader，并且在查询结束的时候回调onLoadFinished}@Overridepublic Loader<Cursor> onCreateLoader(int i, Bundle bundle) {//创建了一个CursorLoader，查询的数据有文件地址，名次，添加时间，id并且按照添加时间排序CursorLoader cursorLoader =  new CursorLoader(this, MediaStore.Images.Media.EXTERNAL_CONTENT_URI,IMAGE_PROJECTION,null,null,IMAGE_PROJECTION[2]+" DESC ");return cursorLoader;}@Overridepublic void onLoadFinished(Loader<Cursor> loader, Cursor data) {//获取到查询的所有图片信息，并且设置到adapter总进行图片显示if (data!=null){List<ImageItem> allImages = new ArrayList<>();int count = data.getCount();if (count <= 0){return;}data.moveToFirst();do {String imagePath = data.getString(data.getColumnIndexOrThrow(IMAGE_PROJECTION[0]));String imageName = data.getString(data.getColumnIndexOrThrow(IMAGE_PROJECTION[1]));long imageAddedTime = data.getLong(data.getColumnIndexOrThrow(IMAGE_PROJECTION[2]));ImageItem item = new ImageItem(imagePath,imageName,imageAddedTime);allImages.add(item);}while (data.moveToNext());mAdapter = new ImageGridAdapter(this,allImages);mGridView.setAdapter(mAdapter);}}@Overridepublic void onLoaderReset(Loader<Cursor> loader) {}}

上面代码都给了注释，很好理解。在onLoadFinished中查询到图片信息，并且将图片信息封装到ImageItem实体类中。添加到List。最后简单设置一下数据适配器

2、查询到图片信息之后，就是需要显示出来,接下来看一下适配器的代码：

class ImageGridAdapter extends BaseAdapter {List<ImageItem> images;Context mContext;public ImageGridAdapter(Context ctx, List<ImageItem> images) {this.images = images;this.mContext = ctx;}@Overridepublic int getCount() {return  images.size();}@Overridepublic ImageItem getItem(int position) {return images.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(final int position, View convertView, ViewGroup parent) {final ViewHolder holder;if (convertView == null) {convertView = LayoutInflater.from(mContext).inflate(R.layout.image_grid_item, null);holder = new ViewHolder();holder.ivPic = (ImageView) convertView.findViewById(R.id.iv_thumb);holder.cbSelected = (SuperCheckBox) convertView.findViewById(R.id.iv_thumb_check);holder.cbPanel = convertView.findViewById(R.id.thumb_check_panel);convertView.setTag(holder);} else {holder = (ViewHolder) convertView.getTag();}final ImageItem item = getItem(position);ViewGroup.LayoutParams params = holder.ivPic.getLayoutParams();params.width = params.height = imageGridSize;Picasso.with(holder.ivPic.getContext()).load(new File(item.path)).centerCrop().resize(imageGridSize/4*3, imageGridSize/4*3).placeholder(R.drawable.default_img).into(holder.ivPic);return convertView;}class ViewHolder {ImageView ivPic;SuperCheckBox cbSelected;View cbPanel;}public void refreshData(List<ImageItem> items) {if (items != null && items.size() > 0) {images = items;}notifyDataSetChanged();}}

上面的代码是一个ListView GridView数据渲染的常见写法，相信大家很熟悉了，在getView中获取到图片，通过Picasso来进行本地图片的展示。

总结

上面的例子，通过Loader加载数据的代码其实不过10多行，其他的代码大部分是数据渲染展示。可见Android提供的Loader异步数据查询工具类是多么的强大！那么大家可以用Loader来自己实现一个类似微信的图片选择。有了Loader,其他的都是逻辑很处理的问题。

如果我的文章对你有帮助，欢迎关注我～

Android 使用Loader轻松实现仿微信图片加载相关推荐

Android笔记之（图片高斯+Glide实现微信图片加载策略+仿微信进度条）
很久以前就想自己实现一下仿微信图片加载的那种策略了,先加载一张模糊的图片,然后再加载清晰大图,今天研究了一下,不过要是Glide支持进度条显示就好了,不得不说Glide很强大, 不啰嗦了,直接上代码了 ...
仿新浪微博图片加载进度条——JLPieProgressView
2019独角兽企业重金招聘Python工程师标准>>> JLPieProgressView 仿新浪微博图片加载进度条实现代码如下: #import "JLPieProgr ...
圆形进度条（包括仿QQ图片加载进度图）
原文:圆形进度条(包括仿QQ图片加载进度图) 源代码下载地址:http://www.zuidaima.com/share/1581277496822784.htm 以前找到的自定义圆形进度条
Android开发之使用GridView+仿微信图片上传功能(附源代码)
前言:如果转载文章请声明转载自:https://i.cnblogs.com/EditPosts.aspx?postid=7419021 .另外针对有些网站转载本人的文章结果源码链接不对的问题,本人在 ...
Android 高仿ImageLoader图片加载
一.首先,废话不多说,先上图片二.实现思路 1.缓存在本地和内存中,每次加载都从本地中读取,如果本地没有则从网络下载,并保存到本地或者内存 2.内存缓存使用软引用和LruCache算法 3.本地缓存 ...
Android踩坑日记：使用Fesco图片加载库在GridView上的卡顿优化
1,fresco是一个强大的图片加载库 2,fresco设计了一个叫做image pipeline(图片管道)的模块,它负责从从网络,从本地文件系统,从本地资源加载图片,为了最大限度节约资源和cpu时 ...
PC端打不开微信公众号文章、微信图片加载超缓慢的处理方法（最全的解决方法）
前言电脑端的微信加载好友发来的图片非常慢,打开公众号的一些文章时,只能加载文字部分,图片部分加载不出来,排除网络的原因后,以下是几种解决方法. 1.-微信的安装盘,缓存文件过大,硬盘无法存放,可以尝 ...
android 仿微信加载框,Android自定义控件——仿微信半透明加载框
在我们的app中不免回遇到耗时操作,这时我们给个加载框进行过度,使用户体验大大加强. 一.CustomDialog类的编写 package com.daqsoft.jingguan.weight; i ...
使用Glide模仿微信图片加载策略
为什么要对图片进行压缩比较压缩与否造成的资源消耗你能区别出:下面两个九方格图片展示的区别不? 图1: 图2: 区别在于:图1使用的是压缩图,图2使用的是高清图以下是高清图地址 http://o9 ...
Android中用URL模拟一个简单的图片加载器
首先,需要添加权限. <uses-permission android:name="android.permission.INTERNET"/> 整体代码如下: pac ...

Android 使用Loader轻松实现仿微信图片加载

概述

实现步骤

总结

Android 使用Loader轻松实现仿微信图片加载相关推荐

最新文章

热门文章