Android 从系统图库中选择图片

最新推荐文章于 2024-08-10 08:10:32 发布
最新推荐文章于 2024-08-10 08:10:32 发布
阅读量1.7k 收藏 2
点赞数 1
分类专栏： Android 文章标签： android 图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wei_zhi/article/details/50676638
版权

直接从系统图库中选择图片。具体功能如下：
（1）从手机图库中最多选择3张图片，每次只能选择一张；
（2）选择的图片可以点击移除然后再添加新图片；
本博客主要实现的是以上功能，其他诸如主界面布局、各种控件添加和提交功能等旨在说明问题，只做了简单处理，重点在图片选择添加部分。
截图如下：
1
2
在这里提供源码下载地址，有兴趣的读者可以下载观看（注：我使用的 Android Studio 1.4 , SdkVersion 为23 ，在小米note【Android 4.4 】上调试运行）。
http://download.csdn.net/detail/u013059863/9253113

下面主要叙述附加图片部分：
（1）界面布局，主要是一个GridView ：

<GridView
    android:id="@+id/gridview"
    android:layout_width="fill_parent"
    android:layout_height="200dp"

    android:horizontalSpacing="2dp"
    android:verticalSpacing="5dp"
    android:scrollbars="none"
    android:listSelector="#00000000"
    android:numColumns="3" >
</GridView>

（2）使用一个Intent重定向到系统图库，然后传送一个整形常量到startActivityForResult()方法，Java代码如下：

/**
     * 进入系统原生图库选择照片
     */
    private void selectClick(){
        Intent intent = new Intent(
                Intent.ACTION_PICK,
                android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);

        if(allSelectedPicture.size()< 3){
            startActivityForResult(intent, REQUEST_PICK);
        }
    }

（3）获取选择的图片，只要点击选择了一张图片，onActivityResult()方法将会被调用。然后处理这个方法得到的数据，代码如下：

 @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {

        if (requestCode == REQUEST_PICK && resultCode == RESULT_OK && null != data) {

                Uri selectedImage = data.getData();
                String[] filePathColumn = { MediaStore.Images.Media.DATA };

                Cursor cursor = getContentResolver().query(selectedImage,
                        filePathColumn, null, null, null);
                cursor.moveToFirst();

                int columnIndex = cursor.getColumnIndex(filePathColumn[0]);
                String picturePath = cursor.getString(columnIndex);

                if(!allSelectedPicture.contains(picturePath)){
                    allSelectedPicture.add(picturePath);
                }
                cursor.close();

                gridview.setAdapter(gridAdapter);
        }
    }

（4）图片的选择和呈现都是在一个GridView上实现的，它的适配器定义如下：

class GridAdapter extends BaseAdapter {

        public LayoutInflater layoutInflater = LayoutInflater.from(context);
        @Override
        public int getCount() {
            return allSelectedPicture.size()+ 1;
        }

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

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

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

            ViewHolder holder = null ;
            if (convertView == null) {
                holder = new ViewHolder();
                convertView = layoutInflater.inflate(R.layout.childgrid_item, null);

                holder.image = (ImageView) convertView.findViewById(R.id.child_iv);
                holder.btn = (Button) convertView.findViewById(R.id.child_delete);

                holder.image.setScaleType(ImageView.ScaleType.CENTER_CROP);
                convertView.setTag(holder);
            }
            else{
                holder = (ViewHolder) convertView.getTag();
            }

            if (position == allSelectedPicture.size()) {
                holder.image.setBackgroundResource(R.drawable.icon_addpic);
                holder.btn.setVisibility(View.GONE);

                holder.image.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        selectClick();
                    }
                });
                if (position == 3) {
                    holder.image.setVisibility(View.GONE);
                }
            } else {
                ImageLoader.getInstance().displayImage("file://" + allSelectedPicture.get(position),
                        holder.image);

                holder.btn.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        //点击后移除图片
                        allSelectedPicture.remove(position);

                        //更新UI
                        gridview.setAdapter(gridAdapter);
                    }
                });

            }
            return convertView;
        }
    }

    /**
     * 自定义的一个类用来缓存convertview
     */
    public class ViewHolder {
        public ImageView image;
        public Button btn ;
    }

（5）在GridView中item的布局，childgrid_item.xml :

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

    <ImageView
        android:id="@+id/child_iv"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:scaleType="centerCrop"
         />

    <Button
        android:id="@+id/child_delete"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:layout_alignParentRight="true"
        android:layout_margin="4dp"
        android:background="@drawable/ic_delete" />

</RelativeLayout>

主界面布局文件的完整代码（和上一篇仿微信图片选择器一样），activity_main.xml :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >

    <RelativeLayout
        android:layout_width="fill_parent"
        android:background="#f7614d"
        android:paddingLeft="37px"
        android:layout_height="70dp">
        <TextView
            android:layout_centerInParent="true"
            android:text="附加图片"
            android:textSize="25sp"
            android:textColor="#ffffff"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />
    </RelativeLayout>

    <View
        android:layout_width="fill_parent"
        android:layout_height="20dp"
        android:background="#00000000"/>

    <LinearLayout
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv11"
            android:layout_alignParentLeft="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="文字描述"
            android:textSize="23sp"
            />
        <View
            android:layout_width="fill_parent"
            android:layout_height="10dp"
            android:background="#00000000"/>

        <EditText
            android:paddingTop="20dp"
            android:background="@drawable/bg_et"
            android:id="@+id/editText"
            android:inputType="textMultiLine"
            android:gravity="left|top"
            android:padding="5dp"
            android:maxLength="300"
            android:hint="客官，写点评论吧..."
            android:textColorHint="#808080"
            android:textSize="20sp"
            android:layout_width="fill_parent"
            android:layout_height="150dp" />

        <View
            android:layout_width="fill_parent"
            android:layout_height="20dp"
            android:background="#00000000"/>
        <TextView
            android:id="@+id/tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="附加图片"
            android:textSize="23sp" />
        <View
            android:layout_width="fill_parent"
            android:layout_height="10dp"
            android:background="#00000000"/>

        <GridView
            android:id="@+id/gridview"
            android:layout_width="fill_parent"
            android:layout_height="200dp"

            android:horizontalSpacing="2dp"
            android:verticalSpacing="5dp"
            android:scrollbars="none"
            android:listSelector="#00000000"
            android:numColumns="3" >
        </GridView>

        <Button
            android:id="@+id/submit_btn"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:layout_centerInParent="true"
            android:background="@drawable/bg_submit"
            android:text="提交"
            android:textSize="23sp"
            android:textColor="#FFFFFF"/>
    </LinearLayout>

</LinearLayout>

完整的MainActivity.java文件如下：

package com.pictureselect;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.database.Cursor;
import android.net.Uri;
import android.os.Bundle;
import android.provider.MediaStore;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.GridView;
import android.widget.ImageView;

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

import java.util.ArrayList;

public class MainActivity extends Activity {
    public EditText editText ;

    public Button submit_btn ;

    public Context context;

    private static final int REQUEST_PICK = 0;

    private GridView gridview;

    private GridAdapter gridAdapter;

    //存放所有选择的照片
    private ArrayList<String> allSelectedPicture = new ArrayList<String>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //设置在activity启动的时候输入法默认是不开启的
        getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);

        context = this ;

       ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(this)
                .threadPriority(Thread.NORM_PRIORITY - 2)//设置当前线程的优先级
                .denyCacheImageMultipleSizesInMemory()
                .diskCacheFileNameGenerator(new Md5FileNameGenerator())//使用MD5对UIL进行加密命名
                .diskCacheSize(100 * 1024 * 1024)//50 Mb sd卡(本地)缓存的最大值
                .diskCacheFileCount(300)// 可以缓存的文件数量
                .tasksProcessingOrder(QueueProcessingType.LIFO)//后进先出
                .build();

        //初始化操作
        ImageLoader.getInstance().init(config);

        initView();
    }
    /**
     * 初始化视图
     */
    private void initView(){

         /* 其他控件省略*/

        //显示图片
        gridview = (GridView) findViewById(R.id.gridview);
        gridAdapter = new GridAdapter();
        gridview.setAdapter(gridAdapter);
    }

    /**
     * 进入系统原生图库选择照片
     */
    private void selectClick(){
        Intent intent = new Intent(
                Intent.ACTION_PICK,
                android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);

        if(allSelectedPicture.size()< 3){
            startActivityForResult(intent, REQUEST_PICK);
        }
    }

    @SuppressWarnings("unchecked")
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {

        if (requestCode == REQUEST_PICK && resultCode == RESULT_OK && null != data) {

                Uri selectedImage = data.getData();
                String[] filePathColumn = { MediaStore.Images.Media.DATA };

                Cursor cursor = getContentResolver().query(selectedImage,
                        filePathColumn, null, null, null);
                cursor.moveToFirst();

                int columnIndex = cursor.getColumnIndex(filePathColumn[0]);
                String picturePath = cursor.getString(columnIndex);

                if(!allSelectedPicture.contains(picturePath)){
                    allSelectedPicture.add(picturePath);
                }
                cursor.close();
                gridview.setAdapter(gridAdapter);
        }
    }

    /**
     * 展示图片的GridView的适配器
     */
    class GridAdapter extends BaseAdapter {

        public LayoutInflater layoutInflater = LayoutInflater.from(context);
        @Override
        public int getCount() {
            return allSelectedPicture.size()+ 1;
        }

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

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

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

            ViewHolder holder = null ;
            if (convertView == null) {
                holder = new ViewHolder();
                convertView = layoutInflater.inflate(R.layout.childgrid_item, null);

                holder.image = (ImageView) convertView.findViewById(R.id.child_iv);
                holder.btn = (Button) convertView.findViewById(R.id.child_delete);

                holder.image.setScaleType(ImageView.ScaleType.CENTER_CROP);
                convertView.setTag(holder);
            }
            else{
                holder = (ViewHolder) convertView.getTag();
            }

            if (position == allSelectedPicture.size()) {
                holder.image.setBackgroundResource(R.drawable.icon_addpic);
                holder.btn.setVisibility(View.GONE);

                holder.image.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        selectClick();
                    }
                });
                if (position == 3) {
                    holder.image.setVisibility(View.GONE);
                }
            } else {
                ImageLoader.getInstance().displayImage("file://" + allSelectedPicture.get(position),
                        holder.image);

                holder.btn.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        //点击后移除图片
                        allSelectedPicture.remove(position);

                        //更新UI
                        gridview.setAdapter(gridAdapter);
                    }
                });

            }
            return convertView;
        }
    }

    /**
     * 自定义的一个类用来缓存convertview
     */
    public class ViewHolder {
        public ImageView image;
        public Button btn ;
    }
}

项目源码下载地址
http://download.csdn.net/detail/u013059863/9253113

志见
关注
专栏目录
Android之从系统图库选择图片
11-08
Android之从系统图库选择图片 （1）从手机图库中最多选择3张图片，每次只能选择一张； （2）选择的图片可以点击移除然后再添加新图片；
Android之附加图片2—— 从系统图库中选择图片
dawuafang
11-08 289
上一篇博客讲述了模仿微信图片选择器来附加图片，本篇就来讲述直接从系统图库中选择图片。具体功能如下： （1）从手机图库中最多选择3张图片，每次只能选择一张； （2）选择的图片可以点击移除然后再添加新图片； 本博客主要实现的是以上功能，其他诸如主界面布局、各种控件添加和提交功能等旨在说明问题，只做了简单处理，重点在图片选择添加部分。 截图如下： 在这里提供源码下载地址，有兴趣的读者...
推荐一款高效便捷的Android图片选择器库——Android Image Picker
最新发布
gitblog_00496的博客
08-10 468
推荐一款高效便捷的Android图片选择器库——Android Image Picker android-image-pickerImage Picker for Android ????项目地址:https://gitcode.com/gh_mirrors/an/android-image-picker 在Android开发中，选择图片是一个常见的功能需求。为了简化这一过程，我们向您推荐一个精心设...
Android 如何从系统图库中选择图片
mmdev
05-12 328
这几天我都在做Android的App，同时学习它的API，我将分享一些我学到的东西，比如：如何从系统图库中选择图片。 首先，让我们来看看如何将手机系统图库集成到你的App中，然后再从图库中选择图片来做一些事。例如，在Facebook的App，你就可以直接选择手机上的图片上传到你的个人资料。 让我们来做一个简单例子，要求： 屏幕上显示一个按钮和图片视图控件。 点击“载入图片”按钮，将用户重...
Android 4.4从图库选择图片,获取图片路径并裁剪
热门推荐
tempersitu的专栏
03-05 11万+
最近在做一个从图库选择图片或拍照,然后裁剪的功能.本来是没问题的,一直在用 Intent intent=new Intent(Intent.ACTION_PICK, android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);的方式来做,是调用系统图库来做,但是发现如果有图片是同步到google相册的话,图库里面能看到一个au
Android图库选择图片
m0_65715940的博客
05-13 2219
android拍照，相册，获取图片
android从系统图库中取图片的实例代码
01-05
本文实例讲述了android从系统图库中取图片的实现方法。分享给大家供大家参考。具体如下： 在自己应用中，从系统图库中取图片，然后截取其中一部分，再返回到自己应用中。这是很多有关图片的应用需要的功能。 写了一...
Android中从图库中选取图片实例详解
08-31
总之，Android应用程序中从图库选择图片涉及的关键知识点包括：`Intent`的使用，尤其是`ACTION_PICK`动作；`onActivityResult()`方法的处理；以及如何从`Uri`获取图片路径并加载到`ImageView`。理解并掌握这些知识点...
android跳到系统相册选择图片并根据uri获取真实图片路径
01-03
// 激活系统图库，选择一张图片 Intent intent = new Intent(); intent.setAction(Intent.ACTION_PICK); intent.setType(image/*); startActivityForResult(intent, 0); } 2.重载startActivityForResult函数...
android 图库选择,android从图库中选择图像
weixin_30388285的博客
05-27 258
publicvoidFromCamera(){Log.i("camera","startCameraActivity()");Filefile=newFile(path);UrioutputFileUri=Uri.fromFile(file);Intentintent=newIntent(android.provider.MediaStore.ACTION_IMAGE...
android从图片库选取照片或者拍照返回
06-04
自己写的一个示例程序，可以从系统图片库中选图片，也可以使用摄像头拍摄新照片返回，如果图片太大还有处理 网上有其它关于图片裁剪的例子
android调用系统相册选取图片
04-26
一个简单的小demo ，代码简洁明朗。 点击按钮访问系统相册选取图片显示到imageview之上。
Android---打开相册选择图片
qq_44950283的博客
09-20 3181
Android简易的打开相册选择图片，适用与个人主页头像的切换
Android打开系统相机或从相册中选择图片并显示
太二有仙气的博客
10-13 4999
【代码】Android打开系统相机或从相册中选择图片并显示。
Android图片选择器使用详解
安卓开发&音视频开发
03-26 2985
/ 初始化Picasso库// 打开图片选择器...@Override// 使用Glide加载图片。
Android相册选择图片、相机拍照上传功能实现（上）
2401_84122902的博客
04-09 2319
都说三年是程序员的一个坎，能否晋升或者提高自己的核心竞争力，这几年就十分关键。技术发展的这么快，从哪些方面开始学习，才能达到高级工程师水平，最后进阶到Android架构师/技术专家？我总结了这 5大块；我搜集整理过这几年阿里，以及腾讯，字节跳动，华为，小米等公司的面试题，把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 Xmind（实际上比预期多花了不少精力），包含知识脉络 + 分支细节。
Android开发：调用系统图库选择图片
侠亦狐的博客
02-26 3781
方法： //调用系统图库选择图片 public Intent selectPicture() { Intent intent = new Intent( Intent.ACTION_PICK, android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_UR...
Intent 的ACTION_CHOOSER和ACTION_PICK_ACTIVITY用法
jguangyou的专栏
04-24 890
ACTION_CHOOSER          用来显示一个供用户选择的应用列表，例如，你要打开一个视频，但是这个设备上有多个app都可以播放视频，这时候就会出现一个列表供用户选择，一般情况下是弹出式的。示例：   Intent intent = new Intent(); intent.setAction(Intent.ACTION_SEND); intent.setType("te...
Android 照片视频选择功能实现
fireqiang2的博客
10-13 1660
1.概述 现在好多的app中都需要实现照片，视频的选择功能，例如头像的修改。网上找了许多例子都不太尽如人意，决定自己实现以下，博客记录一下，也加深自己的记忆。好了，先看一下效果图吧 简单描述一下： 1.默认显示的是所有的照片跟视频，当然了，可以手动选择显示所有的图片还是所有视频还是所有图片和视频。也可以手动选择是单选还是多选，只要在外部通过intent传递两个参数就可以了 2.点击
Android 图库选择图片并显示教程
在Android开发中，用户经常需要从设备的图库中选择图片进行展示或者处理。这个过程通常涉及到两个主要步骤：启动图库应用让用户选择图片，然后处理返回的数据并在应用中显示图片。以下是如何实现这一功能的详细步骤...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值