Android照片墙完整版，完美结合内存方案 LruCache 和硬盘方案 DiskLruCache-低调大师

Android照片墙完整版，完美结合内存方案 LruCache 和硬盘方案 DiskLruCache

2017-11-04 544

在上一篇文章当中，我们学习了DiskLruCache的概念和基本用法，但仅仅是掌握理论知识显然是不够的，那么本篇文章我们就来继续进阶一下，看一看在实战当中应该怎样合理使用DiskLruCache。还不熟悉DiskLruCache用法的朋友可以先去参考我的上一篇文章 Android DiskLruCache完全解析，硬盘缓存的最佳方案 。

其实，在真正的项目实战当中如果仅仅是使用硬盘缓存的话，程序是有明显短板的。而如果只使用内存缓存的话，程序当然也会有很大的缺陷。因此，一个优秀的程序必然会将内存缓存和硬盘缓存结合到一起使用，那么本篇文章我们就来看一看，如何才能将LruCache和DiskLruCache完美结合到一起。

在 Android照片墙应用实现，再多的图片也不怕崩溃 这篇文章当中，我编写了一个照片墙的应用程序，但当时只是单纯使用到了内存缓存而已，而今天我们就对这个例子进行扩展，制作一个完整版的照片墙。

那我们开始动手吧，新建一个Android项目，起名叫PhotoWallDemo，这里我使用的是Android 4.0的API。然后新建一个libcore.io包，并将DiskLruCache.Java文件拷贝到这个包下，这样就把准备工作完成了。

接下来首先需要考虑的仍然是图片源的问题，简单起见，我仍然是吧所有图片都上传到了我的CSDN相册当中，然后新建一个Images类，将所有相册中图片的网址都配置进去，代码如下所示：

 
   [java] 
   view plain
    copy 
  
public class Images {  
  
    public final static String[] imageThumbUrls = new String[] {   
        "http://img.my.csdn.net/uploads/201407/26/1406383299_1976.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383291_6518.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383291_8239.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383290_9329.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383290_1042.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383275_3977.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383265_8550.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383264_3954.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383264_4787.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383264_8243.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383248_3693.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383243_5120.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383242_3127.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383242_9576.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383242_1721.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383219_5806.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383214_7794.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383213_4418.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383213_3557.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383210_8779.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383172_4577.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383166_3407.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383166_2224.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383166_7301.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383165_7197.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383150_8410.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383131_3736.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383130_5094.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383130_7393.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383129_8813.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383100_3554.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383093_7894.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383092_2432.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383092_3071.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383091_3119.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383059_6589.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383059_8814.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383059_2237.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383058_4330.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406383038_3602.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382942_3079.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382942_8125.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382942_4881.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382941_4559.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382941_3845.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382924_8955.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382923_2141.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382923_8437.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382922_6166.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382922_4843.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382905_5804.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382904_3362.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382904_2312.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382904_4960.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382900_2418.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382881_4490.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382881_5935.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382880_3865.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382880_4662.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382879_2553.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382862_5375.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382862_1748.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382861_7618.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382861_8606.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382861_8949.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382841_9821.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382840_6603.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382840_2405.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382840_6354.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382839_5779.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382810_7578.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382810_2436.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382809_3883.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382809_6269.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382808_4179.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382790_8326.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382789_7174.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382789_5170.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382789_4118.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382788_9532.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382767_3184.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382767_4772.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382766_4924.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382766_5762.jpg",   
        "http://img.my.csdn.net/uploads/201407/26/1406382765_7341.jpg"   
    };  
}  

设置好了图片源之后，我们需要一个GridView来展示照片墙上的每一张图片。打开或修改activity_main.xml中的代码，如下所示：

[html]view plain copy
     
   
 
<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" >   
  
    <GridView   
        android:id="@+id/photo_wall"   
        android:layout_width="match_parent"   
        android:layout_height="match_parent"   
        android:columnWidth="@dimen/image_thumbnail_size"   
        android:gravity="center"   
        android:horizontalSpacing="@dimen/image_thumbnail_spacing"   
        android:numColumns="auto_fit"   
        android:stretchMode="columnWidth"   
        android:verticalSpacing="@dimen/image_thumbnail_spacing" >   
    </GridView>   
  
</LinearLayout>  

很简单，只是在LinearLayout中写了一个GridView而已。接着我们要定义GridView中每一个子View的布局，新建一个photo_layout.xml布局，加入如下代码：

[html]view plain copy
     
   
 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"   
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content" >   
  
    <ImageView    
        android:id="@+id/photo"   
        android:layout_width="match_parent"   
        android:layout_height="match_parent"   
        android:layout_centerInParent="true"   
        android:scaleType="fitXY"   
        />   
  
</RelativeLayout>  

仍然很简单，photo_layout.xml布局中只有一个ImageView控件，就是用它来显示图片的。这样我们就把所有的布局文件都写好了。

接下来新建PhotoWallAdapter做为GridView的适配器，代码如下所示：

[java]view plain copy
     
   
public class PhotoWallAdapter extends ArrayAdapter<String> {  
  
    /**  
     * 记录所有正在下载或等待下载的任务。 
     */  
    private Set<BitmapWorkerTask> taskCollection;   
  
    /**  
     * 图片缓存技术的核心类，用于缓存所有下载好的图片，在程序内存达到设定值时会将最少最近使用的图片移除掉。 
     */  
    private LruCache<String, Bitmap> mMemoryCache;   
  
    /**  
     * 图片硬盘缓存核心类。 
     */  
    private DiskLruCache mDiskLruCache;   
  
    /**  
     * GridView的实例 
     */  
    private GridView mPhotoWall;   
  
    /**  
     * 记录每个子项的高度。 
     */  
    private int mItemHeight = 0;   
  
    public PhotoWallAdapter(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.empty_photo);  
        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 fluchCache() {   
        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();   
    }  
  
    /**  
     * 异步下载图片的任务。 
     *  
     * @author guolin 
     */  
    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);  
                }  
                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;   
        }  
  
    }  
  
}  

代码有点长，我们一点点进行分析。首先在PhotoWallAdapter的构造函数中，我们初始化了LruCache类，并设置了内存缓存容量为程序最大可用内存的1/8，紧接着调用了DiskLruCache的open()方法来创建实例，并设置了硬盘缓存容量为10M，这样我们就把LruCache和DiskLruCache的初始化工作完成了。

接着在getView()方法中，我们为每个ImageView设置了一个唯一的Tag，这个Tag的作用是为了后面能够准确地找回这个ImageView，不然异步加载图片会出现乱序的情况。然后在getView()方法的最后调用了loadBitmaps()方法，加载图片的具体逻辑也就是在这里执行的了。

进入到loadBitmaps()方法中可以看到，实现是调用了getBitmapFromMemoryCache()方法来从内存中获取缓存，如果获取到了则直接调用ImageView的setImageBitmap()方法将图片显示到界面上。如果内存中没有获取到，则开启一个BitmapWorkerTask任务（从内存获取不用多线程）来去异步加载图片。

那么在BitmapWorkerTask的doInBackground()方法中，我们就灵活运用了上篇文章中学习的DiskLruCache的各种用法。首先根据图片的URL生成对应的MD5 key，然后调用DiskLruCache的get()方法来获取硬盘缓存，如果没有获取到的话则从网络上请求图片并写入硬盘缓存，接着将Bitmap对象解析出来并添加到内存缓存当中，最后将这个Bitmap对象显示到界面上，这样一个完整的流程就执行完了。

那么我们再来分析一下上述流程，每次加载图片的时候都优先去内存缓存当中读取，当读取不到的时候则回去硬盘缓存中读取，而如果硬盘缓存仍然读取不到的话，就从网络上请求原始数据。不管是从硬盘缓存还是从网络获取，读取到了数据之后都应该添加到内存缓存当中，这样的话我们下次再去读取图片的时候就能迅速从内存当中读取到，而如果该图片从内存中被移除了的话，那就重复再执行一遍上述流程就可以了。

这样我们就把LruCache和DiskLruCache完美结合到一起了。接下来还需要编写MainActivity的代码，非常简单，如下所示：

[java]view plain copy
     
   
public class MainActivity extends Activity {  
  
    /**  
     * 用于展示照片墙的GridView 
     */  
    private GridView mPhotoWall;   
  
    /**  
     * GridView的适配器 
     */  
    private PhotoWallAdapter 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 PhotoWallAdapter(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();   
        mAdapter.fluchCache();  
    }  
  
    @Override   
    protected void onDestroy() {   
        super.onDestroy();   
        // 退出程序时结束所有的下载任务   
        mAdapter.cancelAllTasks();  
    }  
  
}  

上述代码中，我们通过getViewTreeObserver()的方式监听View的布局事件，当布局完成以后，我们重新修改一下GridView中子View的高度，以保证子View的宽度和高度可以保持一致。

到这里还没有结束，最后还需要配置一下AndroidManifest.xml文件，并加入相应的权限，如下所示：

[html]view plain copy
     
   
 
<manifest xmlns:android="http://schemas.android.com/apk/res/android"  
    package="com.example.photoswalldemo"   
    android:versionCode="1"   
    android:versionName="1.0" >   
  
    <uses-sdk   
        android:minSdkVersion="14"   
        android:targetSdkVersion="17" />   
  
    <uses-permission android:name="android.permission.INTERNET" />   
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />   
  
    <application   
        android:allowBackup="true"   
        android:icon="@drawable/ic_launcher"   
        android:label="@string/app_name"   
        android:theme="@style/AppTheme" >   
        <activity   
            android:name="com.example.photoswalldemo.MainActivity"   
            android:label="@string/app_name" >   
            <intent-filter>   
                <action android:name="android.intent.action.MAIN" />   
                <category android:name="android.intent.category.LAUNCHER" />   
            </intent-filter>   
        </activity>   
    </application>   
  
</manifest>  

好了，全部代码都在这儿了，让我们来运行一下吧，效果如下图所示：

第一次从网络上请求图片的时候有点慢，但之后加载图片就会非常快了，滑动起来也很流畅。

那么我们最后再检查一下这些图片是不是已经正确缓存在指定地址了，进入 /sdcard/Android/data/<application package>/cache/thumb 这个路径，如下图所示：

可以看到，每张图片的缓存以及journal文件都在这里了，说明我们的硬盘缓存已经成功了。

好了，今天的讲解就到这里，有疑问的朋友可以在下面留言。

本文转自农夫山泉别墅博客园博客，原文链接：http://www.cnblogs.com/yaowen/p/6348068.html，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/384465

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

android中阿拉伯文研究

阿拉伯語系在文字處理上是我目前所知道最複雜的。阿拉伯文一些獨有的特性，導致其文字儲存時的編碼或在記憶體的原始 Unicode characters 序列，跟最後螢幕上看到的有很大的差異。兩者最大的差異有：順序不同阿拉伯文的書寫（或顯示）順序是由右向左的阿拉伯文字元序列間如果有數字或英文等左邊開始書寫的文字，這些左向右寫的文字，呈現時不能跟著阿拉伯字一起字序倒轉單一字元最後顯示的形狀也不同字型檔處理上，會針對最後螢幕上呈現的字元給與另一套獨立的編碼這個獨立編碼，根據最新的 Unicode 標準，是不規範的，也就是由字型檔的創造者自行處理，可參考Generating Arabic Fonts 不過為了相容，Unicode 還是保留一組編碼作為這個用途，例如阿拉伯語專用的 Arabic Presentation Forms-B ，可參考Arabic characters in Unicode 可參看Arabic: 'source' Unicode to final display Unicode - Stack Overflow 阿拉伯文字，從記憶體中原始 Unicode 順序...

2017-11-04

665

1-MySQL数据库(android连接MySQL数据库)

很好的链接 http://www.cnblogs.com/best/p/6517755.html 一个小时学会MySQL数据库 http://www.cnblogs.com/klguang/p/4746059.html JDBC基本知识 http://blog.csdn.net/itluochen/article/details/52181560 Android开发之连接MySQL数据库(一) https://dev.mysql.com/doc/connector-j/5.1/en/connector-j-reference-implementation-notes.html 官方API http://blog.csdn.net/liuhuabing760596103/article/details/54907165 利用JDBC连接服务器数据库(Android) 现在只是学习阶段.把自己学到的先记录下来,学的差不多了再把这篇文章整理成一篇文章,因为如果哪天学好了再去写的话担心会遗漏什么不是给大家看的哈,别让没接触到数据库的童鞋吓到....以前没接触过数据库,学了才知道.....

2017-11-05

613

发表评论

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。