仿QQ,微信图片选择上传
很多项目都要做图片选择和上传。不必重复造轮子,选一个现成的图片选择器库,就能做出类似 QQ、微信的选图体验,再补上上传即可。
一、效果与原库
选择器效果如下:
原码地址:https://github.com/easonline/AndroidImagePicker
这个选择器带了单选、多选、剪切、预览、拍照。项目里我们只用多图选择,再叠一层图片上传。
二、接入后的三屏
-
图 1:入口主界面 -
图 2:图片选择器;点一项可进预览 -
图 3:选完回到主界面
用 AndroidImagePicker 实现图 2,同时去掉多余功能。
三、工程结构
| 类 / 模块 | 职责 | 对应界面 |
|---|---|---|
| UpLoadFileActivity | 程序入口 | 图 1 |
| ImageGridActivity | 图片选择器 | 图 2 |
| ImagePreviewActivity | 图片预览 | 图 2 点进预览 |
| UpLoadUtil | 封装图片上传 | — |
| ImagePickerModule | 引入的图片选择器库 | — |
以上项目地址:https://github.com/yihu0817/Android-ImagePicker-warmtel
图片上传原理可以参考:从原理角度解析Android (Java) http 文件上传
图片选择器实现参考:Android 超高仿╬в╨┼╜╪═╝选择器 图片该这么加载
一句话总结:选图用现成的 AndroidImagePicker 做网格和预览,上传单独封进 UpLoadUtil,入口页只负责把两者串起来。
转载请注明来源:仿QQ,微信图片选择上传










