Android之附加圖檔—— 仿微信圖檔選擇器

最近做開發需要解決一個模仿微信朋友圈附加圖檔的功能，具體要求如下：

（1）從手機中最多選擇3張圖檔，可拍照上傳；

（2）選擇的圖檔可以點選移除然後再添加新圖檔；

（3）可以在手機包含圖檔的各個檔案夾中随意選擇等。

本部落客要實作的是以上功能，其他諸如主界面布局、各種控件添加和送出功能等旨在說明問題，隻做了簡單處理，重點在圖檔選擇添加部分。該功能的實作主要引用了一個圖檔加載的開源架構universal-image-loader。

其中截圖如下：

為了不過于備援，過濾了部分布局檔案和資源檔案，在這裡提供源碼下載下傳位址，有興趣的讀者可以下載下傳觀看（注：我使用的 Android Studio 1.4 , SdkVersion 為23 ，在小米note【Android 4.4 】上調試）。

下載下傳位址：

Android自定義仿微信圖檔選擇器.zip

下面開始我們的主要内容：

主界面布局activity_main.xml (主要使用一個GridView實作)：

<?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"
>

    <RelativeLayout
        android:layout_width="fill_parent"
        android:background="#f7614d"
        android:paddingLeft="37px"
        android:layout_height="70dp">
        <TextView
            android:layout_centerInParent="true"
            android:text="附圖案例"
            android:textSize="25sp"
            android:textColor="#ffffff"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />
    </RelativeLayout>

    <View
        android:layout_width="fill_parent"
        android:layout_height="20dp"
        android:background="#00000000"/>

    <LinearLayout
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv11"
            android:layout_alignParentLeft="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="文字描述"
            android:textSize="23sp"
            />
        <View
            android:layout_width="fill_parent"
            android:layout_height="10dp"
            android:background="#00000000"/>

        <EditText
            android:paddingTop="20dp"
            android:background="@drawable/bg_et"
            android:id="@+id/editText"
            android:inputType="textMultiLine"
            android:gravity="left|top"
            android:padding="5dp"
            android:maxLength="300"
            android:hint="客官，寫點評論吧..."
            android:textColorHint="#808080"
            android:textSize="20sp"
            android:layout_width="fill_parent"
            android:layout_height="150dp" />

        <View
            android:layout_width="fill_parent"
            android:layout_height="20dp"
            android:background="#00000000"/>
        <TextView
            android:id="@+id/tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="附加圖檔"
            android:textSize="23sp" />
        <View
            android:layout_width="fill_parent"
            android:layout_height="10dp"
            android:background="#00000000"/>

        <GridView
            android:id="@+id/gridview"
            android:layout_width="fill_parent"
            android:layout_height="200dp"

            android:horizontalSpacing="2dp"
            android:verticalSpacing="5dp"
            android:scrollbars="none"
            android:listSelector="#00000000"
            android:numColumns="3" >
        </GridView>

        <Button
            android:id="@+id/submit_btn"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:layout_centerInParent="true"
            android:background="@drawable/bg_submit"
            android:text="送出"
            android:textSize="23sp"
            android:textColor="#FFFFFF"/>
    </LinearLayout>

</LinearLayout>
           

圖檔選擇界面布局activity_select_picture.xml :

<?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" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="#c000" >

        <Button
            android:id="@+id/btn_back"
            android:layout_width="24dp"
            android:layout_height="24dp"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_margin="8dp"
            android:background="@drawable/ic_back_light"
            android:onClick="back" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="8dp"
            android:layout_toRightOf="@+id/btn_back"
            android:text="圖檔"
            android:textColor="#ffffff"
            android:textSize="16sp" />

        <Button
            android:id="@+id/btn_ok"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="8dp"
            android:background="@null"
            android:gravity="center"
            android:onClick="ok"
            android:text="完成"
            android:textColor="#fff"
            android:textSize="14sp" />
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#d000" >

        <GridView
            android:id="@+id/gridview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_above="@+id/bottom"
            android:horizontalSpacing="3dp"
            android:numColumns="3"
            android:scrollbars="none"
            android:verticalSpacing="5dp" >
        </GridView>

        <RelativeLayout
            android:id="@+id/bottom"
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:layout_alignParentBottom="true"
            android:background="#c000" >

            <Button
                android:id="@+id/btn_select"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:layout_margin="8dp"
                android:background="@drawable/spinner_bg"
                android:onClick="select"
                android:text="所有圖檔"
                android:textColor="#fff"
                android:textSize="14sp" />

        </RelativeLayout>

        <ListView
            android:id="@+id/listview"
            android:layout_width="match_parent"
            android:layout_height="360dp"
            android:layout_above="@id/bottom"
            android:background="#fff"
            android:visibility="gone" >
        </ListView>
    </RelativeLayout>

</LinearLayout>
           

主界面Java代碼MainActivity.java :

package com.custompictureselect;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.GridView;
import android.widget.ImageView;

import com.nostra13.universalimageloader.cache.disc.naming.Md5FileNameGenerator;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import com.nostra13.universalimageloader.core.assist.QueueProcessingType;

import java.util.ArrayList;

public class MainActivity extends Activity {

    private GridView gridview;

    private EditText editText ;

    private GridAdapter gridAdapter;

    private Context context ;

    private static final int REQUEST_PICK = ;


    //存放所有選擇的照片
    private ArrayList<String> allSelectedPicture = new ArrayList<String>();

    //存放從選擇界面選擇的照片
    private ArrayList<String> selectedPicture = new ArrayList<String>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        context = this ;

        //設定在activity啟動的時候輸入法預設是不開啟的
        getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);

        ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(this)
                .threadPriority(Thread.NORM_PRIORITY - )//設定目前線程的優先級
                .denyCacheImageMultipleSizesInMemory()
                .diskCacheFileNameGenerator(new Md5FileNameGenerator())//使用MD5對UIL進行加密命名
                .diskCacheSize( *  * )//50 Mb sd卡(本地)緩存的最大值
                .diskCacheFileCount()// 可以緩存的檔案數量
                .tasksProcessingOrder(QueueProcessingType.LIFO)//後進先出
                .build();

        //初始化操作
        ImageLoader.getInstance().init(config);

        initView();
    }

    /**
     * 初始化視圖
     */
    private void initView(){

        editText = (EditText) findViewById(R.id.editText);

        //顯示圖檔
        gridview = (GridView) findViewById(R.id.gridview);

        gridAdapter = new GridAdapter();

        gridview.setAdapter(gridAdapter);
    }

    /**
     * 展示圖檔的GridView的擴充卡
     */
    class GridAdapter extends BaseAdapter {

        public LayoutInflater layoutInflater = LayoutInflater.from(context);
        @Override
        public int getCount() {
            return allSelectedPicture.size()+ ;
        }

        @Override
        public Object getItem(int position) {
            return position;
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {

            ViewHolder holder = null ;
            if (convertView == null) {
                holder = new ViewHolder();
                convertView = layoutInflater.inflate(R.layout.childgrid_item, null);

                holder.image = (ImageView) convertView.findViewById(R.id.child_iv);
                holder.btn = (Button) convertView.findViewById(R.id.child_delete);

                holder.image.setScaleType(ImageView.ScaleType.CENTER_CROP);

                convertView.setTag(holder);
            }
            else{
                holder = (ViewHolder) convertView.getTag();
            }

            if (position == allSelectedPicture.size()) {
                holder.image.setImageBitmap(BitmapFactory.decodeResource(
                        context.getResources(), R.drawable.icon_addpic));
                holder.btn.setVisibility(View.GONE);

                holder.image.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        selectClick();
                    }
                });
                if (position == ) {
                    holder.image.setVisibility(View.GONE);
                }
            } else {
                ImageLoader.getInstance().displayImage("file://" + allSelectedPicture.get(position),
                        holder.image);

                holder.btn.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        //點選後移除圖檔
                        allSelectedPicture.remove(position);

                        //更新UI
                        gridview.setAdapter(gridAdapter);
                    }
                });

            }
            return convertView;
        }
    }

    public class ViewHolder {
        public ImageView image;
        public Button btn ;
    }

    private void selectClick(){
        Intent intent = new Intent();
        intent.setClass(MainActivity.this , SelectPictureActivity.class);

        Bundle bundle = new Bundle();
        bundle.putStringArrayList("allSelectedPicture", allSelectedPicture);
        intent.putExtras(bundle);

        if(allSelectedPicture.size()< ){
            startActivityForResult(intent, REQUEST_PICK);
        }
    }

    @SuppressWarnings("unchecked")
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {

        if (resultCode == RESULT_OK) {
            selectedPicture = (ArrayList) data.getSerializableExtra(SelectPictureActivity.INTENT_SELECTED_PICTURE);
            for(String str : selectedPicture){
                if(!allSelectedPicture.contains(str)){
                    allSelectedPicture.add(str);

                    gridview.setAdapter(gridAdapter);
                }
            }
        }
    }
}
           

選擇圖檔界面Java代碼SelectPictureActivity.java :

package com.custompictureselect;

import android.app.Activity;
import android.content.ContentResolver;
import android.content.Context;
import android.content.Intent;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.provider.MediaStore;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.Window;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.TranslateAnimation;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.assist.ImageScaleType;

import java.io.File;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
import java.util.List;

public class SelectPictureActivity extends Activity {

    // 最多選擇圖檔的個數
    private static int MAX_NUM = ;
    private static final int TAKE_PICTURE = ;

    public static final String INTENT_MAX_NUM = "intent_max_num";
    public static final String INTENT_SELECTED_PICTURE = "intent_selected_picture";

    private Context context;
    private GridView gridview;
    private PictureAdapter adapter;

    /**
     * 臨時的輔助類，用于防止同一個檔案夾的多次掃描
     */
    private HashMap<String, Integer> tmpDir = new HashMap<String, Integer>();
    private ArrayList<ImageFloder> mDirPaths = new ArrayList<ImageFloder>();

    /**
     * 具體下載下傳圖檔，緩存圖檔，顯示圖檔的具體執行類，它有兩個具體的方法displayImage(...)、loadImage(...)，
     */
    private ImageLoader loader;

    /**
     * 用于指導每一個Imageloader根據網絡圖檔的狀态（空白、下載下傳錯誤、正在下載下傳）顯示對應的圖檔，
     * 是否将緩存加載到磁盤上，下載下傳完後對圖檔進行怎麼樣的處理。
     */
    private DisplayImageOptions options;

    private ContentResolver mContentResolver;

    //選擇按鈕和完成按鈕
    private Button btn_select, btn_ok;

    //圖檔檔案的清單
    private ListView listview;

    private FolderAdapter folderAdapter;

    private ImageFloder imageAll, currentImageFolder;


     //已選擇的圖檔
    private ArrayList<String> selectedPicture = new ArrayList<String>();

    private String cameraPath = null;

    private int isExisted ;

    private ArrayList<String> existedPictureList = new ArrayList<String>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_select_picture);

        MAX_NUM = getIntent().getIntExtra(INTENT_MAX_NUM, );

        Bundle bundle = getIntent().getExtras();
        existedPictureList = bundle.getStringArrayList("allSelectedPicture");
        isExisted = existedPictureList.size();

        context = this;
        mContentResolver = getContentResolver();
        loader = ImageLoader.getInstance();

        options = new DisplayImageOptions.Builder()
                .showImageOnLoading(R.drawable.ic_launcher)//設定圖檔在下載下傳期間顯示的圖檔

                .showImageForEmptyUri(R.drawable.ic_launcher)//設定圖檔Uri為空或是錯誤的時候顯示的圖檔

                .showImageOnFail(R.drawable.ic_launcher)//設定圖檔加載/解碼過程中錯誤時候顯示的圖檔

                .cacheInMemory(true)//設定下載下傳的圖檔是否緩存在記憶體中

                .cacheOnDisk(true) //設定下載下傳的圖檔是否緩存在SD卡中

                .considerExifParams(true)//啟用EXIF和JPEG圖像格式

                .imageScaleType(ImageScaleType.EXACTLY)//圖像将完全按比例縮小的目标大小

                .bitmapConfig(Bitmap.Config.RGB_565)//設定圖檔的解碼類型

                .build();

        initView();
    }

    /**
     * 點選"所有圖檔"按鈕事件
     * @param v
     */
    public void select(View v) {
        if (listview.getVisibility() == View.VISIBLE) {
            hideListAnimation();
        } else {
            listview.setVisibility(View.VISIBLE);
            showListAnimation();
            folderAdapter.notifyDataSetChanged();
        }
    }

    /**
     * 設定ListView的移動的動畫效果
     */
    public void showListAnimation() {
        TranslateAnimation ta = new TranslateAnimation(, f, , f, , f, , f);
        ta.setDuration();
        listview.startAnimation(ta);
    }

    /**
     * 隐藏ListView的移動的動畫效果
     */
    public void hideListAnimation() {
        TranslateAnimation ta = new TranslateAnimation(, f, , f, , f, , f);
        ta.setDuration();
        listview.startAnimation(ta);
        ta.setAnimationListener(new AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
            }

            @Override
            public void onAnimationRepeat(Animation animation) {
            }

            @Override
            public void onAnimationEnd(Animation animation) {
                listview.setVisibility(View.INVISIBLE);
            }
        });
    }

    /**
     * 點選完成按鈕
     */
    public void ok(View v) {
        Intent data = new Intent();
        data.putExtra(INTENT_SELECTED_PICTURE, selectedPicture);
        setResult(RESULT_OK, data);
        this.finish();
    }

    /**
     * 視圖初始化
     */
    private void initView() {
        imageAll = new ImageFloder();
        imageAll.setDir(getResources().getString(R.string.dir_all_pictures));
        currentImageFolder = imageAll;
        mDirPaths.add(imageAll);

        btn_ok = (Button) findViewById(R.id.btn_ok);
        btn_ok.setText(getResources().getString(R.string.complete) + isExisted + "/" + MAX_NUM);

        btn_select = (Button) findViewById(R.id.btn_select);

        gridview = (GridView) findViewById(R.id.gridview);
        adapter = new PictureAdapter();
        gridview.setAdapter(adapter);

        gridview.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                if (position == ) {
                    goCamare();
                }
            }
        });

        listview = (ListView) findViewById(R.id.listview);
        folderAdapter = new FolderAdapter();
        listview.setAdapter(folderAdapter);
        listview.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                currentImageFolder = mDirPaths.get(position);
                hideListAnimation();
                adapter.notifyDataSetChanged();
                btn_select.setText(currentImageFolder.getName());
            }
        });
        getThumbnail();
    }

    /**
     * 使用相機拍照
     */
    protected void goCamare() {
        if (isExisted + selectedPicture.size() +  > MAX_NUM) {
            Toast.makeText(context, getResources().getString(R.string.chose_at_most) + MAX_NUM + getResources().getString(R.string.sheet), Toast.LENGTH_SHORT).show();
            return;
        }

        Intent openCameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
        Uri imageUri = getOutputMediaFileUri();
        openCameraIntent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
        startActivityForResult(openCameraIntent, TAKE_PICTURE);
    }

    /**
     * 用于拍照時擷取輸出的Uri
     */
    protected Uri getOutputMediaFileUri() {
        File mediaStorageDir = new File(
                Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), "Night");
        if (!mediaStorageDir.exists()) {
            if (!mediaStorageDir.mkdirs()) {
                Log.d("MyCameraApp", "failed to create directory");
                return null;
            }
        }

        String timeStamp = new SimpleDateFormat("yyyyMMdd_HHmmss").format(new Date());
        File mediaFile = new File(mediaStorageDir.getPath() + File.separator + "IMG_" + timeStamp + ".jpg");
        cameraPath = mediaFile.getAbsolutePath();
        return Uri.fromFile(mediaFile);
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        if (resultCode == RESULT_OK && cameraPath != null) {

            selectedPicture.add(cameraPath);

            Intent data2 = new Intent();
            data2.putExtra(INTENT_SELECTED_PICTURE, selectedPicture);

            setResult(RESULT_OK, data2);
            this.finish();
        }
    }

    public void back(View v) {
        onBackPressed();
    }

    class PictureAdapter extends BaseAdapter {
        @Override
        public int getCount() {
            return currentImageFolder.images.size() + ;
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return ;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {

            //自定義的一個類用來緩存convertview
            ViewHolder holder = null;

            if (convertView == null) {
                convertView = View.inflate(context, R.layout.grid_item_picture, null);
                holder = new ViewHolder();
                holder.iv = (ImageView) convertView.findViewById(R.id.iv);
                holder.checkBox = (Button) convertView.findViewById(R.id.check);
                convertView.setTag(holder);

            } else {
                holder = (ViewHolder) convertView.getTag();
            }

            if (position == ) {//拍攝圖檔
                holder.iv.setImageResource(R.drawable.pickphotos_to_camera_normal);
                holder.checkBox.setVisibility(View.INVISIBLE);
            } else {
                position = position - ;
                holder.checkBox.setVisibility(View.VISIBLE);

                final ImageItem item = currentImageFolder.images.get(position);

                //顯示圖檔
                loader.displayImage("file://" + item.path, holder.iv, options);

                //是否選中
                boolean isSelected = (selectedPicture.contains(item.path) || existedPictureList.contains(item.path));
                holder.checkBox.setOnClickListener(new OnClickListener() {
                    @Override
                    public void onClick(View v) {

                        //若選中的圖檔多于所設定的上限，不再加入
                        if (!v.isSelected() &&  isExisted + selectedPicture.size() +  > MAX_NUM) {
                            Toast.makeText(context, getResources().getString(R.string.chose_at_most) + MAX_NUM + getResources().getString(R.string.sheet), Toast.LENGTH_SHORT).show();
                            return;
                        }

                        //二次選擇，移除
                        if (selectedPicture.contains(item.path)|| existedPictureList.contains(item.path)) {
                            selectedPicture.remove(item.path);
                        } else {

                            //加入數組
                            selectedPicture.add(item.path);
                        }

                        btn_ok.setEnabled(selectedPicture.size()>);
                        btn_ok.setText(getResources().getString(R.string.complete) + (selectedPicture.size()+ isExisted) + "/" + MAX_NUM);

                        v.setSelected(selectedPicture.contains(item.path)|| existedPictureList.contains(item.path));
                    }
                });

                holder.checkBox.setSelected(isSelected);
            }

            return convertView;
        }
    }

    //自定義的一個類用來緩存convertview
    class ViewHolder {
        ImageView iv;
        Button checkBox;
    }

    /**
     * 所有圖檔
     */
    class FolderAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return mDirPaths.size();
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return ;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            FolderViewHolder holder = null;
            if (convertView == null) {
                convertView = View.inflate(context, R.layout.list_dir_item, null);
                holder = new FolderViewHolder();
                holder.id_dir_item_image = (ImageView) convertView.findViewById(R.id.id_dir_item_image);
                holder.id_dir_item_name = (TextView) convertView.findViewById(R.id.id_dir_item_name);
                holder.id_dir_item_count = (TextView) convertView.findViewById(R.id.id_dir_item_count);
                holder.choose = (ImageView) convertView.findViewById(R.id.choose);
                convertView.setTag(holder);
            } else {
                holder = (FolderViewHolder) convertView.getTag();
            }
            ImageFloder item = mDirPaths.get(position);
            loader.displayImage("file://" + item.getFirstImagePath(), holder.id_dir_item_image, options);
            holder.id_dir_item_count.setText(item.images.size() + getResources().getString(R.string.sheet));
            holder.id_dir_item_name.setText(item.getName());

            holder.choose.setVisibility(currentImageFolder == item ? View.VISIBLE : View.GONE);
            return convertView;
        }
    }

    //自定義的一個類用來緩存convertview
    class FolderViewHolder {
        ImageView id_dir_item_image;
        ImageView choose;
        TextView id_dir_item_name;
        TextView id_dir_item_count;
    }

    /**
     * 擷取縮略圖
     */
    private void getThumbnail() {
        Cursor mCursor = mContentResolver.query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI,
                new String[] { MediaStore.Images.ImageColumns.DATA }, "", null,
                MediaStore.MediaColumns.DATE_ADDED + " DESC");

        if (mCursor.moveToFirst()) {
            int _date = mCursor.getColumnIndex(MediaStore.Images.Media.DATA);
            do {

                // 擷取圖檔的路徑
                String path = mCursor.getString(_date);
                imageAll.images.add(new ImageItem(path));

                // 擷取該圖檔的父路徑名
                File parentFile = new File(path).getParentFile();
                if (parentFile == null) {
                    continue;
                }

                ImageFloder imageFloder = null;
                String dirPath = parentFile.getAbsolutePath();

                if (!tmpDir.containsKey(dirPath)) {
                    // 初始化imageFloder
                    imageFloder = new ImageFloder();
                    imageFloder.setDir(dirPath);
                    imageFloder.setFirstImagePath(path);
                    mDirPaths.add(imageFloder);
                    tmpDir.put(dirPath, mDirPaths.indexOf(imageFloder));
                } else {
                    imageFloder = mDirPaths.get(tmpDir.get(dirPath));
                }

                imageFloder.images.add(new ImageItem(path));
            } while (mCursor.moveToNext());
        }

        mCursor.close();

        tmpDir = null;
    }

    class ImageFloder {
        /**
         * 圖檔的檔案夾路徑
         */
        private String dir;

        /**
         * 第一張圖檔的路徑
         */
        private String firstImagePath;
        /**
         * 檔案夾的名稱
         */
        private String name;

        public List<ImageItem> images = new ArrayList<ImageItem>();

        public String getDir() {
            return dir;
        }

        public void setDir(String dir) {
            this.dir = dir;
            int lastIndexOf = this.dir.lastIndexOf("/");
            this.name = this.dir.substring(lastIndexOf);
        }

        public String getFirstImagePath() {
            return firstImagePath;
        }

        public void setFirstImagePath(String firstImagePath) {
            this.firstImagePath = firstImagePath;
        }

        public String getName() {
            return name;
        }

    }

    class ImageItem {
        String path;

        public ImageItem(String p) {
            this.path = p;
        }
    }

}
           

最後還要在清單檔案AndroidManifest.xml中設定權限：

<uses-permission android:name="android.permission.INTERNET"/>
    <uses-feature android:name="android.hardware.camera" />
    <uses-feature android:name="android.hardware.camera.autofocus" />

    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
           

下載下傳位址：

Android自定義仿微信圖檔選擇器.zip