Android类似微信图片选择器

LitteSnail / 文 发表于2016-11-28 10:41 第次阅读 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'11

又或者在我的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" />123456789123456789

看着这些属性是不是很熟悉,没错!它就是基础GridView的,所以完全可以当作GridView,GridView有的它也有,简单易懂了吧。添加完这一步你就可以在布局看到图一那样有个加号的控件了。然后就是写代码的节奏了。控件可以选择设置选择原图路径还是压缩后的路径,因此就有了设置缓存路径这一步

在你的application中初始化一下缓存路径,以后的压缩后的图片都缓存在这路径底下

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

紧接着就是使用了,控件执行初始化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);123456789123456789

设置一下回调方法并实现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);
    }1234567891011121314151612345678910111213141516

最后再重写一下这个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);
    }12345671234567

只需要上面这几步就可以实现像微信的那个图片选择控件一样了,其它上传回调的处理参考github里面的demo,有兴趣的朋友可以试试,欢迎大家指正


收藏 赞 (5) 踩 (1)