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中初始化一下缓存路径,以后的压缩后的图片都缓存在这路径底下
```java
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,不重写不会除非上面两个回调方法,所以就看不到有图片添加
```java 
@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,有兴趣的朋友可以试试,欢迎大家指正
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,351评论 25 708
  • 星坠落湖底,却魂牵梦绕,终是一场梦不愿醒! 真心赏月,奈何不圆。 明月知我心,唯有被遗忘很久的月亮,满载着它的祝福...
    乡愁是一颗没有年轮的树阅读 227评论 1 1
  • 今天是三伏的第一天,我不但热还燥。 当然这是一句废话,谁不热呢? 其实,我很想去哪里避个暑,然后给自己放个假。 不...
    早晨好琴阅读 657评论 0 1
  • 苏州客 陈桂年轻时是厂花,老了依然是场花,广场舞之花。 高铁站广场面积不小,除了严冬...
    苏州客阅读 551评论 2 2
  • 改编自:薛之谦《动物世界》MV 1 林如是 繁华的上海滩是不夜城,流光溢彩,都是浮华。 金钱和欲望到处充斥,林如是...
    飕飗红叶阅读 716评论 6 11

友情链接更多精彩内容