一步一步打造自己的Android图片浏览器（原创）

　　今天我们试着来制作一个自己的Android图片浏览器。
　　图片浏览器应该具有什么功能呢？鉴于不同的人不同的理解，这里提出一个基本的需求：

搜索手机内的所有图片，展示于一个列表中；
列表中展示的是图片的缩略图，点击图片之后，进入图片的大图显示；
在大图显示状态下，可以进行左右滑动，查看其它图片；
在大图显示状态下，我们应该可以查看图片的详细信息；
也许我们还可以支持大图下的放大与缩小？

　　好了，要求先这么多，我们来实现吧。

　　第一步：我们要得到手机内的所有图片，展示在一个列表中。
　　android内部为我们提供了一个类MediaStore，这个类中存放了手机中的所有文件信息，并且这个类中对于图片有一个单独的类：MediaStore.Images，我们可以从这个类中获得我们想要的图片信息。（关于这个类的更详细描述，请参阅android文档，或者：http://www.cnblogs.com/weizhxa/p/5688719.html）。
　　那么我们依次：
　　1、新建一个Android工程；
　　2、在Android工程的主页Activity中添加一个ListView：　　

<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="org.fiu.fiuimagebrower.MainActivity" >

    <ListView
        android:id="@+id/lv_images"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

　　这个listview将成为展示图片的主力。

　　3、我们为listview绑定一个adapter，adapter的每一项将加载一张图片。　　

lv_images = ListView) findViewByIdR.id.lv_images);
adapter = new FIUImageAdapterthis);
lv_images.setAdapteradapter);

　　4、接下来，我们来实现这个adapter的内部代码，这个adapter继承自BaseAdapter（当然我们也可以继承其他adapter，习惯了）。我们知道，这个adapter的职能就是进行图片的加载，那么我们将加载工作放入这个adapter中进行。那么加载时需要activity传递什么数据呢？由于是从MediaStore中得到数据，所以除了context生成控件的使用外，是不需要其它数据的。所以，我们的adapter可以如下实现。

  1 /**
  2  * 当前的图片浏览器的适配器
  3  * 
  4  */
  5 public class FIUImageAdapter extends BaseAdapter {
  6     /**
  7      * ctx
  8      */
  9     private Context context;
 10     /**
 11      * list
 12      */
 13     List<ImageInfo> list = new ArrayList<ImageInfo>);
 14 
 15     /**
 16      * ctor
 17      */
 18     public FIUImageAdapterContext context) {
 19         this.context = context;
 20         // 加载数据库中的图片信息
 21         loadImages);
 22     }
 23 
 24     /**
 25      * 加载图片信息
 26      */
 27     private void loadImages) {
 28         list.clear);
 29         getImagesMediaStore.Images.Media.EXTERNAL_CONTENT_URI, list);
 30         getImagesMediaStore.Images.Media.INTERNAL_CONTENT_URI, list);
 31         Log.i"list.size): ", list.size) + "");
 32     }
 33 
 34     /**
 35      * 得到list
 36      * 
 37      * @param uri
 38      * @param list
 39      */
 40     private void getImagesUri uri, List<ImageInfo> list) {
 41         Cursor externalCursor = MediaStore.Images.Media.query
 42                 context.getContentResolver), uri, new String[] {
 43                         MediaStore.Images.Media.TITLE,
 44                         MediaStore.Images.Media.DISPLAY_NAME,
 45                         MediaStore.Images.Media.SIZE,
 46                         MediaStore.Images.Media.DATA,
 47                         MediaStore.Images.Media.DESCRIPTION });
 48         if externalCursor != null) {
 49             while externalCursor.moveToNext)) {
 50                 ImageInfo model = new ImageInfo);
 51                 model.title = externalCursor.getStringexternalCursor
 52                         .getColumnIndexMediaStore.Images.Media.TITLE));
 53                 model.displayName = externalCursor.getStringexternalCursor
 54                         .getColumnIndexMediaStore.Images.Media.DISPLAY_NAME));
 55                 model.description = externalCursor.getStringexternalCursor
 56                         .getColumnIndexMediaStore.Images.Media.DESCRIPTION));
 57                 model.size = externalCursor.getStringexternalCursor
 58                         .getColumnIndexMediaStore.Images.Media.SIZE));
 59                 model.data = externalCursor.getStringexternalCursor
 60                         .getColumnIndexMediaStore.Images.Media.DATA));
 61                 list.addmodel);
 62             }
 63         }
 64     }
 65 
 66     @Override
 67     public int getCount) {
 68         return list.size);
 69     }
 70 
 71     @Override
 72     public Object getItemint position) {
 73         return list.getposition);
 74     }
 75 
 76     @Override
 77     public long getItemIdint position) {
 78         return position;
 79     }
 80 
 81     @Override
 82     public View getViewint position, View convertView, ViewGroup parent) {
 83         ImageView view;
 84         int widthAndHeight = int) getScreenWidth) / 3);
 85         if convertView != null) {
 86             view = ImageView) convertView;
 87         } else {
 88             view = new ImageViewcontext);
 89             LayoutParams params = new LayoutParamswidthAndHeight,
 90                     widthAndHeight);
 91             view.setLayoutParamsparams);
 92         }
 93         view.setImageBitmapgetThumbnaillist.getposition).data,
 94                 widthAndHeight, widthAndHeight));
 95         return view;
 96     }
 97 
 98     /**
 99      * 获取缩略图
100      * 
101      * @param pathName
102      * @param width
103      * @param height
104      * @return
105      */
106     private Bitmap getThumbnailString pathName, int width, int height) {
107         Options opts = new Options);
108         opts.inJustDecodeBounds = true;
109         BitmapFactory.decodeFilepathName, opts);// 图片未加载进内存，但是可以读取长宽
110         int oriWidth = opts.outWidth;
111         int oriHeight = opts.outHeight;
112         opts.inSampleSize = oriWidth / width;
113         opts.inSampleSize = opts.inSampleSize > oriHeight / height ? opts.inSampleSize
114                 : oriHeight / height;
115         opts.inJustDecodeBounds = false;
116         Bitmap decodeFile = BitmapFactory.decodeFilepathName, opts);// 图片加载进内存
117         Bitmap result = Bitmap.createScaledBitmapdecodeFile, width, height,
118                 false);
119         decodeFile.recycle);
120         return result;
121     }
122 
123     /**
124      * 获取屏幕宽度
125      * 
126      * @return
127      */
128     private float getScreenWidth) {
129         WindowManager windowManager = WindowManager) context
130                 .getSystemServiceContext.WINDOW_SERVICE);
131         return windowManager.getDefaultDisplay).getWidth);
132     }
133 
134     /**
135      * 获取屏幕高度
136      * 
137      * @return
138      */
139     private float getScreenHeight) {
140         WindowManager windowManager = WindowManager) context
141                 .getSystemServiceContext.WINDOW_SERVICE);
142         return windowManager.getDefaultDisplay).getHeight);
143     }
144 }

　　我们注意到，以上代码中的getImages)方法调用了2次，分别读取了external和internal的图片信息，而这是我们必须做的，因为我们要读取的是手机全部的图片信息。注意，读取外部存储卡的信息时要加入权限。

　　在图片显示时，我们指定图片的显示高宽都为屏幕宽度的1/3，这样，我们浏览时，图片的大小就是一样的了。

　　我们注意到，其中有个获取缩略图的方法：getThumbnail)，这个方法根据原始图片路径，进行了缩略图的计算操作。

　　我们的list列表中的存储类型是：ImageInfo ，这个类型里面保存了图片的几个必要属性。

/**
 * 图片信息
 * 
 * 
 */
public class ImageInfo {
    /**
     * 标题
     */
    public String title;
    /**
     * 大小
     */
    public String size;
    /**
     * 描述
     */
    public String description;
    /**
     * 图片路径
     */
    public String data;
    /**
     * 带后缀名
     */
    public String displayName;
}

　　接下来，我们运行：

　　

　　当然，也有可能是下面这种情况：

　　

07-20 17:24:43.240: W/dalvikvm4762): threadid=1: thread exiting with uncaught exception group=0x41662ba8)
07-20 17:24:43.240: W/CursorWrapperInner4762): Cursor finalized without prior close)
07-20 17:24:43.245: E/Parcel4762): Reading a NULL string not supported here.
07-20 17:24:43.245: W/CursorWrapperInner4762): Cursor finalized without prior close)
07-20 17:24:43.245: E/Parcel4762): Reading a NULL string not supported here.
07-20 17:24:43.245: E/AndroidRuntime4762): FATAL EXCEPTION: main
07-20 17:24:43.245: E/AndroidRuntime4762): Process: org.fiu.fiuimagebrower, PID: 4762
07-20 17:24:43.245: E/AndroidRuntime4762): java.lang.ClassCastException: android.view.ViewGroup$LayoutParams cannot be cast to android.widget.AbsListView$LayoutParams
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.widget.ListView.setupChildListView.java:2177)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.widget.ListView.makeAndAddViewListView.java:2140)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.widget.ListView.fillDownListView.java:952)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.widget.ListView.fillFromTopListView.java:1037)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.widget.ListView.layoutChildrenListView.java:1961)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.widget.AbsListView.onLayoutAbsListView.java:2979)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.View.layoutView.java:15488)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.ViewGroup.layoutViewGroup.java:4662)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.widget.RelativeLayout.onLayoutRelativeLayout.java:1055)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.View.layoutView.java:15488)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.ViewGroup.layoutViewGroup.java:4662)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.widget.FrameLayout.layoutChildrenFrameLayout.java:453)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.widget.FrameLayout.onLayoutFrameLayout.java:388)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.View.layoutView.java:15488)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.ViewGroup.layoutViewGroup.java:4662)
07-20 17:24:43.245: E/AndroidRuntime4762):     at com.android.internal.widget.ActionBarOverlayLayout.onLayoutActionBarOverlayLayout.java:420)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.View.layoutView.java:15488)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.ViewGroup.layoutViewGroup.java:4662)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.widget.FrameLayout.layoutChildrenFrameLayout.java:453)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.widget.FrameLayout.onLayoutFrameLayout.java:388)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.View.layoutView.java:15488)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.ViewGroup.layoutViewGroup.java:4662)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.ViewRootImpl.performLayoutViewRootImpl.java:2397)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.ViewRootImpl.performTraversalsViewRootImpl.java:2094)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.ViewRootImpl.doTraversalViewRootImpl.java:1066)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.ViewRootImpl$TraversalRunnable.runViewRootImpl.java:6245)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.Choreographer$CallbackRecord.runChoreographer.java:767)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.Choreographer.doCallbacksChoreographer.java:580)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.Choreographer.doFrameChoreographer.java:550)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.view.Choreographer$FrameDisplayEventReceiver.runChoreographer.java:753)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.os.Handler.handleCallbackHandler.java:733)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.os.Handler.dispatchMessageHandler.java:95)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.os.Looper.loopLooper.java:136)
07-20 17:24:43.245: E/AndroidRuntime4762):     at android.app.ActivityThread.mainActivityThread.java:5117)
07-20 17:24:43.245: E/AndroidRuntime4762):     at java.lang.reflect.Method.invokeNativeNative Method)
07-20 17:24:43.245: E/AndroidRuntime4762):     at java.lang.reflect.Method.invokeMethod.java:515)
07-20 17:24:43.245: E/AndroidRuntime4762):     at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.runZygoteInit.java:785)
07-20 17:24:43.245: E/AndroidRuntime4762):     at com.android.internal.os.ZygoteInit.mainZygoteInit.java:601)
07-20 17:24:43.245: E/AndroidRuntime4762):     at dalvik.system.NativeStart.mainNative Method)

　　啊，我们注意到，上面的：

07-20 17:24:43.245: E/AndroidRuntime4762): java.lang.ClassCastException: android.view.ViewGroup$LayoutParams cannot be cast to android.widget.AbsListView$LayoutParams

　　这句中，cast错误，这个是因为ListView的LayoutParam应该使用AbsListView.LayoutParams，而我们在代码89行中使用的是

 　　　　LayoutParams params = new LayoutParamswidthAndHeight,widthAndHeight);
　　so，只要修改为：

AbsListView.LayoutParams params = new AbsListView.LayoutParams
                    widthAndHeight, widthAndHeight);

　　即可。

　　我们继续运行，啊，显示出来了。啊，等等，为什么下拉一下，就崩溃了呢？