Android 高仿QQ图片选择器

2024-10-19 11:05:21

当做一款APP，需要选择本地图片时，首先考虑的无疑是系统相册，但是Android手机五花八门，再者手机像素的提升，大图无法返回等异常因数，导致适配机型比较困难，微信、QQ都相继的在自己的APP里集成了图片选择功能，放弃了系统提供的图片选择器，这里仿造QQ做了一个本地图片选择器，PS：之前有人说"仿"写成“防”了，今儿特意注意了下，求不错。

先上一张效果图，无图无真相啊~~~

实现的效果大概是这样的：

1.单选：跳转到本地图片选择文件夹，选择文件夹后，进入到该文件夹下的所有图片，选择某张图片后，返回改图片地址信息

2.多选：跳转到图片文件夹，选择一个文件夹，选择图片，点击右上角的小圆圈，选中该图，点击图片其他区域，查看大图，点击预览，查看已选图片，可以跨文件夹选择图片。

为了达到这效果，需要做几件事：

1.读取本地所有有图片的文件夹：

这里用ContentResolver读取媒体文件

String[] columns = {MediaStore.Images.Media._ID, MediaStore.Images.Thumbnails.DATA, MediaStore.Images.Media.DATA, MediaStore.Images.Media.BUCKET_ID,
MediaStore.Images.Media.BUCKET_DISPLAY_NAME, "COUNT(1) AS count"};
String selection = "0==0) GROUP BY (" + MediaStore.Images.Media.BUCKET_ID;
String sortOrder = MediaStore.Images.Media.DATE_MODIFIED;
Cursor cursor = contentResolver.query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, columns, selection, null, sortOrder);

这是一个简单的SQL查询语句，按文件夹分组，并返回文件夹下图片数。

2.读取指定文件夹下所有图片：

当选择某一目录时，需要读取该目录下所有图片了。

String[] columns = new String[]{MediaStore.Images.Media._ID, MediaStore.Images.Media.DATA};
/*查询文件路径包含上面指定的文件夹路径的图片--这样才能保证查询到的文件属于当前文件夹下*/
String whereclause = MediaStore.Images.ImageColumns.DATA + " like'" + folderPath + "/%'";
Log.i("queryGalleryPicture", "galleryPath:" + folderPath);
Cursor corsor = c.getContentResolver().query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, columns, whereclause, null, null);

这里的查询语句是根据文件名字来过滤的，只要图片路径包含文件夹路径的，则为该文件夹下的图片

3.UI交互

首先在展示所有包含图片的文件夹时，异步加载有图片的文件夹，读取成功后列表展示，这里用的RecyclerView展示列表信息，点击某一目录时，在读取改目录下的图片，在图片展示页里，需要注意的是，每次点击判断当前点击图片是否已在选择列表中，若在，删除，不在，添加。这里图片加载用了开源框架ImageLoader

if (mSelectlist.contains(imageBean)) { //点击的item为已选过的图片时，删除
mSelectlist.remove(imageBean);
subSelectPosition();
} else { //不在选择列表里，添加
if (mSelectlist.size() >= maxCount) {
Toast.makeText(mContext, mContext.getResources().getString(R.string.publish_select_photo_max, maxCount), Toast.LENGTH_SHORT).show();
return;
}
mSelectlist.add(imageBean);
imageBean.selectPosition = mSelectlist.size();
}
//通知点击项发生了改变
notifyItemChanged(position);

同时没删除一张图片，图片上的序号相应的作改变，然后通知改变项更新UI。

不同Activity跳转时，因为要传递图片列表List，list里是自定义实体类，刚开始考虑过用intent传递，但是intent传递后，通过list.get(positon).contains比较是否同一对象时，始终是不同对象，大家可以去验证下。所以这里定义了一个观察者的类，去保存选择的图片和文件夹下的所有图片，同时查看大图时，若选择了一张或者取消选择了一张图，通过观察者通知更新即可

/**
* 通知图片选择已改变
*/
public void updateImageSelectChanged () {
setChanged();
notifyObservers(imgSelectObj);
}

好了，有了以上的，就可以使用我们的图片选择器了：

单选时，在需要的地方调用：

/*单选，参数对应的是context, 回调*/
FolderListActivity.startSelectSingleImgActivity(this, 2);
多选时：
/*参数对应context, 回调code, 传入的图片List, 可选的最大张数*/
FolderListActivity.startFolderListActivity(this, 1, null, 9);

最后Activity的onActivityResult中接收返回的图片数据：

List<ImageFolderBean> list = (List<ImageFolderBean>) data.getSerializableExtra("list");

源码下载地址：

https://github.com/JarekWang/photoselect

以上所述是小编给大家介绍的Android 高仿QQ图片选择器的全部叙述，希望对大家有所帮助！

Android仿微信图片选择器

很多项目要用到图片选择控件,每次都要写一大堆逻辑.于是基于图片选择组件(PhotoPicker)封装了一个控件PhotoUploadView.方便简易,一键集成,几句代码就可以添加类似微信的图片选择控件了.下面介绍一下该控件有些什么特点以及怎么使用.先看图: 效果如上图,点击加号弹出选择框,目前提供了两种形式,一个如图所见的PopupWindow,另一个是MaterialDialog,选择拍照或者从图库获取,从图库获取后就进入图二,选择完之后就图三或图四这里因为很多项目需要不一样,所以特别封装了
Android自定义View实现多图片选择控件

前言相信很多朋友在开发中都会遇到图片上传的情况,尤其是多图上传,最经典的莫过于微信的图片选择了.所有很多情况下会使用到多图选择,所以就有了这篇文章,今天抽点时间写了个控件. •支持自定义选择图片的样式 •支持设置图片选择数量 •支持图片预览,删除 •支持图片拍照先来看看效果实现分析假如不定义控件,我们要实现这样一个功能,无非是写个GridView在item点击的时候去显示图片进行选择,在返回界面的时候进行GridView的数据刷新.我们把这些逻辑写在我们自定义的GridView中
Android 图片选择详解及实例代码

Android 图片选择可以达到的效果: 1.第一个图片的位置放照相机,点击打开照相机 2.其余的是显示全部存储的图片,点击一次是查看大图,长按则是每张图片出现一个checkBox,可以进行选择下面是实例效果图 MainActivity 类 public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener, AdapterView.OnItemLongClickLis
Android图片选择器ImageEditContainer

1. 简介本次demo中一共封装了两个组件:ImageEditButton 和 ImageEditContainer.其中ImageEditContainer 是在 ImageEditButton,两个组件可单独使用. 在demo中,实现了图片选择(拍照+本地),裁剪,压缩,保存本地以及对已选择图片的删除操作(如果有修改需求,也可以使用对应方法进行操作,该方法已添加): 还有就是针对 6.0权限的处理问题,本次使用了第三方库 rxpermissions 进行权限的处理. 2.项目主目录结
Android实现本地图片选择及预览缩放效果

在做项目时经常会遇到选择本地图片的需求,以前都是懒得写直接调用系统方法来选择图片,但是这样并不能实现多选效果,最近又遇到了,所以还是写一个demo好了,以后也方便使用.还是首先来看看效果: 显示的图片使用RecyclerView实现的,利用Glide来加载:下面弹出的图片文件夹效果是采用PopupWindow实现,这里比采用PopupWindow更方便,弹出显示的左边图片是这个文件夹里的第一张图片:选中的图片可以进行预览,使用网上一个大神写的来实现的:至于图片的获取是用ContentProvid
浅谈谈Android 图片选择器

ImageSelector 简介 Android自定义相册,实现了拍照.图片选择(单选/多选).ImageLoader无绑定任由开发者选择 https://github.com/YancyYe/ImageSelector Demo Download Apk 更新内容 UI重改所有功能可配置解决OOM情况图片手动选择支持汉语和英语截图展示使用说明步骤一: 通过Gradle抓取 dependencies { compile 'com.yancy.imageselector:image
分享实现Android图片选择的两种方式

Android选择图片的两种方式: 第一种:单张选取通过隐式启动activity,跳转到相册选择一张返回结果关键代码如下: 发送请求: private static final int PICTURE = 10086; //requestcode Intent intent = new Intent(); if (Build.VERSION.SDK_INT < 19) {//因为Android SDK在4.4版本后图片action变化了所以在这里先判断一下 intent.setAction
Android实现底部图片选择Dialog

业务需要选择弹出对话框,然后点击选择图片.网上已经有了很多,不过感觉写的有点乱.自己这里总结一下,有需要开发者可以按照如下步骤直接使用即可. 1.效果图如下点击选择照相后,弹出如下选择对话框: 2. Dialog实现布局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:la
Android图片选择器丰富的配置选项

最近也是刚好项目用到,于是就动手写了一个Android 图片选择器的库.支持图库多选/单选/图片裁剪/拍照/自定义图片加载库,极大程度的简化使用. 截图优点 1.通过实现ImageLoader接口,可以实现自定义图片加载器的功能.例如可以用Glide.Picasso.ImageLoader,暂不支持Fresco,因为SimpleDraweeView本身并不属于ImageView.当然,也可用相同的思路来实现. 2.可配置的ImgSelConfig.方便进行扩展. 3.简化使用项目地址:htt
Android 高仿QQ图片选择器

当做一款APP,需要选择本地图片时,首先考虑的无疑是系统相册,但是Android手机五花八门,再者手机像素的提升,大图无法返回等异常因数,导致适配机型比较困难,微信.QQ都相继的在自己的APP里集成了图片选择功能,放弃了系统提供的图片选择器,这里仿造QQ做了一个本地图片选择器,PS:之前有人说"仿"写成"防"了,今儿特意注意了下,求不错. 先上一张效果图,无图无真相啊~~~ 实现的效果大概是这样的: 1.单选:跳转到本地图片选择文件夹,选择文件夹后,进入到该文件夹下
Android 高仿QQ 沉浸式状态栏

前言: 在进入今天正题前,还是老样子先谈谈感想吧,最近感觉整个都失去了方向感,好迷茫!找工作又失败了,难道Android真的饱和了?这两天我一直没出门,除了下楼哪外卖就是宅宿舍了,静想了许久,我还是不能忘了初心,我相信我找不到工作的原因有很多,最关键的还是要技术够硬才行啊,奔跑吧孩子!接下来我就给大家介绍怎样快速打造沉浸式状态栏吧,虽然感觉有点相见恨晚,但其实不完! 一:何为沉浸式状态栏? 沉浸式状态栏是Google从Android 4.4开始,给我们开发者提供的一套能透明的系统ui样式,这样样
Android高仿QQ小红点功能

先给大家展示下效果图: 代码已上传至Github:高仿QQ小红点,如对您有帮助,欢迎star~感谢绘制贝塞尔曲线: 主要是当在一定范围内拖拽时算出固定圆和拖拽圆的外切直线以及对应的切点,就可以通过path.quadTo()来绘制二阶贝塞尔曲线了~ 整体思路: 1.当小红点静止时,什么都不做,只需要给自定义小红点QQBezierView(extends TextView)添加一个.9文件当背景即可 2.当滑动时,通过getRootView()获得顶级根View,然后new一个DragView (
Android仿微信图片选择器ImageSelector使用详解

今天给大家介绍一个仿微信的图片选择器:ImageSelector.ImageSelector支持图片的单选.限数量的多选和不限数量的多选.支持图片预览和图片文件夹的切换.在上一篇文章 <Android 实现一个仿微信的图片选择器> 中我介绍了ImageSelector的实现思路和分析了它的核心代码,有兴趣的同学可以看一下.完整的代码放在了GitHub,欢迎大家下载和使用.本篇文章为大家介绍ImageSelector的具体使用方式. 先上效果图: 1.引入依赖在Project的build.gr
Android 高仿微信朋友圈动态支持双击手势放大并滑动查看图片效果

最近参与了开发一款旅行APP,其中包含实时聊天和动态评论功能,终于耗时几个月几个伙伴完成了,今天就小结一下至于实时聊天功能如果用户不多的情况可以scoket实现,如果用户万级就可以采用开源的smack + opnefile实现,也可以用mina开源+XMMP,至于怎么搭建和实现,估计目前github上一搜一大把,至于即时通讯怕误人子弟,暂且不做介绍,现就把实现的一个微信朋友圈的小功能介绍一下. 先上效果图: 一拿到主流的UI需求,大致分析下,需要我ListView嵌套Gridview,而grid
Android 高仿微信朋友圈拍照上传功能

模仿微信朋友圈发布动态,输入文字支持文字多少高度自增,有一个最小输入框高度,输入文字有限制,不过这些都很easy! 1. PhotoPicker的使用这是一个支持选择多张图片,点击图片放大,图片之间左右滑动互相切换的库,同时支持图片删除的库,效果类似微信. (1) 添加PhotoPicker的架包 (2) 使用选择图片:安卓6.0以后需要在代码中添加读写sd卡和相机的权限当然清单文件中也需要添加的 PhotoPicker.builder() .setPhotoCount(maxPhoto)
Android 高仿微信语音聊天页面高斯模糊(毛玻璃效果)

目前的应用市场上,使用毛玻璃效果的APP随处可见,比如用过微信语音聊天的人可以发现,语音聊天页面就使用了高斯模糊效果. 先看下效果图: 仔细观察上图,我们可以发现,背景图以用户头像为模板,对其进行了高斯模糊,并把它作为整个页面的背景色. 关于Android如何快速实现高斯模糊(毛玻璃效果),网上一堆相关介绍,可参考下面文章一种快速毛玻璃虚化效果实现–Android. 下面直接给出模糊化工具类(已验证可行): import android.graphics.Bitmap; /** * 快速模糊化工
Android开发仿QQ空间根据位置弹出PopupWindow显示更多操作效果

我们打开QQ空间的时候有个箭头按钮点击之后弹出PopupWindow会根据位置的变化显示在箭头的上方还是下方,比普通的PopupWindow弹在屏幕中间显示好看的多. 先看QQ空间效果图: 这个要实现这个效果可以分几步进行 1.第一步自定义PopupWindow,实现如图的样式,这个继承PopupWindow自定义布局很容易实现 2.得到点击按钮的位置,根据位置是否在屏幕的中间的上方还是下方,将PopupWindow显示在控件的上方或者下方 3.适配问题,因为PopupWindow上面的操作列表
Android 高仿斗鱼滑动验证码

如下图.在Android上实现起来就不太容易,有些效果还是不如web端酷炫.) 我们的Demo,Ac娘镇楼 (图很渣,也忽略底下的SeekBar,这不是重点) 一些动画,效果录不出来了,大家可以去斗鱼web端看一下,然后下载Demo看一下,效果还是可以的. 代码传送门: https://github.com/mcxtzhang/SwipeCaptcha 我们的Demo和web端基本上一样. 那么本控件包含不仅包含以下功能: 随机区域起点(左上角x,y)生成一个验证码阴影.验证码拼图凹凸图形会
Android高仿微信表情输入与键盘输入详解

最近公司在项目上要使用到表情与键盘的切换输入,自己实现了一个,还是存在些缺陷,比如说键盘与表情切换时出现跳闪问题,这个相当困扰我,不过所幸在Github(其中一个不错的开源项目,其代码整体结构很不错)并且在论坛上找些解决方案,再加上我也是研究了好多个开源项目的代码,最后才苦逼地整合出比较不错的实现效果,可以说跟微信基本一样(嘿嘿,只能说目前还没发现大Bug,若发现大家一起日后慢慢完善,这里我也只是给出了实现方案,拓展其他表情我并没有实现哈,不过代码中我实现了一个可拓展的fragment模板以便大

Android 高仿QQ图片选择器

相关推荐

随机推荐