Android類似微信圖片選擇器

Brackboy 8年前發布 | 6K 次閱讀 安卓開發 Android開發 移動開發

很多項目要用到圖片選擇控件,每次都要寫一大堆邏輯。于是基于圖片選擇組件(PhotoPicker)封裝了一個控件PhotoUploadView。方便簡易,一鍵集成,幾句代碼就可以添加類似微信的圖片選擇控件了。下面介紹一下該控件有些什么特點以及怎么使用。先看圖:

效果如上圖,點擊加號彈出選擇框,目前提供了兩種形式,一個如圖所見的PopupWindow,另一個是MaterialDialog,選擇拍照或者從圖庫獲取,從圖庫獲取后就進入圖二,選擇完之后就圖三或圖四 這里因為很多項目需要不一樣,所以特別封裝了 :圖三的情況:上傳成功之后進度提示隱藏和失敗重發提示隱藏,或者是批量上傳不需要進度提示的和失敗重發的。圖四的情況:選擇完后遍歷上傳,有可能出現某一張上傳失敗。點擊圖中的重發按鈕觸發重發的事件當然如果你覺得刪除和重發的icon難看,完全可以自己取代替換它,刪除的圖標叫icon_photo_view_cancel,重發的圖標叫icon_photo_view_resend,只需要按照這個命名,然后放在自己項目底下的mipmap包,控件會自動替換,不需要去set什么。

先說依賴,可以在你項目的build.gradle添加依賴 compile 'com.github.BmobSnail:PhotoUploadView:1.0.0'
又或者在我的github下載庫下來再導入。然后在你的布局用使用改控件,PictureUploadView

<upload.view.PictureUploadView 
  android:id="@+id/pictureUploadView" 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content" 
  android:layout_margin="@dimen/partition_normal" 
  android:horizontalSpacing="2dp" 
  android:numColumns="3" 
  android:scrollbars="none" 
  android:verticalSpacing="1dp" />

看著這些屬性是不是很熟悉,沒錯!它就是基礎GridView的,所以完全可以當作GridView,GridView有的它也有,簡單易懂了吧。添加完這一步你就可以在布局看到圖一那樣有個加號的控件了。然后就是寫代碼的節奏了。控件可以選擇設置選擇原圖路徑還是壓縮后的路徑,因此就有了設置緩存路徑這一步在你的application中初始化一下緩存路徑,以后的壓縮后的圖片都緩存在這路徑底下

String cache = StorageUtils.getOwnCacheDirectory(this, "Upload/photo").getAbsolutePath();
PictureLibrary.init(this, cache + "/");

緊接著就是使用了,控件執行初始化init,之所以還要一次這樣初始化步驟是有項目需求是要編輯已發送成功的帶圖片的帖子,那些圖也要顯示在選擇圖片控件上,所以有第五個參數,獲取到圖片數據的集合后傳進去,就能顯示那些網絡的圖片,這時候可以刪除添加像普通那樣使用了。setShowMethod是使用那種風格顯示彈框

mPictureUploadView = (PictureUploadView) findViewById(R.id.pictureUploadView);
//第一個參數上下文
//第二個參數有CHAT(返回原圖路徑),UPLOAD(返回壓縮路徑)
//第三個參數選擇個數//第四個參數默認為true(可不填),false為不顯示上傳進度
//第五個參數默認為數據集合List(可不填)
mPictureUploadView.init(this, UploadPicHelper.UPLOAD, 3, true);
mPictureUploadView.setShowMethod(PictureUploadView.POPUPWINDOW);//POPUPWINDOW,DIALOGmPictureUploadView.setUploadCallBack(this);

設置一下回調方法并實現PictureUploadView.UploadCallBack并重寫兩個方法,添加的回調和刪除的回調,mUploadMap為上傳成功之后保存成功的hashMap,mLocalMap為本地記錄添加和刪除的hashMap,之后的上傳成功和上傳失敗要根據這個map的tag來決定哪個圖片的重發按鈕該顯示還是隱藏的。

private Map<String, String> mUploadMap, mLocalMap; 

//添加圖片 
@Override 
public void onAddCallback(String path, String tag) { 
  mLocalMap.put(tag, path); 
  //upload(path, tag); 
} 

//刪除圖片 
@Override 
public void onRemoveCallback(String tag) { 
  mUploadMap.remove(tag); 
  mLocalMap.remove(tag);
}

最后再重寫一下這個onActivityResult,不重寫不會除非上面兩個回調方法,所以就看不到有圖片添加

@Override 
protected void onActivityResult(int requestCode, int resultCode, Intent data) { 
  if (resultCode == RESULT_OK) { 
    mPictureUploadView.setResult(requestCode, resultCode, data); 
  } 
super.onActivityResult(requestCode, resultCode, data); 
}

只需要上面這幾步就可以實現像微信的那個圖片選擇控件一樣了,其它上傳回調的處理參考github里面的demo,有興趣的朋友可以試試,歡迎大家指正

 

來自:http://www.jianshu.com/p/d0bf21869bd8

 

 本文由用戶 Brackboy 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!