欢迎来到代码驿站!

Android代码

当前位置:首页 > 移动开发 > Android代码

Android实现便于批量操作可多选的图片ListView实例

时间:2021-01-26 15:24:51|栏目:Android代码|点击:

本文实例讲述了Android实现便于批量操作可多选的图片ListView。分享给大家供大家参考,具体如下:

之前项目需要实现一个可多选的图片列表,用户选中一到多张图片后,批量上传。但是网上有可多选普通列表的代码、也有单纯图片列表的代码,却没有两者合并的代码,只好自己实现一个。

废话不说,直接上代码。

先是两个layout:

1、main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">
  <ListView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:focusable="false"
    android:id="@+id/lvImageList" >
  </ListView>
</LinearLayout>

2、listitem.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="?android:attr/listPreferredItemHeight">
  <ImageView
    android:id="@+id/itemImgImageInfo"
    android:layout_marginTop="4dip"
    android:layout_marginBottom="4dip"
    android:layout_width="?android:attr/listPreferredItemHeight"
    android:layout_height="?android:attr/listPreferredItemHeight">
  </ImageView>
  <TwoLineListItem xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingLeft="4dip"
    android:mode="twoLine">
    <CheckedTextView
      android:id="@+id/itemChkImageInfo"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:gravity="center_vertical"
      android:textAppearance="?android:attr/textAppearanceSmall"
      android:checkMark="?android:attr/listChoiceIndicatorMultiple">
    </CheckedTextView>
    <TextView
      android:id="@+id/itemTxtImageInfo"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:gravity="center_vertical|top"
      android:layout_marginBottom="4dip"
      android:layout_below="@+id/itemChkImageInfo"
      android:textAppearance="?android:attr/textAppearanceSmall">
    </TextView>
  </TwoLineListItem>
</LinearLayout>

接着是代码:

package com.android.MultipleChoiceImageList;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.Activity;
import android.content.Context;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.net.Uri;
import android.os.Bundle;
import android.provider.MediaStore;
import android.provider.MediaStore.Images;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.CheckedTextView;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.TextView;
import android.widget.AdapterView.OnItemClickListener;
public class MainActivity extends Activity {
  private ListView lvImageList;
  private String imageID= "imageID";
  private String imageName = "imageName";
  private String imageInfo = "imageInfo";
  private ArrayList<String> fileNames = new ArrayList<String>();
  private MultipleChoiceImageListAdapter mAdapter;
  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    lvImageList=(ListView) this.findViewById(R.id.lvImageList);
    lvImageList.setItemsCanFocus(false);
    lvImageList.setOnItemClickListener(new OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        CheckedTextView checkedTextView = (CheckedTextView) view.findViewById(R.id.itemChkImageInfo);
        checkedTextView.toggle();
        mAdapter.setCheckItem(position, checkedTextView.isChecked());
      }
    });
    try{
      String[] from = {imageID, imageName, imageInfo};
      int[] to = {R.id.itemImgImageInfo, R.id.itemChkImageInfo, R.id.itemTxtImageInfo};
      mAdapter = new MultipleChoiceImageListAdapter(MainActivity.this, GetImageList(), R.layout.listitem, from, to);
      lvImageList.setAdapter(mAdapter);
    }
    catch(Exception ex){
      return;
    }
  }
  //获取图片列表
  private ArrayList<Map<String, String>> GetImageList(){
    ArrayList<Map<String, String>> imageList = new ArrayList<Map<String,String>>();
    HashMap<String, String> imageMap;
    //读取SD卡中所有图片
    Uri uri = MediaStore.Images.Media.EXTERNAL_CONTENT_URI;
    String[] projection = { MediaStore.Images.Media._ID, MediaStore.Images.Media.DISPLAY_NAME,MediaStore.Images.Media.DATA, MediaStore.Images.Media.SIZE};
    String selection = MediaStore.Images.Media.MIME_TYPE + "=?";
    String[] selectionArg ={"image/jpeg"};
    Cursor mCursor = this.managedQuery(uri, projection, selection, selectionArg, MediaStore.Images.Media.DISPLAY_NAME);
    imageList.clear();
    if (mCursor != null) {
      mCursor.moveToFirst();
      while (mCursor.getPosition() != mCursor.getCount())
      {
        imageMap= new HashMap<String, String>();
        imageMap.put(imageID, mCursor.getString(mCursor.getColumnIndex(MediaStore.Images.Media._ID)));
        imageMap.put(imageName, mCursor.getString(mCursor.getColumnIndex(MediaStore.Images.Media.DISPLAY_NAME)));
        imageMap.put(imageInfo, " " + (mCursor.getLong(mCursor.getColumnIndex(MediaStore.Images.Media.SIZE))/1024)+"KB");
        imageList.add(imageMap);
        fileNames.add(mCursor.getString(mCursor.getColumnIndex(MediaStore.Images.Media.DATA)));
        mCursor.moveToNext();
      }
      mCursor.close();
    }
    return imageList;
  }
  //可多选图片列表适配器
  class MultipleChoiceImageListAdapter extends SimpleAdapter {
    private Map<Integer, Boolean> map;
    private List<Integer> state;
    private List<? extends Map<String, ?>> mList;
    LayoutInflater mInflater;
    public MultipleChoiceImageListAdapter(Context context, List<Map<String, String>> data, int resource, String[] from, int[] to) {
      super(context, data, resource, from, to);
      map = new HashMap<Integer, Boolean>();
      mInflater = LayoutInflater.from(context);
      mList = data;
      for(int i = 0; i < data.size(); i++) {
        map.put(i, false);
      }
      state = new ArrayList<Integer>();
    }
    @Override
    public int getCount() {
      return mList.size();
    }
    @Override
    public Object getItem(int position) {
      return position;
    }
    @Override
    public long getItemId(int position) {
      return position;
    }
    //设置条目选中状态
    public void setCheckItem(int position, Boolean isChecked){
      map.put(position, isChecked);
      if (state.contains(position))
        state.remove((Object)position);
      if (isChecked){
        state.add(position);
      }
    }
    //获取列表中已选中条目
    public long[] getCheckItemIds(){
      int count = state.size();
      long[] ids = new long[count];
      for (int i = 0; i < count; i++) {
        ids[i]= (long)state.get(i);
      }
      return ids;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
      if(convertView == null) {
        convertView = mInflater.inflate(R.layout.listitem, null);
      }
      CheckedTextView checkedTextView = (CheckedTextView) convertView.findViewById(R.id.itemChkImageInfo);
      checkedTextView.setChecked(map.get(position));
      checkedTextView.setText((String)mList.get(position).get(imageName));
      TextView textView = (TextView) convertView.findViewById(R.id.itemTxtImageInfo);
      textView.setText((String)mList.get(position).get(imageInfo));
      //显示图片缩略图
      ImageView image = (ImageView) convertView.findViewById(R.id.itemImgImageInfo);
      Bitmap bm = MediaStore.Images.Thumbnails.getThumbnail(getContentResolver(), Long.parseLong((String)mList.get(position).get(imageID)), Images.Thumbnails.MICRO_KIND, null);
      image.setImageBitmap(bm);
      return convertView;
    }
  }
}

下面是模拟器上的效果:

由于是初学java和android,代码写得比较糙,请见谅,欢迎指正,不胜感激。

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android多媒体操作技巧汇总(音频,视频,录音等)》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结

希望本文所述对大家Android程序设计有所帮助。

上一篇:Android自定义复合控件实现通用标题栏

栏    目:Android代码

下一篇:Android自定义双向进度条的实现代码

本文标题:Android实现便于批量操作可多选的图片ListView实例

本文地址:http://www.codeinn.net/misctech/51655.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有