android 仿微信选取相册_Android--选择图片(仿微信发朋友圈)第一篇
这篇博客主要写仿微信朋友圈选择图片发朋友圈。整个功能包括加载图片,显示图片、相册文件夹、预览图片,九宫格显示已经选择好的图片等等,大概会有三篇博客。
效果图
看上面的图,加载图片肯定是异步加载,耗时任务。android系统默认提供了一个Loader(Android Loader机制全面详解及源码浅析https://blog.csdn.net/axi295309066/article/details/52536960)请大家搓这篇文章,看了你会对Loader机制会有个全面的认识。在结合我这篇文章,如何去加载相册里的图片? 显示图片是RecyclerView,第一个位置显示的是一个拍照默认的图片,利用RecyclerView支持多种不同类型的布局,把第一个位置单独提取出来,去设置一个只有一张拍照图片的布局。
private LoaderManager.LoaderCallbacks mLoaderCallbacks = new LoaderManager.LoaderCallbacks() {
private final String[] IMAGE_PROJECTION = {
MediaStore.Images.Media.DATA,
MediaStore.Images.Media.DISPLAY_NAME,
MediaStore.Images.Media.DATE_ADDED,
MediaStore.Images.Media._ID,
MediaStore.Images.Media.MINI_THUMB_MAGIC,
MediaStore.Images.Media.BUCKET_DISPLAY_NAME};
//创建一个CursorLoader,去异步加载相册的图片
@NonNull
@Override
public Loader onCreateLoader(int id, @Nullable Bundle args) {
return new CursorLoader(SelectImageActivity.this,
MediaStore.Images.Media.EXTERNAL_CONTENT_URI, IMAGE_PROJECTION,
null, null, IMAGE_PROJECTION[2] + " DESC");
}
@Override
public void onLoadFinished(@NonNull Loader loader, Cursor data) {
if (data != null) {
ArrayList images = new ArrayList<>();
//是否显示照相图片
if (mHasCamera) {
//添加到第一个的位置(默认)
images.add(new Image());
}
ImageFolder defaultFolder = new ImageFolder();
defaultFolder.setName("全部照片");
defaultFolder.setPath("");
mImageFolders.add(defaultFolder);
int count = data.getCount();
if (count > 0) {
data.moveToFirst();
do {
String path = data.getString(data.getColumnIndexOrThrow(IMAGE_PROJECTION[0]));
String name = data.getString(data.getColumnIndexOrThrow(IMAGE_PROJECTION[1]));
long dateTime = data.getLong(data.getColumnIndexOrThrow(IMAGE_PROJECTION[2]));
int id = data.getInt(data.getColumnIndexOrThrow(IMAGE_PROJECTION[3]));
String thumbPath = data.getString(data.getColumnIndexOrThrow(IMAGE_PROJECTION[4]));
String bucket = data.getString(data.getColumnIndexOrThrow(IMAGE_PROJECTION[5]));
Image image = new Image();
image.setPath(path);
image.setName(name);
image.setDate(dateTime);
image.setId(id);
image.setThumbPath(thumbPath);
image.setFolderName(bucket);
images.add(image);
//如果是被选中的图片
if (mSelectedImages.size() > 0) {
for (Image i : mSelectedImages) {
if (i.getPath().equals(image.getPath())) {
image.setSelect(true);
}
}
}
//设置图片分类的文件夹
File imageFile = new File(path);
File folderFile = imageFile.getParentFile();
ImageFolder folder = new ImageFolder();
folder.setName(folderFile.getName());
folder.setPath(folderFile.getAbsolutePath());
if (!mImageFolders.contains(folder)) {
folder.getImages().add(image);
//默认相册封面
folder.setAlbumPath(image.getPath());
mImageFolders.add(folder);
} else {
// 更新
ImageFolder imageFolder = mImageFolders.get(mImageFolders.indexOf(folder));
imageFolder.getImages().add(image);
}
} while (data.moveToNext());
}
addImagesToAdapter(images);
//全部照片
defaultFolder.getImages().addAll(images);
if (mHasCamera) {
defaultFolder.setAlbumPath(images.size() > 1 ? images.get(1).getPath() : null);
} else {
defaultFolder.setAlbumPath(images.size() > 0 ? images.get(0).getPath() : null);
}
//删除掉不存在的,在于用户选择了相片,又去相册删除
if (mSelectedImages.size() > 0) {
List rs = new ArrayList<>();
for (Image i : mSelectedImages) {
File f = new File(i.getPath());
if (!f.exists()) {
rs.add(i);
}
}
mSelectedImages.removeAll(rs);
}
}
mImageFolderView.setImageFolders(mImageFolders);
addImageFoldersToAdapter();
}
@Override
public void onLoaderReset(@NonNull Loader loader) {
}
};
以上代码主要是如何加载图片,设置图片的不同类型文件夹,我们打开系统相册也可以看到不同类型的图片文件夹。
看这张图,这个相册文件夹是一个自定义的View,包含了两个部分,一个是ShadowView,显示时会有个阴影部分,二是显示相册文件夹(RecyclerView)。相册文件夹的显示和隐藏是一个平移动画,并不是一个Dialog或者PopupWindow。
ImageFolderView
public class ImageFolderView extends FrameLayout implements OnItemClickListener {
private View mShadowView;
private String mShadowViewColor = "#50000000";
private RecyclerView mImageFolderRv;
private List mImageFolders;
private ImageFolderViewListener mListener;
private int mImageFolderHeight;
private boolean mShow;
public ImageFolderView(Context context) {
this(context, null);
}
public ImageFolderView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public ImageFolderView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mShadowView = new View(context);
mShadowView.setBackgroundColor(Color.parseColor(mShadowViewColor));
mImageFolderRv = ( RecyclerView ) inflate(context, R.layout.image_folder_layout, null);
//设置LayoutParams
FrameLayout.LayoutParams layoutParams = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT,
FrameLayout.LayoutParams.MATCH_PARENT);
layoutParams.gravity = Gravity.BOTTOM;
mImageFolderRv.setLayoutParams(layoutParams);
//设置布局管理器setLayoutManager
mImageFolderRv.setLayoutManager(new LinearLayoutManager(context));
addView(mShadowView);
addView(mImageFolderRv);
//开始不显示阴影
mShadowView.setAlpha(0f);
mShadowView.setVisibility(GONE);
}
public void setImageFolders(List imageFolders) {
mImageFolders = imageFolders;
}
public void setAdapter(ImageFolderAdapter adapter) {
if (adapter == null) {
throw new NullPointerException("adapter not null!");
}
mImageFolderRv.setAdapter(adapter);
adapter.setItemClickListener(this);
}
public void setListener(ImageFolderViewListener listener) {
this.mListener = listener;
}
/**
* 显示
*/
public void show() {
if (mShow) {
return;
}
if (mListener != null) {
mListener.onShow();
}
mShow = true;
mShadowView.setVisibility(VISIBLE);
ObjectAnimator animator = ObjectAnimator.ofFloat(mImageFolderRv,
"translationY", mImageFolderHeight, 0);
animator.setInterpolator(new AccelerateDecelerateInterpolator());
animator.setDuration(388);
animator.start();
ObjectAnimator alphaAnimator = ObjectAnimator.ofFloat(mShadowView, "alpha", 0f, 1f);
alphaAnimator.setDuration(388);
alphaAnimator.start();
}
/**
* 隐藏
*/
public void hide() {
if (!mShow) {
return;
}
if (mListener != null) {
mListener.onDismiss();
}
ObjectAnimator animator = ObjectAnimator.ofFloat(mImageFolderRv,
"translationY", 0, mImageFolderHeight);
animator.setInterpolator(new AccelerateDecelerateInterpolator());
animator.setDuration(388);
animator.start();
ObjectAnimator alphaAnimator = ObjectAnimator.ofFloat(mShadowView, "alpha", 1f, 0f);
alphaAnimator.setDuration(388);
alphaAnimator.start();
alphaAnimator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
mShow = false;
mShadowView.setVisibility(GONE);
}
});
}
public boolean isShowing() {
return mShow;
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//获取高度
int height = MeasureSpec.getSize(heightMeasureSpec);
mImageFolderHeight = ( int ) (height * 0.9f);
ViewGroup.LayoutParams params = mImageFolderRv.getLayoutParams();
params.height = mImageFolderHeight;
mImageFolderRv.setLayoutParams(params);
//开始的时候,移下去
mImageFolderRv.setTranslationY(mImageFolderHeight);
}
@Override
public void onItemClick(int position) {
if (mListener != null) {
mListener.onSelect(this, mImageFolders.get(position));
hide();
}
}
public interface ImageFolderViewListener {
void onSelect(ImageFolderView imageFolderView, ImageFolder imageFolder);
void onDismiss();
void onShow();
}}
只是粘贴了部分代码和提供了思路,实现了大体的功能。还有的就是选择具体的图片、预览图片,九宫格动态显示已经选择好的图片等等。对RecyclerView的封装,没有写,我是拿来直接用的,因为对RecyclerView的封装很早之前就写好了,现在我对RecycleView封装和扩展会做成一个Module,直接导入到项目中使用。大家可以看看源码,看我是如何封装RecycleView的。这个SelectImage的Demo,对RecycleView封装和扩展并不是很全,但是大家可以先看看基础的,抽取公共的ViewHolder和Adapter,怎么去添加分割线。
推荐阅读:
android 仿微信选取相册_Android--选择图片(仿微信发朋友圈)第一篇相关推荐
- android 仿微信选取相册_Android 实现一个仿微信的图片选择器
现在大部分的App都上传图片的功能,比如设置用户头像.聊天发送图片.发表动态.论坛帖子等.上传图片需要先从选择手机中选择要上传的图片,所以图片选择器在App中是很常见的组件,一般的手机都会自带一个图片 ...
- 微信MAC最新版3.1.0支持发朋友圈了
关注 公众号 Cola叮咚 发送 wechat31 即可获得下载地址 终于来了,继电脑刷微信朋友圈之后,微信终于支持电脑发朋友圈啦,此次更新会对大家有何影响呢,赶紧来看看! 昨天,微信团队发布微信 3 ...
- android 仿微信选取相册_Android模仿微信选择图片
前言 最近公司需要做一个类似微信那种选择头像和上传图片的功能,本想上github上找的,后来想了想,还是自己做一个,不仅方便以后用(毕竟自己写的修改起来也比较方便),还可以学到一些知识,废话少说,先看 ...
- android 仿微信选取相册_Android类似微信图片选择器
很多项目要用到图片选择控件,每次都要写一大堆逻辑.于是基于图片选择组件(PhotoPicker)封装了一个控件PhotoUploadView.方便简易,一键集成,几句代码就可以添加类似微信的图片选择控 ...
- android 仿微信选取相册_Android 仿微信 相册多图选择器
下载方式 com.sh.zsh.code shphotoselectorlibrary 2.0.9 pom or Gradle: compile 'com.sh.zsh.code:shphotosel ...
- 国庆节这么玩微信腾讯服务器,2019十一旅游怎么发朋友圈 国庆节旅游微信心情说说...
1. 每个人都可以从长长的旅途中悟出自己生命的意义. 2. 人生就是一场旅行,不在乎目的地,在乎的应该是沿途的风景以及看风景的心情. 3. 和喜欢的人一起来一场说走就走的旅游,格外开心. 4. 人生不 ...
- 学计算机发朋友圈文案,最近很火的微信文案,简短精湛,拿去发朋友圈!
一.没事的,每个人大概都会经历一些情绪崩溃或者极端的时刻,会好的,会熬过来的. 二.情怀是,过期的凤梨罐头,不过期的食欲:过期的底片,不过期的创作欲:过期的旧书,不过期的求知欲. 三.我以为,真心对人 ...
- 微信 for Mac 3.1.0 测试版发布(附安装包),新增「发朋友圈」功能
今年 3 月份,微信 for Mac 3.0 发布,上线了「朋友圈」功能,但当时还只能「刷朋友圈」,而不能「发朋友圈」. 近日,微信 for Mac 3.1.0 测试版发布,此版本新增了「发朋友圈」和 ...
- angularjs input标签用一个日期插件后数据不能双向绑定了_微信如何定时发朋友圈?(最方便最好用的办法!)...
微信怎么发朋友圈(微信如何定时发朋友圈)作为一个运营新媒体的小编,很多情况下,我都会遇到定时发文的情况,对于我来说,定时发文很简单. 只要将文案编辑好,使用平台的定时发文功能就可以,所以,我就想,微信 ...
最新文章
- 在Win7的IIS上搭建FTP服务及用户授权
- linux mysql怎么启动_linux下安装完mysql 怎么启动
- Linux报错:Syntax error: “(“ unexpected解决办法
- 4个mos管驱动的全桥电路原理_最经典MOS管电路工作原理及详解没有之一
- android 抽屉_Android Studio之路,我们来了解一下Google官方Android开发工具
- FetchType与FetchMode的区别
- Java多线程与并发系列从0到1全部合集,强烈建议收藏!
- Fashion Mnist中的softmax应用
- js系列教程6-BOM操作全解
- iOS平台上aa(见缝插针)游戏的简易实现
- 有意思的前端代码收集
- 自动合并两个.bib 去除.bib中的重复条目
- 看华为心声社区的几篇总裁办电子邮件有感
- 漏洞复现篇——ewebeditor编辑器解析漏洞
- 管桩的弹性模量计算公式_400管桩单桩水平承载力特征值计算书
- DataTables warning:table id = TableDate: Cannot reinitialise DataTable的解决办法
- 与10.110.12.30 mask 255.255.255.224属于同一网段的主机IP地址是?
- 《那些年啊,那些事——一个程序员的奋斗史》——123
- 【java源码】火车订票系统
- MATLAB2018a 64安装
热门文章
- 什么是序列化与反序列化,为什么序列化
- 计算机联锁系统可靠性,计算机联锁系统的可靠性和安全性比较
- JAVA父类强转子类
- gitee上传大小超过100M文件
- 怎么把电脑上的python软件卸载干净_如何将电脑上的各种软件彻底卸载干净呢?...
- 电梯控制技术综合实训装置QY-DT721
- file_get_contents failed to open stream: HTTP request failed! HTTP/1.1 400 Bad Request
- 5VUSB微孔雾化器IC方案FS150C SOP8带自动扫频加湿器IC
- 李开复花上千万投的缝纫机器人,团队出自大疆
- 飞桨领航团AI达人创造营第一课2021.7.26