android-----XUtils框架之BitmapUtils加载照片实现

最新推荐文章于 2021-07-06 13:44:42 发布

程序小兵

最新推荐文章于 2021-07-06 13:44:42 发布

阅读量218

点赞数

转自： http://blog.csdn.net/hzw19920329/article/details/51713041

作为比较成熟的流行框架，XUtils中的BitmapUtils部分为我们加载照片提供了很大方便，他集成了LRUCache和DiskLruCache缓存机制，在很大程度上避免了我们在加载较多照片时出现的OOM异常，这篇博客我们从使用的角度学习下BitmapUtils的用法，下一篇将从源码的角度带你真正了解BitmapUtils；

我使用BitmapUtils实现了一个照片墙的功能，先上效果图：

其实实现挺简单的，下面详细解释一下：

定义Activity显示布局activity_main.xml：

[java]view plaincopy 
   
 <RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"  
     android:paddingLeft="@dimen/activity_horizontal_margin"  
     android:paddingRight="@dimen/activity_horizontal_margin"  
     android:paddingTop="@dimen/activity_vertical_margin"  
     tools:context=".MainActivity" >  
   
     <GridView    
         android:id="@+id/photo_wall"    
         android:layout_width="match_parent"    
         android:layout_height="match_parent"    
         android:columnWidth="100dp"    
         android:gravity="center"    
         android:horizontalSpacing="1dp"    
         android:numColumns="auto_fit"    
         android:stretchMode="columnWidth"    
         android:verticalSpacing="1dp" >    
     </GridView>    
   
 </RelativeLayout>  

很简单，就只有一个GridView用于显示照片而已了；

每张照片的显示布局gridview.xml：

[java]view plaincopy 
   
 <?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" >  
     <ImageView     
         android:id="@+id/photo"    
         android:layout_width="150dp"    
         android:layout_height="150dp"    
         android:layout_centerInParent="true"    
         android:scaleType="fitXY"    
     />    
 </LinearLayout>  

也看出来只有一个ImageView而已啦；

接着继承BaseAdapter来实现一个用于显示数据到GridView上面的Adapter：

[java]view plaincopy 
   
 public class GridViewAdapter extends BaseAdapter{  
   
     public LayoutInflater inflater;  
     public String[] imageUrls;  
     public BitmapUtils bitmapUtils;  
       
     public GridViewAdapter(Context context,String[] imageUrls,BitmapUtils bitmapUtils) {  
         inflater = LayoutInflater.from(context);  
         this.imageUrls = imageUrls;  
         this.bitmapUtils = bitmapUtils;  
     }  
     @Override  
     public int getCount() {  
         return imageUrls.length;  
     }  
   
     @Override  
     public String getItem(int position) {  
         return imageUrls[position];  
     }  
   
     @Override  
     public long getItemId(int position) {  
         return position;  
     }  
   
     @Override  
     public View getView(int position, View convertView, ViewGroup parent) {  
         String currStr = getItem(position);  
         View view;  
         ViewHolder holder;  
         if(convertView == null)  
         {  
             view = inflater.inflate(R.layout.gridview, null);  
             holder = new ViewHolder();  
             holder.imageView = (ImageView) view.findViewById(R.id.photo);  
             view.setTag(holder);  
         }else  
         {  
             view = convertView;  
             holder = (ViewHolder) view.getTag();  
         }  
         //为防止图片出现乱序，对每个ImageView进行绑定设置  
         holder.imageView.setTag(currStr);  
         //设置默认的显示图片  
         holder.imageView.setImageResource(R.drawable.empty_photo);  
         showBitmapToImageView(currStr, holder.imageView);  
         return view;  
     }  
       
     /** 
      * 设置Bitmap图片到ImageView上面 
      * @param url 
      * @param imageView 
      */  
     public void showBitmapToImageView(String url,ImageView imageView)  
     {  
         bitmapUtils.display(imageView,url);  
     }  
     static class ViewHolder  
     {  
         ImageView imageView;  
     }  
 }  

最关键的部分当然就是getView了，核心代码也就只有第47行的showBitmapToImageView这个函数啦，查看这个函数的实现，也只有一句话而已，调用BitmapUtils对象的display方法，传入的参数分别是所要请求图片的url，以及所要显示图片的ImageView啦，具体源码到底在这个函数中做了什么我们下一篇介绍；

在Activity中获得GridView实例，并且绑定数据适配器；

[java]view plaincopy 
   
 public class MainActivity extends Activity {  
   
     public GridView gridView;  
     @Override  
     protected void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.activity_main);  
         gridView = (GridView) findViewById(R.id.photo_wall);  
         String filePath = Utils.getDiskCacheDir(this, "bitmap");  
         File directory  = new File(filePath);  
         if(!directory.exists())  
         {  
             directory.mkdirs();  
         }  
         BitmapUtils bitmapUtils = new BitmapUtils(this, filePath);  
         GridViewAdapter adapter = new GridViewAdapter(this, Utils.imageUrls, bitmapUtils);  
         gridView.setAdapter(adapter);  
     }  
 }  

可以看到在创建BitmapUtils对象的时候，我们生成了存储DiskLruCache缓存文件的SD卡路径，具体是在Utils中的getDiskCacheDir中实现的：

[java]view plaincopy 
   
 /** 
      * 获取磁盘缓存的存储路径 
      * @param context 
      * @param uniqueName 
      * @return 
      */  
     public static String getDiskCacheDir(Context context,String uniqueName)  
     {  
         String filePath = "";  
         if(Environment.MEDIA_MOUNTED.equals(Environment.getExternalStorageState()) || !Environment.isExternalStorageRemovable())  
         {  
             //表示SD卡存在或者不可移除  
             filePath = context.getExternalCacheDir().getPath();//获得缓存路径  
         }else  
         {  
             filePath = context.getCacheDir().getPath();  
         }  
         return filePath+File.separator+uniqueName;  
     }  

最后不要忘记添加访问网络以及SD卡的权限：

[java]view plaincopy 
   
 <uses-permission android:name="android.permission.INTERNET"></uses-permission>  
 <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>  
 <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>  