溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

怎么在Android中利用ImageSelector實(shí)現(xiàn)微信圖片選擇器

發(fā)布時(shí)間:2021-06-08 17:09:33 來(lái)源:億速云 閱讀:283 作者:Leah 欄目:移動(dòng)開(kāi)發(fā)

本篇文章給大家分享的是有關(guān)怎么在Android中利用ImageSelector實(shí)現(xiàn)微信圖片選擇器,小編覺(jué)得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話(huà)不多說(shuō),跟著小編一起來(lái)看看吧。

引入依賴(lài)

//在Project的build.gradle在添加以下代碼
allprojects {
  repositories {
   ...
   maven { url 'https://jitpack.io' }
   // 如果你使用的是1.4.0或更早的版本,這句可以不用。
   maven { url 'https://maven.google.com' }
  }
 }
//在Module的build.gradle在添加以下代碼
compile 'com.github.donkingliang:ImageSelector:1.5.0'

配置AndroidManifest.xml

//儲(chǔ)存卡的讀取權(quán)限
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

//圖片選擇Activity
<activity android:name="com.donkingliang.imageselector.ImageSelectorActivity"
 //去掉Activity的ActionBar。
 //使用者可以根據(jù)自己的項(xiàng)目去配置,不一定要這樣寫(xiě),只要不Activity的ActionBar去掉就可以了。
 android:theme="@style/Theme.AppCompat.Light.NoActionBar"
 //橫豎屏切換處理。
 //如果要支持橫豎屏切換,一定要加上這句,否則在切換橫豎屏的時(shí)候會(huì)發(fā)生異常。
 android:configChanges="orientation|keyboardHidden|screenSize"/>

//圖片預(yù)覽Activity
<activity android:name="com.donkingliang.imageselector.PreviewActivity"
 android:theme="@style/Theme.AppCompat.Light.NoActionBar"
 android:configChanges="orientation|keyboardHidden|screenSize"/>

//圖片剪切Activity
<activity
 android:name="com.donkingliang.imageselector.ClipImageActivity"
 android:theme="@style/Theme.AppCompat.Light.NoActionBar" />

調(diào)起圖片選擇器

//單選
 ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, true, 0);

//限數(shù)量的多選(比喻最多9張)
ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, false, 9);
ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, false, 9, selected); // 把已選的傳入。

//不限數(shù)量的多選
ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE);
ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, selected); // 把已選的傳入。
//或者
ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, false, 0);
ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, false, 0, selected); // 把已選的傳入。

//單選并剪裁
ImageSelectorUtils.openPhotoAndClip(MainActivity.this, REQUEST_CODE);

REQUEST_CODE就是調(diào)用者自己定義的啟動(dòng)Activity時(shí)的requestCode,這個(gè)相信大家都能明白。selected可以在再次打開(kāi)選擇器時(shí),把原來(lái)已經(jīng)選擇過(guò)的圖片傳入,使這些圖片默認(rèn)為選中狀態(tài)。

接收選擇器返回的數(shù)據(jù)

 @Override
 protected void onActivityResult(int requestCode, int resultCode, Intent data) {
  super.onActivityResult(requestCode, resultCode, data);
  if (requestCode == REQUEST_CODE && data != null) {
  //獲取選擇器返回的數(shù)據(jù)
   ArrayList<String> images = data.getStringArrayListExtra(
   ImageSelectorUtils.SELECT_RESULT);
  }
 }

ImageSelectorUtils.SELECT_RESULT是接收數(shù)據(jù)的key。數(shù)據(jù)是以ArrayList的字符串?dāng)?shù)組返回的,就算是單選,返回的也是ArrayList數(shù)組,只不過(guò)這時(shí)候ArrayList只有一條數(shù)據(jù)而已。ArrayList里面的數(shù)據(jù)就是選中的圖片的文件路徑。

是不是有點(diǎn)懵了,我附上實(shí)際操作代碼

1. adapter_image.xml布局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_gravity="center"
 android:layout_margin="1dp">

 <com.donkingliang.imageselector.view.SquareImageView
  android:id="@+id/iv_image"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:background="#010101"
  android:scaleType="centerCrop" />

</FrameLayout>

2.主布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".MainActivity">

 <Button
  android:id="@+id/btn_single"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_margin="10dp"
  android:text="單選" />

 <Button
  android:id="@+id/btn_limit"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_alignTop="@+id/btn_single"
  android:layout_toRightOf="@+id/btn_single"
  android:text="多選(最多9張)" />

 <Button
  android:id="@+id/btn_unlimited"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_alignLeft="@+id/btn_single"
  android:layout_below="@+id/btn_single"
  android:text="多選(不限數(shù)量)" />

 <Button
  android:id="@+id/btn_clip"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_alignTop="@+id/btn_unlimited"
  android:layout_marginLeft="10dp"
  android:layout_toRightOf="@+id/btn_unlimited"
  android:text="單選并剪裁" />

 <android.support.v7.widget.RecyclerView
  android:id="@+id/rv_image"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:layout_below="@+id/btn_unlimited"
  android:layout_marginTop="10dp" />

</RelativeLayout>

3.ImageAdapter(圖片選擇器工具類(lèi))

public class ImageAdapter extends RecyclerView.Adapter<ImageAdapter.ViewHolder> {

 private Context mContext;
 private ArrayList<String> mImages;
 private LayoutInflater mInflater;

 public ImageAdapter(Context context) {
  mContext = context;
  this.mInflater = LayoutInflater.from(mContext);
 }

 public ArrayList<String> getImages() {
  return mImages;
 }

 @Override
 public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  View view = mInflater.inflate(R.layout.adapter_image, parent, false);
  return new ViewHolder(view);
 }

 @Override
 public void onBindViewHolder(final ViewHolder holder, final int position) {
  final String image = mImages.get(position);
  Glide.with(mContext).load(new File(image)).into(holder.ivImage);
 }

 @Override
 public int getItemCount() {
  return mImages == null ? 0 : mImages.size();
 }

 public void refresh(ArrayList<String> images) {
  mImages = images;
  notifyDataSetChanged();
 }

 static class ViewHolder extends RecyclerView.ViewHolder {

  ImageView ivImage;

  public ViewHolder(View itemView) {
   super(itemView);
   ivImage = itemView.findViewById(R.id.iv_image);
  }
 }
}

4.業(yè)務(wù)邏輯

package com.example.imageselector;

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.Button;

import com.donkingliang.imageselector.utils.ImageSelectorUtils;

import java.util.ArrayList;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

public class MainActivity extends AppCompatActivity {

 @BindView(R.id.btn_single)
 Button btnSingle;
 @BindView(R.id.btn_limit)
 Button btnLimit;
 @BindView(R.id.btn_unlimited)
 Button btnUnlimited;
 @BindView(R.id.btn_clip)
 Button btnClip;
 @BindView(R.id.rv_image)
 RecyclerView rvImage;
 private static final int REQUEST_CODE = 0x00000011;
 private ImageAdapter mAdapter;

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

  rvImage.setLayoutManager(new GridLayoutManager(this, 3));
  mAdapter = new ImageAdapter(this);
  rvImage.setAdapter(mAdapter);


 }

 @Override
 protected void onActivityResult(int requestCode, int resultCode, Intent data) {
  super.onActivityResult(requestCode, resultCode, data);
  if (requestCode == REQUEST_CODE && data != null) {
   ArrayList<String> images = data.getStringArrayListExtra(ImageSelectorUtils.SELECT_RESULT);
   mAdapter.refresh(images);
  }
 }


 @OnClick({R.id.btn_single, R.id.btn_limit, R.id.btn_unlimited, R.id.btn_clip})
 public void onViewClicked(View view) {
  switch (view.getId()) {
   case R.id.btn_single:
    //單選
    ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, true, 0);
    break;
   case R.id.btn_limit:
    //多選(最多9張)
    ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, false, 10);
    //ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, false, 9, mAdapter.getImages()); // 把已選的傳入。
    break;
   case R.id.btn_unlimited:
    //多選(不限數(shù)量)
    ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE);
    //ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, mAdapter.getImages()); // 把已選的傳入。
    //或者
    //ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, false, 0);
    //ImageSelectorUtils.openPhoto(MainActivity.this, REQUEST_CODE, false, 0, mAdapter.getImages()); // 把已選的傳入。
    break;
   case R.id.btn_clip:
    //單選并剪裁
    ImageSelectorUtils.openPhotoAndClip(MainActivity.this, REQUEST_CODE);
    break;
  }
 }
}

以上就是怎么在Android中利用ImageSelector實(shí)現(xiàn)微信圖片選擇器,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI