仿QQ,微信图片选择上传

    |     2016年2月14日   |   Android UI界面   |     0 条评论   |    2094

很多项目都要做图片选择和上传。不必重复造轮子,选一个现成的图片选择器库,就能做出类似 QQ、微信的选图体验,再补上上传即可。


一、效果与原库

选择器效果如下:

imagepicker

原码地址:https://github.com/easonline/AndroidImagePicker

这个选择器带了单选、多选、剪切、预览、拍照。项目里我们只用多图选择,再叠一层图片上传。


二、接入后的三屏

imagepicder_p

  • 图 1:入口主界面
  • 图 2:图片选择器;点一项可进预览
  • 图 3:选完回到主界面

用 AndroidImagePicker 实现图 2,同时去掉多余功能。


三、工程结构

imagepicker_project

类 / 模块 职责 对应界面
UpLoadFileActivity 程序入口 图 1
ImageGridActivity 图片选择器 图 2
ImagePreviewActivity 图片预览 图 2 点进预览
UpLoadUtil 封装图片上传 —
ImagePickerModule 引入的图片选择器库 —

以上项目地址:https://github.com/yihu0817/Android-ImagePicker-warmtel

图片上传原理可以参考:从原理角度解析Android (Java) http 文件上传

图片选择器实现参考:Android 超高仿╬в╨┼╜╪═╝选择器 图片该这么加载

一句话总结:选图用现成的 AndroidImagePicker 做网格和预览,上传单独封进 UpLoadUtil,入口页只负责把两者串起来。

转载请注明来源:仿QQ,微信图片选择上传
本文链接地址:https://ai.zhousir.top/?p=1227
回复 取消