android_Android –从图库中选择多张照片

最新推荐文章于 2024-08-10 07:34:58 发布

cunfen6312

最新推荐文章于 2024-08-10 07:34:58 发布

阅读量2.6k

点赞数 1

文章标签： android java 移动开发机器学习安卓

原文链接：https://www.javacodegeeks.com/2012/10/android-select-multiple-photos-from-gallery.html

版权

android

今天，我将讨论从照片库中选择多张照片的实现。您知道，我已经进行了足够的搜索，以找到一种从android的本机库中选择多个图像的解决方案。有两种方法可以在图库中实现多种图像选择：1)意图获取多个图像

2)定义自定义图库，并从本地图库中获取并加载照片。

1.获取多张图像的意图：

作为本地恋人，我尝试通过使用以下代码实现与从图库中选择单个图像相同的解决方案，从而找到一种解决方案：

Intent intent = new Intent();
intent.setType('image/*');
intent.setAction(Intent.ACTION_GET_CONTENT);
startActivityForResult(Intent.createChooser(intent, 'Select Picture'), PICK_IMAGE);

但是我无法实现使用上述方法选择多个图像的解决方案。是的，我知道我们可以使用SEND_MULTIPLE意图，但是我确定我们如何实现此目的并选择多个图像。如果我能成功，我将尝试实施它并与您分享。

2.定义自定义图库，并从本地图库中获取和加载照片：

由于我们不了解Intent way解决方案，因此选择多张照片是个好主意。我的一位朋友Vikas Kanani早已使用此解决方案。我进行了彻底的测试，并了解以下问题：

如果我们有更多的图像，图像加载非常慢，比如说2000-5000
如果我们加载更多图像会崩溃

为了解决上述问题，我做了什么？我实现了异步图像加载，以便每个图像都异步加载。

现在，让我们实施改进的解决方案

步骤1：从此处下载Image loader库。

步骤2：将库添加到libs文件夹中，右键单击jar文件->选择Add to Build Path

步骤3：为图片项目定义行布局row_multiphoto_item.xml

<?xml version='1.0' encoding='utf-8'?>
<RelativeLayout xmlns:android='http://schemas.android.com/apk/res/android'
    android:layout_width='fill_parent'
    android:layout_height='fill_parent' >

    <ImageView
        android:id='@+id/imageView1'
        android:layout_width='100dp'
        android:layout_height='100dp'
        android:src='@drawable/ic_launcher' />

    <CheckBox
        android:id='@+id/checkBox1'
        android:layout_width='wrap_content'
        android:layout_height='wrap_content'
        android:layout_alignRight='@+id/imageView1'
        android:layout_centerVertical='true'/>

</RelativeLayout>

步骤4：使用GridView定义活动布局ac_image_grid.xml

<?xml version='1.0' encoding='utf-8'?>
<RelativeLayout xmlns:android='http://schemas.android.com/apk/res/android'
    android:layout_width='fill_parent'
    android:layout_height='fill_parent' >

    <GridView
        android:id='@+id/gridview'
        android:layout_width='fill_parent'
        android:layout_height='fill_parent'
        android:columnWidth='100dip'
        android:gravity='center'
        android:horizontalSpacing='4dip'
        android:numColumns='auto_fit'
        android:stretchMode='columnWidth'
        android:layout_above='@+id/button1'
        android:verticalSpacing='2dip' />

    <Button
        android:id='@+id/button1'
        android:layout_alignParentBottom='true'
        android:layout_width='wrap_content'
        android:layout_height='wrap_content'
        android:layout_centerHorizontal='true'
        android:onClick='btnChoosePhotosClick'
        android:text='Select Photos' />

</RelativeLayout>

步骤5：定义一个UILApplication来声明应用程序级别的配置设置UILApplication.java

package com.technotalkative.multiphotoselect;

import android.app.Application;

import com.nostra13.universalimageloader.cache.disc.naming.Md5FileNameGenerator;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

/**
 * @author Paresh Mayani (@pareshmayani)
 */
public class UILApplication extends Application {

 @Override
 public void onCreate() {
  super.onCreate();

  // This configuration tuning is custom. You can tune every option, you may tune some of them, 
  // or you can create default configuration by
  //  ImageLoaderConfiguration.createDefault(this);
  // method.
  ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(getApplicationContext())
   .threadPoolSize(3)
   .threadPriority(Thread.NORM_PRIORITY - 2)
   .memoryCacheSize(1500000) // 1.5 Mb
   .denyCacheImageMultipleSizesInMemory()
   .discCacheFileNameGenerator(new Md5FileNameGenerator())
   .enableLogging() // Not necessary in common
   .build();
  // Initialize ImageLoader with configuration.
  ImageLoader.getInstance().init(config);
 }
}

步骤6：定义一个基本活动以创建ImageLoader类的单例实例。 BaseActivity.java

package com.technotalkative.multiphotoselect;

import android.app.Activity;

import com.nostra13.universalimageloader.core.ImageLoader;

/**
 * @author Paresh Mayani (@pareshmayani)
 */
public abstract class BaseActivity extends Activity {

 protected ImageLoader imageLoader = ImageLoader.getInstance();

}

步骤7：现在，是时候定义一个主要活动了，我们可以编写一个逻辑来从本机画廊中获取照片。 在这里，我还为GridView定义了一个ImageAdapter。 MultiPhotoSelectActivity.java

package com.technotalkative.multiphotoselect;

import java.util.ArrayList;

import android.content.Context;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.provider.MediaStore;
import android.util.Log;
import android.util.SparseBooleanArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.Toast;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.GridView;
import android.widget.ImageView;

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.assist.SimpleImageLoadingListener;

/**
 * @author Paresh Mayani (@pareshmayani)
 */
public class MultiPhotoSelectActivity extends BaseActivity {

 private ArrayList<String> imageUrls;
 private DisplayImageOptions options;
 private ImageAdapter imageAdapter;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.ac_image_grid);

  final String[] columns = { MediaStore.Images.Media.DATA, MediaStore.Images.Media._ID };
  final String orderBy = MediaStore.Images.Media.DATE_TAKEN;
  Cursor imagecursor = managedQuery(
    MediaStore.Images.Media.EXTERNAL_CONTENT_URI, columns, null,
    null, orderBy + ' DESC');

  this.imageUrls = new ArrayList<String>();

  for (int i = 0; i < imagecursor.getCount(); i++) {
   imagecursor.moveToPosition(i);
   int dataColumnIndex = imagecursor.getColumnIndex(MediaStore.Images.Media.DATA);
   imageUrls.add(imagecursor.getString(dataColumnIndex));

   System.out.println('=====> Array path => '+imageUrls.get(i));
  }

  options = new DisplayImageOptions.Builder()
   .showStubImage(R.drawable.stub_image)
   .showImageForEmptyUri(R.drawable.image_for_empty_url)
   .cacheInMemory()
   .cacheOnDisc()
   .build();

  imageAdapter = new ImageAdapter(this, imageUrls);

  GridView gridView = (GridView) findViewById(R.id.gridview);
  gridView.setAdapter(imageAdapter);
  //gridView.setOnItemClickListener(new OnItemClickListener() {
  // @Override
  //public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
  // startImageGalleryActivity(position);
  // }
  //});
  
 }

 @Override
 protected void onStop() {
  imageLoader.stop();
  super.onStop();
 }

 public void btnChoosePhotosClick(View v){

  ArrayList<String> selectedItems = imageAdapter.getCheckedItems();
  Toast.makeText(MultiPhotoSelectActivity.this, 'Total photos selected: '+selectedItems.size(), Toast.LENGTH_SHORT).show();
  Log.d(MultiPhotoSelectActivity.class.getSimpleName(), 'Selected Items: ' + selectedItems.toString());
 }

 /*private void startImageGalleryActivity(int position) {
  Intent intent = new Intent(this, ImagePagerActivity.class);
  intent.putExtra(Extra.IMAGES, imageUrls);
  intent.putExtra(Extra.IMAGE_POSITION, position);
  startActivity(intent);
 }*/

 public class ImageAdapter extends BaseAdapter {

  ArrayList<String> mList;
  LayoutInflater mInflater;
  Context mContext;
  SparseBooleanArray mSparseBooleanArray;

  public ImageAdapter(Context context, ArrayList<String> imageList) {
   // TODO Auto-generated constructor stub
   mContext = context;
   mInflater = LayoutInflater.from(mContext);
   mSparseBooleanArray = new SparseBooleanArray();
   mList = new ArrayList<String>();
   this.mList = imageList;

  }

  public ArrayList<String> getCheckedItems() {
   ArrayList<String> mTempArry = new ArrayList<String>();

   for(int i=0;i<mList.size();i++) {
    if(mSparseBooleanArray.get(i)) {
     mTempArry.add(mList.get(i));
    }
   }

   return mTempArry;
  }

  @Override
  public int getCount() {
   return imageUrls.size();
  }

  @Override
  public Object getItem(int position) {
   return null;
  }

  @Override
  public long getItemId(int position) {
   return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {

   if(convertView == null) {
    convertView = mInflater.inflate(R.layout.row_multiphoto_item, null);
   }

   CheckBox mCheckBox = (CheckBox) convertView.findViewById(R.id.checkBox1);
   final ImageView imageView = (ImageView) convertView.findViewById(R.id.imageView1);

   imageLoader.displayImage('file://'+imageUrls.get(position), imageView, options, new SimpleImageLoadingListener() {
    @Override
    public void onLoadingComplete(Bitmap loadedImage) {
     Animation anim = AnimationUtils.loadAnimation(MultiPhotoSelectActivity.this, R.anim.fade_in);
     imageView.setAnimation(anim);
     anim.start();
    }
   });

   mCheckBox.setTag(position);
   mCheckBox.setChecked(mSparseBooleanArray.get(position));
   mCheckBox.setOnCheckedChangeListener(mCheckedChangeListener);

   return convertView;
  }

  OnCheckedChangeListener mCheckedChangeListener = new OnCheckedChangeListener() {

   @Override
   public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
    // TODO Auto-generated method stub
    mSparseBooleanArray.put((Integer) buttonView.getTag(), isChecked);
   }
  };
 }
}

从此处下载此示例： Android –从图库中选择多张照片

参考： Android –从 TechnoTalkative博客的JCG合作伙伴Paresh N. Mayani的 Gallery中选择多张照片。