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

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

先說依賴，可以在你項(xiàng)目的build.gradle添加依賴compile 'com.github.BmobSnail:PhotoUploadView:1.0.0'
又或者在我的github下載庫下來再導(dǎo)入。然后在你的布局用使用改控件，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" />

看著這些屬性是不是很熟悉，沒錯(cuò)！它就是基礎(chǔ)GridView的，所以完全可以當(dāng)作GridView，GridView有的它也有，簡單易懂了吧。添加完這一步你就可以在布局看到圖一那樣有個(gè)加號(hào)的控件了。然后就是寫代碼的節(jié)奏了?？丶梢赃x擇設(shè)置選擇原圖路徑還是壓縮后的路徑，因此就有了設(shè)置緩存路徑這一步在你的application中初始化一下緩存路徑，以后的壓縮后的圖片都緩存在這路徑底下

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

緊接著就是使用了，控件執(zhí)行初始化init，之所以還要一次這樣初始化步驟是有項(xiàng)目需求是要編輯已發(fā)送成功的帶圖片的帖子，那些圖也要顯示在選擇圖片控件上，所以有第五個(gè)參數(shù)，獲取到圖片數(shù)據(jù)的集合后傳進(jìn)去，就能顯示那些網(wǎng)絡(luò)的圖片，這時(shí)候可以刪除添加像普通那樣使用了。setShowMethod是使用那種風(fēng)格顯示彈框

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

設(shè)置一下回調(diào)方法并實(shí)現(xiàn)PictureUploadView.UploadCallBack并重寫兩個(gè)方法，添加的回調(diào)和刪除的回調(diào)，mUploadMap為上傳成功之后保存成功的hashMap，mLocalMap為本地記錄添加和刪除的hashMap，之后的上傳成功和上傳失敗要根據(jù)這個(gè)map的tag來決定哪個(gè)圖片的重發(fā)按鈕該顯示還是隱藏的。

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);
}

最后再重寫一下這個(gè)onActivityResult，不重寫不會(huì)除非上面兩個(gè)回調(diào)方法，所以就看不到有圖片添加

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

只需要上面這幾步就可以實(shí)現(xiàn)像微信的那個(gè)圖片選擇控件一樣了，其它上傳回調(diào)的處理參考github里面的demo，有興趣的朋友可以試試，歡迎大家指正。

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論