我的编程空间,编程开发者的网络收藏夹
学习永远不晚

Android PicSelector图片选择器小功能

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

Android PicSelector图片选择器小功能

本文实例为大家分享了Android实现图片选择器小功能的具体代码,供大家参考,具体内容如下

效果预览

实现

需要用到的库


compile 'com.squareup.picasso:picasso:2.3.2'
compile 'com.android.support:appcompat-v7:26.1.0'

图片选择器大概思路:

- 使用Content Provider获取存储器中的图片文件路径,以及所在文件夹,并存储到相应List中
- 使用RecyclerView制作网格视图,并用Picasso加载图片,holder.itemView.setOnClickListener来监听图片是否被选中
- 使用Spinner制作文件夹选择器,然后setOnItemSelectedListener来监听当前选择的文件夹,并如改变文件夹,则重新获取该

文件夹的图片,adapter.notifyDataSetChanged()更换网格视图中图片。

- 选择图片完毕后,返回图片路径数组到前一个onActivityResult中,并显示。

图片简易预览器大概思路:

- 采用Gallery显示图片选择器中选中图片的缩略图
- ImageView中显示当前图片的大图,并且使用OnTouchListener,Matrix和Bitmap实现图片放缩

PicSelectorActivity图片选择器代码


public class PicSelectorActivity extends AppCompatActivity {
    private RecyclerView rvPic;
    public List<Map<String, Object>> imgList;//存储显示的图片信息
    public static List<Map<String, Object>> imgSelectList;//存储选择的图片信息
    private List<Map<String, String>> pathList;//存储文件夹信息
    private Spinner spFolder;//文件夹Spinner
    private RecyclerView.Adapter<PicViewHolder> adapter;
    private int MAX_NUM = 9;//选择图片数
    private int SPAN_COUNT = 4;//GridLayout 列数
    private  int SELECT_OK = 0x1001;//resultCode
    private final static String SELECT_IMAGES = "select_images";
    private final static String ALL_IMAGES = Environment.getExternalStorageDirectory().getAbsolutePath();


    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_picselector);
        //设置需选择的图片数
        MAX_NUM = getIntent().getIntExtra("selectPicNum", 9);
        SELECT_OK=getIntent().getIntExtra("selectOk", 0x1001);
        initView();
    }

    private void initView() {

        //初始化变量
        imgList = new ArrayList<>();
        imgSelectList = new ArrayList<>();
        pathList = new ArrayList<>();
        Map<String, String> map = new HashMap<>();
        map.put("name",  "所有图片");
        map.put("path", ALL_IMAGES);
        pathList.add(map);

        rvPic = findViewById(R.id.rv_picselector);
        GridLayoutManager manager = new GridLayoutManager(this, SPAN_COUNT);
        rvPic.setLayoutManager(manager);
       searchImage();
        if (imgList.size() > 0) {
            adapter = new RecyclerView.Adapter<PicViewHolder>() {
                @Override
                public PicViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
                    View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.rvitem_picselector, parent, false);
                    PicViewHolder holder = new PicViewHolder(view);
                    return holder;
                }

                @Override
                public void onBindViewHolder(final PicViewHolder holder, final int position) {
                        final String path = String.valueOf(imgList.get(position).get("path"));
                        Picasso.with(PicSelectorActivity.this)
                                .load("file://" + path)
                                .placeholder(R.drawable.ic_picselector_image_default)
                                .into(holder.imgPic);
                        holder.cbPic.setChecked(false);
                        holder.itemView.setOnClickListener(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                if (!holder.cbPic.isChecked()) {
                                    if (imgSelectList.size() <= 8 && imgSelectList.size() >= 0) {
                                        holder.cbPic.setChecked(true);
                                        Map<String, Object> info = imgList.get(position);
                                        imgSelectList.add(info);
                                    }
                                } else {
                                    if (imgSelectList.size() <= 9 && imgSelectList.size() >= 1) {
                                        holder.cbPic.setChecked(false);
                                        Map<String, Object> info = imgList.get(position);
                                        imgSelectList.remove(info);
                                    }
                                }
                                setTitle(imgSelectList.size() + "/" + MAX_NUM);
                            }
                        });
                }

                @Override
                public int getItemCount() {
                    return imgList.size();
                }
            };

            rvPic.setAdapter(adapter);
            //文件夹spinner
            spFolder = findViewById(R.id.sp_picselector_folder);
            SimpleAdapter folderAdapter = new SimpleAdapter(this, pathList, R.layout.spitem_picselector_folder, new String[]{"name"}, new int[]{R.id.tv_picselector_folder_spitem});
            spFolder.setMinimumWidth(WindowManager.LayoutParams.MATCH_PARENT);
            spFolder.setAdapter(folderAdapter);
            spFolder.setSelection(0);
            spFolder.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
                @Override
                public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                    searchImage(pathList.get(position).get("path"));

                    adapter.notifyDataSetChanged();
                }

                @Override
                public void onNothingSelected(AdapterView<?> parent) {

                }
            });
        }
    }

    private void searchImage(){
        Cursor cursor = getContentResolver().query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, null, null, null, null);
        imgList.clear();
        imgSelectList.clear();
        setTitle("0/" + MAX_NUM);
        if (cursor != null) {
            while (cursor.moveToNext()) {
                String filePath = cursor.getString(cursor.getColumnIndex(MediaStore.Images.Media.DATA));//图片地址
                //图片所在文件夹
                File parent = new File(new File(filePath).getParent());
                Map<String, String> info = new HashMap<>();
                info.put("name", parent.getName());
                info.put("path", parent.getAbsolutePath());
                if (!pathList.contains(info)) {
                    pathList.add(info);
                }

                    Map<String, Object> picInfo = new HashMap<>();
                    picInfo.put("parent",parent.getAbsolutePath());
                    picInfo.put("path", filePath);
                    imgList.add(picInfo);

            }//while (cursor.moveToNext())
        }// if (cursor != null)
        cursor.close();
    }
    private void searchImage(String path) {
        Cursor cursor = getContentResolver().query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, null, null, null, null);
        imgList.clear();
        imgSelectList.clear();
        setTitle("0/" + MAX_NUM);
        if (cursor != null) {
            while (cursor.moveToNext()) {
                String filePath = cursor.getString(cursor.getColumnIndex(MediaStore.Images.Media.DATA));//图片地址
                //图片所在文件夹
                File parent = new File(new File(filePath).getParent());
                //添加图片信息
                if(parent.getAbsolutePath().contains(path)){
                    Map<String, Object> picInfo = new HashMap<>();
                    picInfo.put("parent",parent.getAbsolutePath());
                    picInfo.put("path", filePath);
                    imgList.add(picInfo);
                }
            }//while (cursor.moveToNext())
        }// if (cursor != null)
        cursor.close();

    }
    //预览图片
    public void picShow(View view){
        if(imgSelectList.size()>0) {
            Intent intent = new Intent(this, PicSelectorShowActivity.class);
            startActivity(intent);
        }else {
            Toast.makeText(this,"请选择预览图片",Toast.LENGTH_SHORT).show();
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_picselector, menu);
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int i1 = item.getItemId();
        if (i1 == android.R.id.home) {
            this.finish();

        } else if (i1 == R.id.action_picselector_ok) {
            Intent data = new Intent();
            String[] selectImages = new String[imgSelectList.size()];
            for (int i = 0; i < imgSelectList.size(); i++) {
                selectImages[i] = String.valueOf(imgSelectList.get(i).get("path"));
            }
            data.putExtra(SELECT_IMAGES, selectImages);
            setResult(SELECT_OK, data);
            this.finish();

        }
        return super.onOptionsItemSelected(item);
    }
    //RecyclerView.ViewHolder
    static class PicViewHolder extends RecyclerView.ViewHolder {
        ImageView imgPic;
        CheckBox cbPic;

        public PicViewHolder(View itemView) {
            super(itemView);
            imgPic = itemView.findViewById(R.id.img_picselector_rvitem);
            cbPic = itemView.findViewById(R.id.cb_picselector_rvitem);
        }
    }
}

PicSelectorShowActivity简易图片预览器


public class PicSelectorShowActivity extends AppCompatActivity {
    private Gallery gv;
    private ImageView imageView;
    private String path;
    private List<Map<String, Object>> imgSelectList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_picselector_show);
        getSupportActionBar().setHomeButtonEnabled(true);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);

        imgSelectList = PicSelectorActivity.imgSelectList;
        path = String.valueOf(imgSelectList.get(0).get("path"));
        setTitle(1 + "/" + imgSelectList.size());
imageView = findViewById(R.id.pv_picselector);

        imageView.setImageBitmap(BitmapFactory.decodeFile(path));
        imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
        imageView.setOnTouchListener(new TouchListener());

 gv = findViewById(R.id.gv_picselector);
        gv.setAdapter(new BaseAdapter() {
            @Override
            public int getCount() {
                return imgSelectList.size();
            }

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

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

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

                PicViewHolder holder;
                if (convertView == null) {
                    convertView = LayoutInflater.from(PicSelectorShowActivity.this).inflate(R.layout.gitem_picselector, parent, false);
                    holder = new PicViewHolder(convertView);
                    convertView.setTag(holder);
                } else {
                    holder = (PicViewHolder) convertView.getTag();
                }
                holder.imgPic.setImageBitmap(BitmapFactory.decodeFile(String.valueOf(imgSelectList.get(position).get("path"))));
                return convertView;
            }
        });
        gv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                imageView.setImageBitmap(BitmapFactory.decodeFile(String.valueOf(imgSelectList.get(position).get("path"))));
                imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
                setTitle((position+1) + "/" + imgSelectList.size());
            }
        });

    }

    class PicViewHolder {
        ImageView imgPic;

        public PicViewHolder(View itemView) {
            imgPic = itemView.findViewById(R.id.img_picselector_gitem);
        }
    }

    private final class TouchListener implements View.OnTouchListener {

        
        private int mode = 0;// 初始状态
        
        private static final int MODE_DRAG = 1;
        
        private static final int MODE_ZOOM = 2;

        
        private PointF startPoint = new PointF();
        
        private Matrix matrix = new Matrix();
        
        private Matrix currentMatrix = new Matrix();

        
        private float startDis;
        
        private PointF midPoint;

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            
            imageView.setScaleType(ImageView.ScaleType.MATRIX);
            switch (event.getAction() & MotionEvent.ACTION_MASK) {
                // 手指压下屏幕
                case MotionEvent.ACTION_DOWN:
                    mode = MODE_DRAG;
                    // 记录ImageView当前的移动位置
                    currentMatrix.set(imageView.getImageMatrix());
                    startPoint.set(event.getX(), event.getY());
                    break;
                // 手指在屏幕上移动,改事件会被不断触发
                case MotionEvent.ACTION_MOVE:
                    // 拖拉图片
                    if (mode == MODE_DRAG) {
                        float dx = event.getX() - startPoint.x; // 得到x轴的移动距离
                        float dy = event.getY() - startPoint.y; // 得到x轴的移动距离
                        // 在没有移动之前的位置上进行移动
                        matrix.set(currentMatrix);
                        matrix.postTranslate(dx, dy);
                    }
                    // 放大缩小图片
                    else if (mode == MODE_ZOOM) {
                        float endDis = distance(event);// 结束距离
                        if (endDis > 10f) { // 两个手指并拢在一起的时候像素大于10
                            float scale = endDis / startDis;// 得到缩放倍数
                            matrix.set(currentMatrix);
                            matrix.postScale(scale, scale, midPoint.x, midPoint.y);
                        }
                    }
                    break;
                // 手指离开屏幕
                case MotionEvent.ACTION_UP:
                    // 当触点离开屏幕,但是屏幕上还有触点(手指)
                case MotionEvent.ACTION_POINTER_UP:
                    mode = 0;
                    break;
                // 当屏幕上已经有触点(手指),再有一个触点压下屏幕
                case MotionEvent.ACTION_POINTER_DOWN:
                    mode = MODE_ZOOM;
                    
                    startDis = distance(event);
                    
                    if (startDis > 10f) { // 两个手指并拢在一起的时候像素大于10
                        midPoint = mid(event);
                        //记录当前ImageView的缩放倍数
                        currentMatrix.set(imageView.getImageMatrix());
                    }
                    break;
            }

            imageView.setImageMatrix(matrix);
            return true;
        }

        
        private float distance(MotionEvent event) {
            float dx = event.getX(1) - event.getX(0);
            float dy = event.getY(1) - event.getY(0);
            
            return (float) Math.sqrt(dx * dx + dy * dy);
        }

        
        private PointF mid(MotionEvent event) {
            float midX = (event.getX(1) + event.getX(0)) / 2;
            float midY = (event.getY(1) + event.getY(0)) / 2;
            return new PointF(midX, midY);
        }

    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if (item.getItemId() == android.R.id.home) {
            this.finish();
        }
        return super.onOptionsItemSelected(item);
    }
}

Module使用

导入后


private final static int SELECT_OK = 0x1001;//ResultCode RequestCode
private final static String SELECT_IMAGES = "select_images";//在Bundle data中的Extra名字
private String[] selectImages;//接收选中图片路径数组

//打开图片选择器
Intent intent = new Intent(MainActivity.this, com.xld.picselector.PicSelectorActivity.class);
startActivityForResult(intent,SELECT_OK);

//获取选中图片路径数组
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if (requestCode == SELECT_OK && resultCode == SELECT_OK) {
selectImages = data.getStringArrayExtra(SELECT_IMAGES);
....
}
}

githut地址

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

Android PicSelector图片选择器小功能

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

Android实现拍照、选择图片并裁剪图片功能

一、 实现拍照、选择图片并裁剪图片效果 按照之前博客的风格,首先看下实现效果。 二、 uCrop项目应用 想起之前看到的Yalantis/uCrop效果比较绚,但是研究源码之后发现在定制界面方面还是有一点的限制,于是在它的基础上做了修
2022-06-06

Android获取相册图片-实现选择相册图片功能

初识MediaProvider 需求:发朋友圈进行图片的选择,或者扫描二维码从图库选取。。。那么我们如何实现?这就需要借助媒体库的内容提供者MediaProvider,通过它,我们不仅可以读取图片,还可以读取视频,音频。 下面我们来看一下媒
2022-06-06

Android仿微信选择图片和拍照功能

本文实例为大家分享了 Android微信选择图片的具体代码,和微信拍照功能,供大家参考,具体内容如下1.Android6.0系统,对于权限的使用都是需要申请,选择图片和拍照需要申请Manifest.permission.CAMERA, Ma
2022-06-06

Android实现相机拍摄、选择、图片裁剪功能

最近的一些学习心得: 功能实现:点击圆形头像之后可以实现相册上传或者开启相机,然后把得到的图片经过剪裁,把剪裁过的图片设置为头像的背景图 步骤:第一步:自定义一个类,继承ImageView,重写draw方法,实现外观为圆形 第二步:在xml
2022-06-06

Android 高仿QQ图片选择器

当做一款APP,需要选择本地图片时,首先考虑的无疑是系统相册,但是Android手机五花八门,再者手机像素的提升,大图无法返回等异常因数,导致适配机型比较困难,微信、QQ都相继的在自己的APP里集成了图片选择功能,放弃了系统提供的图片选择器
2022-06-06

浅谈谈Android 图片选择器

ImageSelector 简介Android自定义相册,实现了拍照、图片选择(单选/多选)、ImageLoader无绑定 任由开发者选择 https://github.com/YancyYe/ImageSelector DemoDownl
2022-06-06

Android仿微信图片选择器

很多项目要用到图片选择控件,每次都要写一大堆逻辑。于是基于图片选择组件(PhotoPicker)封装了一个控件PhotoUploadView。方便简易,一键集成,几句代码就可以添加类似微信的图片选择控件了。下面介绍一下该控件有些什么特点以及
2022-06-06

Android中ImageView实现选择本地图片并显示功能

运行结果:模拟器图库就三张 没办法~画质挺感人~ 一个隐式意图 布局文件:
2022-06-06

Android实现拍照、选择相册图片并裁剪功能

通过拍照或相册中获取图片,并进行裁剪操作,然后把图片显示到ImageView上。 当然也可以上传到服务器(项目中绝大部分情况是上传到服务器),参考网上资料及结合项目实际情况, 测试了多款手机暂时没有发现严重问题。代码有注释,直接贴代码:
2022-06-06

Android 图片选择器(超好用) ImageSelectorMore

由于项目需要,在GitHub上找了一些图片选择器的项目,轻松完成了需求,但是。。。 后面需求升级了,需要加入视频选择(可预览),后面有加上了 ‘ 图片标注 ’ 功能 这。。。 看了一下网上的项目,大都不支持视频,然后决定将之前用的 Imag
2022-06-06

Android图片选择器 丰富的配置选项

最近也是刚好项目用到,于是就动手写了一个Android 图片选择器的库。支持图库多选/单选/图片裁剪/拍照/自定义图片加载库,极大程度的简化使用。 截图优点 1、通过实现ImageLoader接口,可以实现自定义图片加载器的功能。例如可以用
2022-06-06

Android选择图片或拍照图片上传到服务器

最近要搞一个项目,需要上传相册和拍照的图片,不负所望,终于完成了! 不过需要说明一下,其实网上很多教程拍照的图片,都是缩略图不是很清晰,所以需要在调用照相机的时候,事先生成一个地址,用于标识拍照的图片URI 具体上传代码:1.选择图片和上
2022-06-06

Android中如何使用ImageEditContainer图片选择器

Android中如何使用ImageEditContainer图片选择器,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1. 简介ImageEditButton 和 Image
2023-05-30

编程热搜

  • Android:VolumeShaper
    VolumeShaper(支持版本改一下,minsdkversion:26,android8.0(api26)进一步学习对声音的编辑,可以让音频的声音有变化的播放 VolumeShaper.Configuration的三个参数 durati
    Android:VolumeShaper
  • Android崩溃异常捕获方法
    开发中最让人头疼的是应用突然爆炸,然后跳回到桌面。而且我们常常不知道这种状况会何时出现,在应用调试阶段还好,还可以通过调试工具的日志查看错误出现在哪里。但平时使用的时候给你闹崩溃,那你就欲哭无泪了。 那么今天主要讲一下如何去捕捉系统出现的U
    Android崩溃异常捕获方法
  • android开发教程之获取power_profile.xml文件的方法(android运行时能耗值)
    系统的设置–>电池–>使用情况中,统计的能耗的使用情况也是以power_profile.xml的value作为基础参数的1、我的手机中power_profile.xml的内容: HTC t328w代码如下:
    android开发教程之获取power_profile.xml文件的方法(android运行时能耗值)
  • Android SQLite数据库基本操作方法
    程序的最主要的功能在于对数据进行操作,通过对数据进行操作来实现某个功能。而数据库就是很重要的一个方面的,Android中内置了小巧轻便,功能却很强的一个数据库–SQLite数据库。那么就来看一下在Android程序中怎么去操作SQLite数
    Android SQLite数据库基本操作方法
  • ubuntu21.04怎么创建桌面快捷图标?ubuntu软件放到桌面的技巧
    工作的时候为了方便直接打开编辑文件,一些常用的软件或者文件我们会放在桌面,但是在ubuntu20.04下直接直接拖拽文件到桌面根本没有效果,在进入桌面后发现软件列表中的软件只能收藏到面板,无法复制到桌面使用,不知道为什么会这样,似乎并不是很
    ubuntu21.04怎么创建桌面快捷图标?ubuntu软件放到桌面的技巧
  • android获取当前手机号示例程序
    代码如下: public String getLocalNumber() { TelephonyManager tManager =
    android获取当前手机号示例程序
  • Android音视频开发(三)TextureView
    简介 TextureView与SurfaceView类似,可用于显示视频或OpenGL场景。 与SurfaceView的区别 SurfaceView不能使用变换和缩放等操作,不能叠加(Overlay)两个SurfaceView。 Textu
    Android音视频开发(三)TextureView
  • android获取屏幕高度和宽度的实现方法
    本文实例讲述了android获取屏幕高度和宽度的实现方法。分享给大家供大家参考。具体分析如下: 我们需要获取Android手机或Pad的屏幕的物理尺寸,以便于界面的设计或是其他功能的实现。下面就介绍讲一讲如何获取屏幕的物理尺寸 下面的代码即
    android获取屏幕高度和宽度的实现方法
  • Android自定义popupwindow实例代码
    先来看看效果图:一、布局
  • Android第一次实验
    一、实验原理 1.1实验目标 编程实现用户名与密码的存储与调用。 1.2实验要求 设计用户登录界面、登录成功界面、用户注册界面,用户注册时,将其用户名、密码保存到SharedPreference中,登录时输入用户名、密码,读取SharedP
    Android第一次实验

目录