Android仿微信照片选择器实现预览查看图片_Android

好了下面进入正题，我们先看一下实现效果吧：

下面来介绍一下代码：

 本思路就是：

  • 1.先到手机中扫描jpeg和png的图片
  • 2.获取导图片的路径和图片的父路径名也就是文件夹名
  • 3.将图片路径和文件夹名分别添加导数据源中
  • 4.数据源有了就是显示了，文件夹显示是利用的popwindow，而图片显示则是GridView

看一下具体代码：

首先开启一个线程去扫描图片

/**
 * 利用ContentProvider扫描手机中的图片，此方法在运行在子线程中 完成图片的扫描，最终获得jpg最多的那个文件夹
 */
 private void getImages()
 {
 if (!Environment.getExternalStorageState().equals(
  Environment.MEDIA_MOUNTED))
 {
  Toast.makeText(this, "暂无外部存储", Toast.LENGTH_SHORT).show();
  return;
 }
 // 显示进度条
 mProgressDialog = ProgressDialog.show(this, null, "正在加载..."); 

 new Thread(new Runnable()
 {
  @Override
  public void run()
  { 

  String firstImage = null; 

  Uri mImageUri = MediaStore.Images.Media.EXTERNAL_CONTENT_URI;
  ContentResolver mContentResolver = AlbumActivity.this
   .getContentResolver(); 

  // 只查询jpeg和png的图片
  Cursor mCursor = mContentResolver.query(mImageUri, null,
   MediaStore.Images.Media.MIME_TYPE + "=? or "
    + MediaStore.Images.Media.MIME_TYPE + "=?",
   new String[] { "image/jpeg", "image/png" },
   MediaStore.Images.Media.DATE_MODIFIED); 

  Log.e("TAG", mCursor.getCount() + "");
  while (mCursor.moveToNext())
  {
   // 获取图片的路径
   String path = mCursor.getString(mCursor
    .getColumnIndex(MediaStore.Images.Media.DATA)); 

   Log.e("TAG", path);
   // 拿到第一张图片的路径
   if (firstImage == null)
   firstImage = path;
   // 获取该图片的父路径名
   File parentFile = new File(path).getParentFile();
   if (parentFile == null)
   continue;
   String dirPath = parentFile.getAbsolutePath();
   ImageFloder imageFloder = null;
   // 利用一个HashSet防止多次扫描同一个文件夹（不加这个判断，图片多起来还是相当恐怖的~~）
   if (mDirPaths.contains(dirPath))
   {
   continue;
   } else
   {
   mDirPaths.add(dirPath);
   // 初始化imageFloder
   imageFloder = new ImageFloder();
   imageFloder.setDir(dirPath);
   imageFloder.setFirstImagePath(path);
   } 

   int picSize = parentFile.list(new FilenameFilter()
   {
   @Override
   public boolean accept(File dir, String filename)
   {
    if (filename.endsWith(".jpg")
     || filename.endsWith(".png")
     || filename.endsWith(".jpeg"))
    return true;
    return false;
   }
   }).length;
   totalCount += picSize; 

   imageFloder.setCount(picSize);
   mImageFloders.add(imageFloder); 

   if (picSize > mPicsSize)
   {
   mPicsSize = picSize;
   mImgDir = parentFile;
   }
  }
  mCursor.close(); 

  // 扫描完成，辅助的HashSet也就可以释放内存了
  mDirPaths = null; 

  // 通知Handler扫描图片完成
  mHandler.sendEmptyMessage(0x110); 

  }
 }).start(); 

 }

代码很详细不多说
文件夹popwindow弹出事件

private void initEvent()
 {
 /**
  * 为底部的布局设置点击事件，弹出popupWindow
  */
 mBottomLy.setOnClickListener(new View.OnClickListener()
 {
  @Override
  public void onClick(View v)
  {
  mListImageDirPopupWindow
   .setAnimationStyle(R.style.anim_popup_dir);
  mListImageDirPopupWindow.showAsDropDown(mBottomLy, 0, 0); 

  // 设置背景颜色变暗
  WindowManager.LayoutParams lp = getWindow().getAttributes();
  lp.alpha = .3f;
  getWindow().setAttributes(lp);
  }
 });
 }

最后是设置图片的点击事件

//设置ImageView的点击事件
 mImageView.setOnClickListener(new OnClickListener()
 {
  //选择，则将图片变暗，反之则反之
  @Override
  public void onClick(View v)
  { 

  // 已经选择过该图片
  if (mSelectedImage.contains(mDirPath + "/" + item))
  {
   mSelectedImage.remove(mDirPath + "/" + item);
   mSelect.setImageResource(R.drawable.picture_unselected);
   mImageView.setColorFilter(null);
   List<ImageBean> delete = new ArrayList<ImageBean>();
   for (ImageBean im:Bimp.tempSelectBitmap){
   if (im.getPath().equals(mDirPath + "/" + item)){
    delete.add(im);
   }
   }
   Bimp.tempSelectBitmap.removeAll(delete);
   Message msg = new Message();
   msg.what=0;
   AlbumActivity.handler.sendMessage(msg);
  } else
  // 未选择该图片
  {
   if (Bimp.tempSelectBitmap.size()>8){
   Toast.makeText(context,"超出可选图片数",Toast.LENGTH_SHORT).show();
   return;
   }
   else {
   mSelectedImage.add(mDirPath + "/" + item);
   mSelect.setImageResource(R.drawable.pictures_selected);
   mImageView.setColorFilter(Color.parseColor("#77000000"));
   ImageBean imageBean = new ImageBean();
   imageBean.setPath(mDirPath + "/" + item);
   try {
    imageBean.setBitmap(Bimp.revitionImageSize(mDirPath + "/" + item));
   } catch (IOException e) {
    e.printStackTrace();
   }
   Bimp.tempSelectBitmap.add(imageBean);
   Message msg = new Message();
   msg.what=0;
   AlbumActivity.handler.sendMessage(msg);
   } 

  } 

  }

这里面为了配合之前的博客，我加入了选中图片和取消选中图片将图片在Bimp.tempSelectBitmap中删除和添加的操作，更新选择图片的数量，也就是下面这两段代码：

List<ImageBean> delete = new ArrayList<ImageBean>();
   for (ImageBean im:Bimp.tempSelectBitmap){
   if (im.getPath().equals(mDirPath + "/" + item)){
    delete.add(im);
   }
   }
   Bimp.tempSelectBitmap.removeAll(delete);
   Message msg = new Message();
   msg.what=0;
   AlbumActivity.handler.sendMessage(msg);

ImageBean imageBean = new ImageBean();
   imageBean.setPath(mDirPath + "/" + item);
   try {
    imageBean.setBitmap(Bimp.revitionImageSize(mDirPath + "/" + item));
   } catch (IOException e) {
    e.printStackTrace();
   }
   Bimp.tempSelectBitmap.add(imageBean);
   Message msg = new Message();
   msg.what=0;
   AlbumActivity.handler.sendMessage(msg);

这里有一点说明，就是我在写移除图片的时候遇到了一个错误，Java ConcurrentModificationException异常，这个错误就是说当我们的Vector，List或者ArrayList中的数据源发生变化的时候，你再去操作这个list就会出现这个异常错误，解决办法是，遍历这个图片数组，比较路径是否相同（最好的办法是比较id是否相同），new 一个数组将相同的图片假如new的数组中，最后用之前的图片数组removeAll来移除，这样就不会报异常错误了，当然我们new的数组肯定比我们之前的数组数据源少或者等同。

以上就是本文的全部内容，希望对大家学习Android软件编程有所帮助。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索android实现图片预览、html5 实现滚轮选择器、easyui实现左右选择器、js实现jquery选择器、jquery选择器实现原理，以便于您获取更多的相关知识。

时间： 2024-08-04 01:12:18

Android仿微信照片选择器实现预览查看图片_Android的相关文章

Android仿微信照片选择器实现预览查看图片

好了下面进入正题,我们先看一下实现效果吧: 下面来介绍一下代码: 本思路就是: 1.先到手机中扫描jpeg和png的图片 2.获取导图片的路径和图片的父路径名也就是文件夹名 3.将图片路径和文件夹名分别添加导数据源中 4.数据源有了就是显示了,文件夹显示是利用的popwindow,而图片显示则是GridView 看一下具体代码: 首先开启一个线程去扫描图片 /** * 利用ContentProvider扫描手机中的图片,此方法在运行在子线程中 完成图片的扫描,最终获得jpg最多的那个文件夹 */

Android仿微信、QQ附近好友雷达扫描效果_Android

1.概述 最近一直到在带实习生,因为人比较多,所以很长一段时间没有更新博客了,今天更新一篇雷达扫描附近好友效果,以后尽量每周更新一篇,先看一下效果: 2．实现 1.效果分析 效果分为两个部分,一个是上半部分的自定义RadarView,还有就是下半部分的ViewPager,至于怎么做到缩放和背景虚化的效果大家可以去看看LazyViewPager这里不详细介绍,这里主要实现扫描效果部分. 2.扫描效果实现 2.1自定义RadarView在onDraw()方法中画六个圆圈,至于圆圈的半径是多少我们需要

Android仿微信发表说说实现拍照、多图上传功能_Android

本文实例为大家分享了Android仿微信发表说说.心情功能,供大家参考,具体内容如下 既能实现拍照,选图库,多图案上传的案例,目前好多App都有类似微信朋友圈的功能,能过发表说说等附带图片上传.下面的就是实现该功能的过程:大家还没有看过Android Retrofit 2.0框架上传图片解决方案这篇文章,在看今天的就很容易,接在本项目中用到了一个library:photopicker,封装了图片的选择功能,是否选相机,还有选中图片后可以查看图片的功能.   一. 首先:将photopicker到

Android仿微信发表说说实现拍照、多图上传功能

本文实例为大家分享了Android仿微信发表说说.心情功能,供大家参考,具体内容如下 既能实现拍照,选图库,多图案上传的案例,目前好多App都有类似微信朋友圈的功能,能过发表说说等附带图片上传.下面的就是实现该功能的过程:大家还没有看过Android Retrofit 2.0框架上传图片解决方案这篇文章,在看今天的就很容易,接在本项目中用到了一个library:photopicker,封装了图片的选择功能,是否选相机,还有选中图片后可以查看图片的功能. 一. 首先:将photopicker到工程

Android仿微信底部菜单栏效果

前言 在市面上,大多数的APP都需要通过底部菜单栏来将程序的功能进行分类整理,通常都是分为3-5个大模块,从而正确有效地引导用户去使用我们的APP.实现底部菜单栏的方法也有很多种. 1.仿微信底部菜单栏(ViewPager+ImagerView+TextView) ......(其他方式后续会补充) 效果预览 首先来个开胃菜,看看实现效果: 先贴出项目所需的资源文件,这些可随个人自由更改颜色和文字 colors.xml <color name="bg_line_light_gray&quo

Android仿微信支付密码弹出层功能

预览 使用 这个弹出层是一个DialogFragment,逻辑都封装在其内部,使用起来很简单: Bundle bundle = new Bundle(); bundle.putString(PayFragment.EXTRA_CONTENT, "提现:¥ " + 100.00); PayFragment fragment = new PayFragment(); fragment.setArguments(bundle); fragment.setPaySuccessCallBack(

图片选择器，预览时取消选中，怎么让图片选择界面相对应的位置取消选中？

问题描述 图片选择器,预览时取消选中,怎么让图片选择界面相对应的位置取消选中? 我做了个图片选择器,跟微信添加图片的类似,现在做预览的时候,可以取消选择 这个选择这个图片,我可以拿到最终的选中图片集合,但当finish预览界面到图片 选择界面时,怎么用我最终选中的图片集合去改变在图片选择界面选中的状态? 解决方案 http://www.2cto.com/kf/201412/356979.html

Android仿微信QQ设置图形头像裁剪功能_Android

最近在做毕业设计,想有一个功能和QQ一样可以裁剪头像并设置圆形头像,额,这是设计狮的一种潮流. 而纵观现在主流的APP,只要有用户系统这个功能,这个需求一般都是在(bu)劫(de)难(bu)逃(xue)! 图片裁剪实现方式有两种,一种是利用系统自带的裁剪工具,一种是使用开源工具Cropper.本节就为大家带来如何使用系统自带的裁剪工具进行图片裁剪~ 还是先来个简单的运行图. 额,简单说下,我待会会把代码写成小demo分享给大家,在文章末尾会附上github链接,需要的可以自行下载~ 下面来简单分

Android仿微信QQ设置图形头像裁剪功能

最近在做毕业设计,想有一个功能和QQ一样可以裁剪头像并设置圆形头像,额,这是设计狮的一种潮流. 而纵观现在主流的APP,只要有用户系统这个功能,这个需求一般都是在(bu)劫(de)难(bu)逃(xue)! 图片裁剪实现方式有两种,一种是利用系统自带的裁剪工具,一种是使用开源工具Cropper.本节就为大家带来如何使用系统自带的裁剪工具进行图片裁剪~ 还是先来个简单的运行图. 额,简单说下,我待会会把代码写成小demo分享给大家,在文章末尾会附上github链接,需要的可以自行下载~ 下面来简单分