android微信圖片選擇器
阿新 • • 發佈:2018-12-24
程式碼專案github地址 IMAlbum
封裝原則:基礎單一原則、簡單、無業務耦合
一.產品業務場景
1.傳送訊息==>選擇圖片==>本地圖片預覽+” 勾選、取消選擇”按鈕、”傳送”按鈕
2.聊天介面的圖片==>點選圖片訊息型別==>網咯圖片預覽(支援小圖預覽)+ “檢視聊天圖片”按鈕 + 長安選單
3.公眾號文章中圖片瀏覽==>點選webview中任意的一張圖片==>網咯圖片預覽(無小圖)+ “右上角”選單按鈕 + 長安選單
4.發表動態選擇好照片==>檢視選擇的照片==>本地圖片預覽+ 右上角刪除按鈕
5.動態瀏覽圖片==>網咯圖片預覽(
二.控制元件封裝
滑動預覽的基礎類 ==> 邏輯類view ==>業務層activity
滑動預覽的基礎類:viewpager滑動切圖、長安、單擊;支援顯示GIF、顯示網路縮圖、本地圖片、網路大圖.
邏輯類 view:設定圖片url資料、初始化viewpager顯示位置,暴露介面
public interface IImageActionCallback {
public void onPageSelected(int index);
public void onImageLongClick ();
public void onGifLongClick();
public void OnGifOnclick();
public void OnImageOnclick();
}
業務層activity:activity跳轉資料傳遞、通過暴露addview來新增擴充套件業務控制元件
三、資料萬能匹配
一直有個忽略的問題:由於各個業務圖片的實體bean物件不一致,那麼怎麼達到一變應萬變??
有人說定義 一個基類,宣告幾個變數locatPath、thumbNetPath、originalNetPath.這個方案有點程式碼潔癖的人都覺得浪費記憶體.這個方案多了幾個變數會給人帶來使用問題
定義一個抽象類幾個抽象方法
/**
* 圖片翻頁的資料基礎類 *
@author zhangjianlin *
*/
public abstract class ImagePagerUri implements Serializable{
/**
* 網路圖片地址
* @return */
public abstract String getImgUrl();
/**
* 本地圖片地址;沒有填空
* @return
*/
public abstract String getLocalPath();
/**
* 圖片的縮圖
* @return
*/
public abstract String getSmallImgUrl();
public String cropFileSchem(String pathFile) {
if(TextUtils.isEmpty(pathFile))return "";
return "file://" + pathFile;
}
}
四、基礎的圖片瀏覽activity只負責”顯示”與”暴露操作介面”
/**
* * BaseImagesViewPagerFrameLayout ==> ImageDetailViewFrameLayOut ==>
ImageDetailAct ==> ImageDetailMoreAct、ImageDetailDelAct
* 滑動預覽的基礎類 ==> 邏輯類 ==>業務層
* @Description:業務層
*/
public class ImageDetailAct extends Activity{
protected ImageDetailViewFrameLayOut shop_gallery_relayout;
public IImageActionCallback mIImageActionCallback;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.gallery_image);
shop_gallery_relayout = (ImageDetailViewFrameLayOut) findViewById(R.id.shop_gallery_relayout);
ArrayList<ImagePagerUri> mImageList = getExtraImageList();
String mPhotoCheck = getIntent().getStringExtra("imageDetailCheck");
int checkIndex = getIntent().getIntExtra("imageDetailCheckPositon", -1);
if(checkIndex >= mImageList.size())
{checkIndex = 0;}
setAction();
shop_gallery_relayout.setIImageActionCallback(mIImageActionCallback);
shop_gallery_relayout.setImages(mImageList, mPhotoCheck, checkIndex);
}
/**
* @Description:外部傳值的方法
* @return
*/
protected ArrayList<ImagePagerUri> getExtraImageList()
{
return (ArrayList<ImagePagerUri>) getIntent().getSerializableExtra("imageListBean");
}
protected void setAction()
{
}
public void addView(View child)
{
shop_gallery_relayout.addView(child);
}
private void printList(ArrayList<ImagePagerUri> mImageList)
{
String strtmp = "";
for(ImagePagerUri mImagePagerUri: mImageList)
{
strtmp += mImagePagerUri.getImgUrl();
}
Log.d("mImageList", strtmp);
}
private void printListLocal(ArrayList<ImagePagerUri> mImageList)
{
String strtmp = "";
for(ImagePagerUri mImagePagerUri: mImageList)
{
strtmp += mImagePagerUri.getLocalPath();
}
Log.d("mImageListLocal", strtmp);
}
}
五、業務層實現.關鍵程式碼通過繼承ImageDetailAct,然後addView把需要”業務邏輯View”加到佈局上
以<4.發表動態選擇好照片==>檢視選擇的照片==>本地圖片預覽+ 右上角刪除按鈕”>為例
public class ImageDetailDelAct extends ImageDetailAct implements OnClickListener {
private View childView = null;
private ImageView title_right_iv;// 刪除
private TextView left;
private TextView title;
/** 選擇結果,返回為 ArrayList<String> 圖片路徑集合 */
public static final String EXTRA_RESULT = "imgdel_select_result";
public static final int REQUEST_IMAGE = 13000;
private int PageNum = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
childView = LayoutInflater.from(this).inflate(R.layout.activity_dynamic_imgdel_item, null);
title_right_iv = (ImageView) childView.findViewById(R.id.title_right_iv);
title_right_iv.setImageResource(R.drawable.icon_dynamic_delete_picture);
title = (TextView) childView.findViewById(R.id.title);
childView.findViewById(R.id.right).setVisibility(View.GONE);
title_right_iv.setVisibility(View.VISIBLE);
title.setVisibility(View.VISIBLE);
title_right_iv.setOnClickListener(this);
childView.findViewById(R.id.left).setVisibility(View.VISIBLE);
childView.findViewById(R.id.left).setOnClickListener(this);
childView.findViewById(R.id.rl_title).setOnClickListener(this);
super.onCreate(savedInstanceState);
addView(childView);
}
@Override
protected void setAction() {
mIImageActionCallback = new IImageActionCallback() {
@Override
public void onPageSelected(int index) {
// TODO Auto-generated method stub
PageNum = index;
title.setText(index + 1 + "/" + shop_gallery_relayout.getPageSize());
}
@Override
public void onImageLongClick() {
// TODO Auto-generated method stub
}
@Override
public void onGifLongClick() {
// TODO Auto-generated method stub
}
@Override
public void OnGifOnclick() {}
@Override
public void OnImageOnclick() {}
};
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.title_right_iv:
if (shop_gallery_relayout.getPageSize() > 0) {
shop_gallery_relayout.delImage();
if (shop_gallery_relayout.getPageSize() == 0) {
exitAndResetImgs();
}
} else {
exitAndResetImgs();
}
break;
case R.id.left:
exitAndResetImgs();
break;
case R.id.rl_title:// 防止點了標題之後沒有攔截點選事件後會放大
break;
default:
break;
}
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
exitAndResetImgs();
return true;
}
return super.onKeyDown(keyCode, event);
}
private void exitAndResetImgs() {
Intent data = new Intent();
data.putExtra(EXTRA_RESULT, shop_gallery_relayout.getImageUriList());
setResult(Activity.RESULT_OK, data);
finish();
}
}