Android高仿微信照片選擇器+預覽+顯示照片

轉載請說明出處： http://blog.csdn.net/lyhhj/article/details/49046109

前陣子寫過一片部落格，是關于選擇多圖上傳的一個小demo，那個demo是從網上找的然後自己修改了一下，那個demo是仿照QQ的選擇照片的形式，那麼現在用的比較多的是仿照微信選擇照片的形式，是以自己就鼓搗了一個高仿微信照片選擇的demo，這裡跟大家分享一下，建議大家再看這篇部落格之前先看一下我之間的選擇多圖的那篇部落格，那裡面的代碼講的比較詳細，這篇是在那篇基礎之上的：

【Android源碼解析】選擇多張圖檔上傳多圖預覽

說明一下，這篇部落格中的相冊選擇是參照鴻揚大神的demo寫的。

好了下面進入正題，我們先看一下實作效果吧：

下面來介紹一下代碼：

之前的代碼就不多說了，上面的那篇部落格裡面有，說一下鴻揚大神的代碼吧

基本思路就是：

1.先到手機中掃描jpeg和png的圖檔

2.擷取導圖檔的路徑和圖檔的父路徑名也就是檔案夾名

3.将圖檔路徑和檔案夾名分别添加導資料源中

4.資料源有了就是顯示了，檔案夾顯示是利用的popwindow，而圖檔顯示則是GridView

看一下具體代碼：

首先開啟一個線程去掃描圖檔

/**
     * 利用ContentProvider掃描手機中的圖檔，此方法在運作在子線程中 完成圖檔的掃描，最終獲得jpg最多的那個檔案夾
     */
    private void getImages()
    {
        if (!Environment.getExternalStorageState().equals(
                Environment.MEDIA_MOUNTED))
        {
            Toast.makeText(this, "暫無外部存儲", Toast.LENGTH_SHORT).show();
            return;
        }
        // 顯示進度條
        mProgressDialog = ProgressDialog.show(this, null, "正在加載...");

        new Thread(new Runnable()
        {
            @Override
            public void run()
            {

                String firstImage = null;

                Uri mImageUri = MediaStore.Images.Media.EXTERNAL_CONTENT_URI;
                ContentResolver mContentResolver = AlbumActivity.this
                        .getContentResolver();

                // 隻查詢jpeg和png的圖檔
                Cursor mCursor = mContentResolver.query(mImageUri, null,
                        MediaStore.Images.Media.MIME_TYPE + "=? or "
                                + MediaStore.Images.Media.MIME_TYPE + "=?",
                        new String[] { "image/jpeg", "image/png" },
                        MediaStore.Images.Media.DATE_MODIFIED);

                Log.e("TAG", mCursor.getCount() + "");
                while (mCursor.moveToNext())
                {
                    // 擷取圖檔的路徑
                    String path = mCursor.getString(mCursor
                            .getColumnIndex(MediaStore.Images.Media.DATA));

                    Log.e("TAG", path);
                    // 拿到第一張圖檔的路徑
                    if (firstImage == null)
                        firstImage = path;
                    // 擷取該圖檔的父路徑名
                    File parentFile = new File(path).getParentFile();
                    if (parentFile == null)
                        continue;
                    String dirPath = parentFile.getAbsolutePath();
                    ImageFloder imageFloder = null;
                    // 利用一個HashSet防止多次掃描同一個檔案夾（不加這個判斷，圖檔多起來還是相當恐怖的~~）
                    if (mDirPaths.contains(dirPath))
                    {
                        continue;
                    } else
                    {
                        mDirPaths.add(dirPath);
                        // 初始化imageFloder
                        imageFloder = new ImageFloder();
                        imageFloder.setDir(dirPath);
                        imageFloder.setFirstImagePath(path);
                    }

                    int picSize = parentFile.list(new FilenameFilter()
                    {
                        @Override
                        public boolean accept(File dir, String filename)
                        {
                            if (filename.endsWith(".jpg")
                                    || filename.endsWith(".png")
                                    || filename.endsWith(".jpeg"))
                                return true;
                            return false;
                        }
                    }).length;
                    totalCount += picSize;

                    imageFloder.setCount(picSize);
                    mImageFloders.add(imageFloder);

                    if (picSize > mPicsSize)
                    {
                        mPicsSize = picSize;
                        mImgDir = parentFile;
                    }
                }
                mCursor.close();

                // 掃描完成，輔助的HashSet也就可以釋放記憶體了
                mDirPaths = null;

                // 通知Handler掃描圖檔完成
                mHandler.sendEmptyMessage(0x110);

            }
        }).start();

    }

代碼很詳細不多說

檔案夾popwindow彈出事件

private void initEvent()
    {
        /**
         * 為底部的布局設定點選事件，彈出popupWindow
         */
        mBottomLy.setOnClickListener(new View.OnClickListener()
        {
            @Override
            public void onClick(View v)
            {
                mListImageDirPopupWindow
                        .setAnimationStyle(R.style.anim_popup_dir);
                mListImageDirPopupWindow.showAsDropDown(mBottomLy, 0, 0);

                // 設定背景顔色變暗
                WindowManager.LayoutParams lp = getWindow().getAttributes();
                lp.alpha = .3f;
                getWindow().setAttributes(lp);
            }
        });
    }

最後是設定圖檔的點選事件

//設定ImageView的點選事件
		mImageView.setOnClickListener(new OnClickListener()
		{
			//選擇，則将圖檔變暗，反之則反之
			@Override
			public void onClick(View v)
			{

				// 已經選擇過該圖檔
				if (mSelectedImage.contains(mDirPath + "/" + item))
				{
					mSelectedImage.remove(mDirPath + "/" + item);
					mSelect.setImageResource(R.drawable.picture_unselected);
					mImageView.setColorFilter(null);
					List<ImageBean> delete = new ArrayList<ImageBean>();
					for (ImageBean im:Bimp.tempSelectBitmap){
						if (im.getPath().equals(mDirPath + "/" + item)){
							delete.add(im);
						}
					}
					Bimp.tempSelectBitmap.removeAll(delete);
					Message msg = new Message();
					msg.what=0;
					AlbumActivity.handler.sendMessage(msg);
				} else
				// 未選擇該圖檔
				{
					if (Bimp.tempSelectBitmap.size()>8){
						Toast.makeText(context,"超出可選圖檔數",Toast.LENGTH_SHORT).show();
						return;
					}
					else {
						mSelectedImage.add(mDirPath + "/" + item);
						mSelect.setImageResource(R.drawable.pictures_selected);
						mImageView.setColorFilter(Color.parseColor("#77000000"));
						ImageBean imageBean = new ImageBean();
						imageBean.setPath(mDirPath + "/" + item);
						try {
							imageBean.setBitmap(Bimp.revitionImageSize(mDirPath + "/" + item));
						} catch (IOException e) {
							e.printStackTrace();
						}
						Bimp.tempSelectBitmap.add(imageBean);
						Message msg = new Message();
						msg.what=0;
						AlbumActivity.handler.sendMessage(msg);
					}

				}

			}

這裡面為了配合之前的部落格，我加入了選中圖檔和取消選中圖檔将圖檔在Bimp.tempSelectBitmap中删除和添加的操作，更新選擇圖檔的數量，也就是下面這兩段代碼：

List<ImageBean> delete = new ArrayList<ImageBean>();
					for (ImageBean im:Bimp.tempSelectBitmap){
						if (im.getPath().equals(mDirPath + "/" + item)){
							delete.add(im);
						}
					}
					Bimp.tempSelectBitmap.removeAll(delete);
					Message msg = new Message();
					msg.what=0;
					AlbumActivity.handler.sendMessage(msg);

ImageBean imageBean = new ImageBean();
						imageBean.setPath(mDirPath + "/" + item);
						try {
							imageBean.setBitmap(Bimp.revitionImageSize(mDirPath + "/" + item));
						} catch (IOException e) {
							e.printStackTrace();
						}
						Bimp.tempSelectBitmap.add(imageBean);
						Message msg = new Message();
						msg.what=0;
						AlbumActivity.handler.sendMessage(msg);

這裡有一點說明，就是我在寫移除圖檔的時候遇到了一個錯誤，Java ConcurrentModificationException異常，這個錯誤就是說當我們的Vector，List或者ArrayList中的資料源發生變化的時候，你再去操作這個list就會出現這個異常錯誤，解決辦法是，周遊這個圖檔數組，比較路徑是否相同（最好的辦法是比較id是否相同），new

一個數組将相同的圖檔假如new的數組中，最後用之前的圖檔數組removeAll來移除，這樣就不會報異常錯誤了，當然我們new的數組肯定比我們之前的數組資料源少或者等同。

好了代碼實作就是這些了，至于源碼我整理完畢後就會傳上來的，想要的小夥伴可以私聊我。

這裡還要非常感謝鴻揚大神寫了那麼多好的部落格，讓我們學習，這裡有不完善的地方還請小夥伴們多多包涵，多多指正。

代碼已經同步到我的Github上，小夥伴們關注一下

https://github.com/Hankkin/WeiXinSelectImgsDemo.git

轉載請說明出處：http://blog.csdn.net/lyhhj/article/details/49046109

Android高仿微信照片選擇器+預覽+顯示照片

繼續閱讀

Android項目的依賴關系解析

Android Studio 安裝具體步驟

三年開發經驗，從小廠離職後，我憑什麼拿到了阿裡、騰訊、今日頭條的offer我為什麼離職準備面試刷題履歷

Android網絡程式設計之使用HttpClient批量上傳檔案（一）1.預備知識：2.通過HttpCient上傳檔案程式運作效果圖：3.完成項目代碼：

Android網絡程式設計之使用HttpClient批量上傳檔案（二）AsyncTask+HttpClient并實作上傳進度監聽 Android網絡程式設計之使用HttpClient批量上傳檔案（二）AsyncTask+HttpClient并實作上傳進度監聽

android 使用shape自定義圓角矩形

為什麼不再使用 Android MVVM

方法數超了65535 無法安裝的解決方案

android調用系統相機拍攝擷取照片的兩種方法

Android調用系統拍照擷取圖檔問題

Android Studio中Make Project、Clean Project、Rebuild Project 的作用

新買的便攜式藍牙标簽列印機內建測試起因分析提供的SDK開始使用藍牙測試工具進行測試列印列印亂碼分析JAVA中Unicode轉ANCI工具連結

Android面試題——5.常見面試官提問Android面試題①

Android常用工具類簡介目錄

android常用工具類轉載自：http://www.trinea.cn/android/android-common-utils/Android常用工具類

Android電視機（機頂盒）初次開發的一些經驗分享