二级缓存加载图片实现照片墙功能
来源：互联网 发布：php前端教程视频 编辑：程序博客网 时间：2024/04/28 03:23
实现二级缓存加载图片的功能，在使用DiskLruCache时，需先在工程中添加名为libcore.io的包，并将DiskLruCache.java文件放进去。DiskLruCache直接百度下载即可。
在GridView的适配器中，为ImageView添加图片时，先从内存缓存中加载，内存中无缓存的话则在磁盘缓存中加载，磁盘缓存也没有的话开启线程下载，然后将下载的图片缓存到磁盘，内存中。下载的图片最好先进行压缩，文章最后给出了压缩代码，但本例中并未实现压缩。
/*二级缓存实现图片墙功能，先在内存中加载缓存，内存中无缓存的话到磁盘缓存中加载，仍然没有的话开启线程下载图片，下载后缓存到磁盘中，然后缓存到内存中*/public class ErJiHuanCun extends ArrayAdapter<String> { /** * 记录所有正在下载或等待下载的任务。 */ private Set<BitmapWorkerTask> taskCollection; /** * 图片缓存技术的核心类，用于缓存所有下载好的图片，在程序内存达到设定值时会将最少最近使用的图片移除掉。 */ private LruCache<String, Bitmap> mMemoryCache; /** * 图片硬盘缓存核心类。 */ private DiskLruCache mDiskLruCache; /** * GridView的实例 */ private GridView mPhotoWall; /** * 记录每个子项的高度。 */ private int mItemHeight = 0; public ErJiHuanCun(Context context, int textViewResourceId, String[] objects, GridView photoWall) { super(context, textViewResourceId, objects); mPhotoWall = photoWall; taskCollection = new HashSet<BitmapWorkerTask>(); // 获取应用程序最大可用内存 int maxMemory = (int) Runtime.getRuntime().maxMemory(); int cacheSize = maxMemory / 8; // 设置图片缓存大小为程序最大可用内存的1/8 mMemoryCache = new LruCache<String, Bitmap>(cacheSize) { @Override protected int sizeOf(String key, Bitmap bitmap) { return bitmap.getByteCount(); } }; try { // 获取图片缓存路径 File cacheDir = getDiskCacheDir(context, "thumb"); if (!cacheDir.exists()) { cacheDir.mkdirs(); } // 创建DiskLruCache实例，初始化缓存数据 mDiskLruCache = DiskLruCache .open(cacheDir, getAppVersion(context), 1, 10 * 1024 * 1024); } catch (IOException e) { e.printStackTrace(); } } @Override public View getView(int position, View convertView, ViewGroup parent) { final String url = getItem(position); View view; if (convertView == null) { view = LayoutInflater.from(getContext()).inflate(R.layout.photo_layout, null); } else { view = convertView; } final ImageView imageView = (ImageView) view.findViewById(R.id.photo); if (imageView.getLayoutParams().height != mItemHeight) { imageView.getLayoutParams().height = mItemHeight; } // 给ImageView设置一个Tag，保证异步加载图片时不会乱序 imageView.setTag(url); imageView.setImageResource(R.drawable.ic_launcher); loadBitmaps(imageView, url); return view; } /** * 将一张图片存储到LruCache中。 * * @param key * LruCache的键，这里传入图片的URL地址。 * @param bitmap * LruCache的键，这里传入从网络上下载的Bitmap对象。 */ public void addBitmapToMemoryCache(String key, Bitmap bitmap) { if (getBitmapFromMemoryCache(key) == null) { mMemoryCache.put(key, bitmap); } } /** * 从LruCache中获取一张图片，如果不存在就返回null。 * * @param key * LruCache的键，这里传入图片的URL地址。 * @return 对应传入键的Bitmap对象，或者null。 */ public Bitmap getBitmapFromMemoryCache(String key) { return mMemoryCache.get(key); } /** * 加载Bitmap对象。此方法会在LruCache中检查所有屏幕中可见的ImageView的Bitmap对象， * 如果发现任何一个ImageView的Bitmap对象不在缓存中，就会开启异步线程去下载图片。 */ public void loadBitmaps(ImageView imageView, String imageUrl) { try { Bitmap bitmap = getBitmapFromMemoryCache(imageUrl); if (bitmap == null) { BitmapWorkerTask task = new BitmapWorkerTask(); taskCollection.add(task); task.execute(imageUrl); } else { if (imageView != null && bitmap != null) { imageView.setImageBitmap(bitmap); } } } catch (Exception e) { e.printStackTrace(); } } /** * 取消所有正在下载或等待下载的任务。 */ public void cancelAllTasks() { if (taskCollection != null) { for (BitmapWorkerTask task : taskCollection) { task.cancel(false); } } } /** * 根据传入的uniqueName获取硬盘缓存的路径地址。 */ public File getDiskCacheDir(Context context, String uniqueName) { String cachePath; if (Environment.MEDIA_MOUNTED.equals(Environment.getExternalStorageState()) || !Environment.isExternalStorageRemovable()) { cachePath = context.getExternalCacheDir().getPath(); } else { cachePath = context.getCacheDir().getPath(); } return new File(cachePath + File.separator + uniqueName); } /** * 获取当前应用程序的版本号。 */ public int getAppVersion(Context context) { try { PackageInfo info = context.getPackageManager().getPackageInfo(context.getPackageName(), 0); return info.versionCode; } catch (NameNotFoundException e) { e.printStackTrace(); } return 1; } /** * 设置item子项的高度。 */ public void setItemHeight(int height) { if (height == mItemHeight) { return; } mItemHeight = height; notifyDataSetChanged(); } /** * 使用MD5算法对传入的key进行加密并返回。 */ public String hashKeyForDisk(String key) { String cacheKey; try { final MessageDigest mDigest = MessageDigest.getInstance("MD5"); mDigest.update(key.getBytes()); cacheKey = bytesToHexString(mDigest.digest()); } catch (NoSuchAlgorithmException e) { cacheKey = String.valueOf(key.hashCode()); } return cacheKey; } /** * 将缓存记录同步到journal文件中。 */ public void flushCache() { if (mDiskLruCache != null) { try { mDiskLruCache.flush(); } catch (IOException e) { e.printStackTrace(); } } } private String bytesToHexString(byte[] bytes) { StringBuilder sb = new StringBuilder(); for (int i = 0; i < bytes.length; i++) { String hex = Integer.toHexString(0xFF & bytes[i]); if (hex.length() == 1) { sb.append('0'); } sb.append(hex); } return sb.toString(); } /** * 异步下载图片的任务。 * * */ class BitmapWorkerTask extends AsyncTask<String, Void, Bitmap> { /** * 图片的URL地址 */ private String imageUrl; @Override protected Bitmap doInBackground(String... params) { imageUrl = params[0]; FileDescriptor fileDescriptor = null; FileInputStream fileInputStream = null; Snapshot snapShot = null; try { // 生成图片URL对应的key final String key = hashKeyForDisk(imageUrl); // 查找key对应的缓存 snapShot = mDiskLruCache.get(key); if (snapShot == null) { // 如果没有找到对应的缓存，则准备从网络上请求数据，并写入缓存 DiskLruCache.Editor editor = mDiskLruCache.edit(key); if (editor != null) { OutputStream outputStream = editor.newOutputStream(0); if (downloadUrlToStream(imageUrl, outputStream)) { editor.commit(); } else { editor.abort(); } } // 缓存被写入后，再次查找key对应的缓存 snapShot = mDiskLruCache.get(key); } if (snapShot != null) { fileInputStream = (FileInputStream) snapShot.getInputStream(0); fileDescriptor = fileInputStream.getFD(); } // 将缓存数据解析成Bitmap对象 Bitmap bitmap = null; if (fileDescriptor != null) { // bitmap = BitmapFactory.decodeFileDescriptor(fileDescriptor); WindowManager wm= (WindowManager)getContext().getSystemService(Context.WINDOW_SERVICE); int width=wm.getDefaultDisplay().getWidth(); bitmap= ImageResizer.decodeSampleBithmapFromFileDescriptor(fileDescriptor,width/3,width/3); } if (bitmap != null) { // 将Bitmap对象添加到内存缓存当中 addBitmapToMemoryCache(params[0], bitmap); } return bitmap; } catch (IOException e) { e.printStackTrace(); } finally { if (fileDescriptor == null && fileInputStream != null) { try { fileInputStream.close(); } catch (IOException e) { } } } return null; } @Override protected void onPostExecute(Bitmap bitmap) { super.onPostExecute(bitmap); // 根据Tag找到相应的ImageView控件，将下载好的图片显示出来。 ImageView imageView = (ImageView) mPhotoWall.findViewWithTag(imageUrl); if (imageView != null && bitmap != null) { imageView.setImageBitmap(bitmap); } taskCollection.remove(this); } /** * 建立HTTP请求，并获取Bitmap对象。 * * @param imageUrl * 图片的URL地址 * @return 解析后的Bitmap对象 */ private boolean downloadUrlToStream(String urlString, OutputStream outputStream) { HttpURLConnection urlConnection = null; BufferedOutputStream out = null; BufferedInputStream in = null; try { final URL url = new URL(urlString); urlConnection = (HttpURLConnection) url.openConnection(); in = new BufferedInputStream(urlConnection.getInputStream(), 8 * 1024); out = new BufferedOutputStream(outputStream, 8 * 1024); int b; while ((b = in.read()) != -1) { out.write(b); } return true; } catch (final IOException e) { e.printStackTrace(); } finally { if (urlConnection != null) { urlConnection.disconnect(); } try { if (out != null) { out.close(); } if (in != null) { in.close(); } } catch (final IOException e) { e.printStackTrace(); } } return false; } }}MainActivity
/** * 照片墙主活动，使用GridView展示照片墙。 * * */public class MainActivity extends Activity { /** * 用于展示照片墙的GridView */ private GridView mPhotoWall; /** * GridView的适配器 */ private ErJiHuanCun mAdapter; private int mImageThumbSize; private int mImageThumbSpacing; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //mImageThumbSize = getResources().getDimensionPixelSize( // R.dimen.image_thumbnail_size); //mImageThumbSpacing = getResources().getDimensionPixelSize( // R.dimen.image_thumbnail_spacing); mPhotoWall = (GridView) findViewById(R.id.photo_wall); mAdapter = new ErJiHuanCun(this, 0, Images.imageThumbUrls, mPhotoWall); mPhotoWall.setAdapter(mAdapter);/* mPhotoWall.getViewTreeObserver().addOnGlobalLayoutListener( new ViewTreeObserver.OnGlobalLayoutListener() { @Override public void onGlobalLayout() { final int numColumns = (int) Math.floor(mPhotoWall .getWidth() / (mImageThumbSize + mImageThumbSpacing)); if (numColumns > 0) { int columnWidth = (mPhotoWall.getWidth() / numColumns) - mImageThumbSpacing; mAdapter.setItemHeight(columnWidth); mPhotoWall.getViewTreeObserver() .removeGlobalOnLayoutListener(this); } } });*/ } @Override protected void onPause() { super.onPause(); //将缓存记录同步到journal文件中 mAdapter.flushCache(); } @Override protected void onDestroy() { super.onDestroy(); // // 退出程序时结束所有的下载任务 mAdapter.cancelAllTasks(); }}/** * 自定义正方形的ImageView * */public class MyImageView extends ImageView { public MyImageView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); // TODO Auto-generated constructor stub } public MyImageView(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub } public MyImageView(Context context) { super(context); // TODO Auto-generated constructor stub } @Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { // TODO Auto-generated method stub //将高度信息改成宽度即可 super.onMeasure(widthMeasureSpec, widthMeasureSpec);}}主Activity的layout
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="5dp" ><GridView android:id="@+id/photo_wall" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:horizontalSpacing="5dp" android:verticalSpacing="5dp" android:numColumns="3" android:stretchMode="columnWidth" /></LinearLayout>GridView中的Item ImageView
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" ><com.example.imageloader.MyImageView android:layout_width="match_parent" android:layout_height="0dp" android:id="@+id/photo" /></LinearLayout>图片压缩实现
public class ImageResizer { private static final String TAG="ImageResizer"; public static Bitmap decodeSampledBitmapFromResource(Resources res, int resId,int reqWidth,int reqHeight){ final BitmapFactory.Options options=new BitmapFactory.Options(); options.inJustDecodeBounds=true; BitmapFactory.decodeResource(res,resId,options); options.inSampleSize=calculateInSampleSize(options,reqWidth,reqHeight); options.inJustDecodeBounds=false; return BitmapFactory.decodeResource(res, resId, options); } public static Bitmap decodeSampleBithmapFromFileDescriptor(FileDescriptor fd, int reqWidth,int reqHeight){ final BitmapFactory.Options options=new BitmapFactory.Options(); options.inJustDecodeBounds=true; BitmapFactory.decodeFileDescriptor(fd, null,options); options.inSampleSize=calculateInSampleSize(options,reqWidth,reqHeight); options.inJustDecodeBounds=false; return BitmapFactory.decodeFileDescriptor(fd, null,options); } public static int calculateInSampleSize(BitmapFactory.Options options, int reqWidth,int reqHeight){ if(reqWidth==0||reqHeight==0) return 1; final int width=options.outWidth; final int height=options.outHeight; int inSampleSize=1; if(height>reqHeight||width>reqWidth ){ final int halfHeight=height/2; final int halfWidth=width/2; //尽最大限度的压缩图片，不能让图片的宽高比ImageView的宽高小，否则在将 //图片显示到ImageView时，图片会放大导致图片失真 while(halfHeight/inSampleSize>reqHeight&&halfWidth/inSampleSize>reqWidth){ inSampleSize*=2; } } return inSampleSize; }} 0 0
- 二级缓存加载图片实现照片墙功能
- Android开发图片加载的二级缓存实现
- Android 照片墙功能实现
- Volley实现图片加载功能
- android图片加载—二级缓存
- Android照片墙实现 -- 图片加载，防止OOM的处理办法
- Android照片墙实现 -- 功能介绍
- Gallery 和ImageSwitcher实现照片墙功能
- 从零开始实现图片加载特效之黑白照片、倒影图片、图片蒙版
- Javascript实现图片的预加载功能
- android 图片的加载保存 与 二级缓存
- SDWebImage图片二级缓存异步加载基本原理
- android图片延迟加载，照片墙，listview中图片的延迟加载（国外制造）
- 照片上传功能的实现
- ckeditor实现照片上传功能
- 照片墙功能
- android camer 图片回显界面照片分享到微博、人人、彩信、蓝牙的功能实现
- 保存图片到本项目data/data下，实现简易照片隐藏功能
- Wex5中windowDialog中shellpage与windowDialog区别
- 新的理念、 新的解决方案、 新的Azure Stack技术预览
- TOP K 问题的多种实现方法
- Android中的EditText默认时不弹出软键盘的方法
- Android studio2.2以上版本配置Android annotations
- 二级缓存加载图片实现照片墙功能
- 深入浅出UML类图
- 第三方登录
- Queen做的代码
- web.xml配置中的log4jRefreshInterval讲解
- Android app启动页广告
- CSS炫丽的字体，含中文字体，在线字体
- Android Activity生命周期详解
- tensorflow新手必看，tensorflow入门教程，tensorflow示例代码
