Android PicSelector圖片選擇器小功能
更新時(shí)間：2021年08月17日 10:13:22 作者：xiaolidan00
這篇文章主要為大家詳細(xì)介紹了Android PicSelector圖片選擇器小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了Android實(shí)現(xiàn)圖片選擇器小功能的具體代碼，供大家參考，具體內(nèi)容如下
效果預(yù)覽
實(shí)現(xiàn)
需要用到的庫(kù)
compile 'com.squareup.picasso:picasso:2.3.2' compile 'com.android.support:appcompat-v7:26.1.0'
圖片選擇器大概思路：
- 使用Content Provider獲取存儲(chǔ)器中的圖片文件路徑，以及所在文件夾，并存儲(chǔ)到相應(yīng)List中
- 使用RecyclerView制作網(wǎng)格視圖，并用Picasso加載圖片，holder.itemView.setOnClickListener來(lái)監(jiān)聽圖片是否被選中
- 使用Spinner制作文件夾選擇器，然后setOnItemSelectedListener來(lái)監(jiān)聽當(dāng)前選擇的文件夾，并如改變文件夾，則重新獲取該
文件夾的圖片，adapter.notifyDataSetChanged()更換網(wǎng)格視圖中圖片。
- 選擇圖片完畢后，返回圖片路徑數(shù)組到前一個(gè)onActivityResult中，并顯示。
圖片簡(jiǎn)易預(yù)覽器大概思路：
- 采用Gallery顯示圖片選擇器中選中圖片的縮略圖
- ImageView中顯示當(dāng)前圖片的大圖，并且使用OnTouchListener,Matrix和Bitmap實(shí)現(xiàn)圖片放縮
PicSelectorActivity圖片選擇器代碼
public class PicSelectorActivity extends AppCompatActivity {
private RecyclerView rvPic;
public List<Map<String, Object>> imgList;//存儲(chǔ)顯示的圖片信息
public static List<Map<String, Object>> imgSelectList;//存儲(chǔ)選擇的圖片信息
private List<Map<String, String>> pathList;//存儲(chǔ)文件夾信息
private Spinner spFolder;//文件夾Spinner
private RecyclerView.Adapter<PicViewHolder> adapter;
private int MAX_NUM = 9;//選擇圖片數(shù)
private int SPAN_COUNT = 4;//GridLayout 列數(shù)
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);
//設(shè)置需選擇的圖片數(shù)
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();
}
//預(yù)覽圖片
public void picShow(View view){
if(imgSelectList.size()>0) {
Intent intent = new Intent(this, PicSelectorShowActivity.class);
startActivity(intent);
}else {
Toast.makeText(this,"請(qǐng)選擇預(yù)覽圖片",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簡(jiǎn)易圖片預(yù)覽器
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;// 初始狀態(tài)
/**
* 拖拉照片模式
*/
private static final int MODE_DRAG = 1;
/**
* 放大縮小照片模式
*/
private static final int MODE_ZOOM = 2;
/**
* 用于記錄開始時(shí)候的坐標(biāo)位置
*/
private PointF startPoint = new PointF();
/**
* 用于記錄拖拉圖片移動(dòng)的坐標(biāo)位置
*/
private Matrix matrix = new Matrix();
/**
* 用于記錄圖片要進(jìn)行拖拉時(shí)候的坐標(biāo)位置
*/
private Matrix currentMatrix = new Matrix();
/**
* 兩個(gè)手指的開始距離
*/
private float startDis;
/**
* 兩個(gè)手指的中間點(diǎn)
*/
private PointF midPoint;
@Override
public boolean onTouch(View v, MotionEvent event) {
/** 通過(guò)與運(yùn)算保留最后八位 MotionEvent.ACTION_MASK = 255 */
imageView.setScaleType(ImageView.ScaleType.MATRIX);
switch (event.getAction() & MotionEvent.ACTION_MASK) {
// 手指壓下屏幕
case MotionEvent.ACTION_DOWN:
mode = MODE_DRAG;
// 記錄ImageView當(dāng)前的移動(dòng)位置
currentMatrix.set(imageView.getImageMatrix());
startPoint.set(event.getX(), event.getY());
break;
// 手指在屏幕上移動(dòng)，改事件會(huì)被不斷觸發(fā)
case MotionEvent.ACTION_MOVE:
// 拖拉圖片
if (mode == MODE_DRAG) {
float dx = event.getX() - startPoint.x; // 得到x軸的移動(dòng)距離
float dy = event.getY() - startPoint.y; // 得到x軸的移動(dòng)距離
// 在沒有移動(dòng)之前的位置上進(jìn)行移動(dòng)
matrix.set(currentMatrix);
matrix.postTranslate(dx, dy);
}
// 放大縮小圖片
else if (mode == MODE_ZOOM) {
float endDis = distance(event);// 結(jié)束距離
if (endDis > 10f) { // 兩個(gè)手指并攏在一起的時(shí)候像素大于10
float scale = endDis / startDis;// 得到縮放倍數(shù)
matrix.set(currentMatrix);
matrix.postScale(scale, scale, midPoint.x, midPoint.y);
}
}
break;
// 手指離開屏幕
case MotionEvent.ACTION_UP:
// 當(dāng)觸點(diǎn)離開屏幕，但是屏幕上還有觸點(diǎn)(手指)
case MotionEvent.ACTION_POINTER_UP:
mode = 0;
break;
// 當(dāng)屏幕上已經(jīng)有觸點(diǎn)(手指)，再有一個(gè)觸點(diǎn)壓下屏幕
case MotionEvent.ACTION_POINTER_DOWN:
mode = MODE_ZOOM;
/** 計(jì)算兩個(gè)手指間的距離 */
startDis = distance(event);
/** 計(jì)算兩個(gè)手指間的中間點(diǎn) */
if (startDis > 10f) { // 兩個(gè)手指并攏在一起的時(shí)候像素大于10
midPoint = mid(event);
//記錄當(dāng)前ImageView的縮放倍數(shù)
currentMatrix.set(imageView.getImageMatrix());
}
break;
}
imageView.setImageMatrix(matrix);
return true;
}
/**
* 計(jì)算兩個(gè)手指間的距離
*/
private float distance(MotionEvent event) {
float dx = event.getX(1) - event.getX(0);
float dy = event.getY(1) - event.getY(0);
/** 使用勾股定理返回兩點(diǎn)之間的距離 */
return (float) Math.sqrt(dx * dx + dy * dy);
}
/**
* 計(jì)算兩個(gè)手指間的中間點(diǎn)
*/
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使用
導(dǎo)入后
private final static int SELECT_OK = 0x1001;//ResultCode RequestCode
private final static String SELECT_IMAGES = "select_images";//在Bundle data中的Extra名字
private String[] selectImages;//接收選中圖片路徑數(shù)組
//打開圖片選擇器
Intent intent = new Intent(MainActivity.this, com.xld.picselector.PicSelectorActivity.class);
startActivityForResult(intent,SELECT_OK);
//獲取選中圖片路徑數(shù)組
@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);
....
}
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Android開發(fā)手冊(cè)Button實(shí)現(xiàn)selector選擇器
- Android開發(fā)雙向滑動(dòng)選擇器范圍SeekBar實(shí)現(xiàn)
- Android中的TimePickerView(時(shí)間選擇器)的用法詳解
- Android?studio實(shí)現(xiàn)日期?、時(shí)間選擇器與進(jìn)度條
- Android實(shí)現(xiàn)拼多多地址選擇器
- Android如何實(shí)現(xiàn)年月選擇器功能
- Android實(shí)現(xiàn)四級(jí)聯(lián)動(dòng)地址選擇器
- Android自定義酒店日期選擇器
- Jetpack Compose之選擇器使用實(shí)例講解
相關(guān)文章
Android中fragment嵌套fragment問(wèn)題解決方法
這篇文章主要介紹了Android中fragment嵌套fragment問(wèn)題解決方法,本文給出兩個(gè)解決方法,需要的朋友可以參考下2015-06-06
Android自定義ViewGroup實(shí)現(xiàn)側(cè)滑菜單
這篇文章主要為大家詳細(xì)介紹了Android如何通過(guò)自定義ViewGroup實(shí)現(xiàn)側(cè)滑菜單，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2023-01-01
這篇文章我們主要講一下Android系統(tǒng)中的截屏事件處理流程。用過(guò)android系統(tǒng)手機(jī)的同學(xué)應(yīng)該都知道，一般的android手機(jī)按下音量減少鍵和電源按鍵就會(huì)觸發(fā)截屏事件.2018-05-05
這篇文章主要為大家詳細(xì)介紹了flutter實(shí)現(xiàn)底部抽屜效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
Android WebView如何判斷是否滾動(dòng)到底部
大家好，本篇文章主要講的是Android WebView如何判斷是否滾動(dòng)到底部，感興趣的同學(xué)趕快來(lái)看一看吧，對(duì)你有幫助的話記得收藏一下2022-01-01
這篇文章主要為大家詳細(xì)介紹了Android打造炫酷進(jìn)度條效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
Android開場(chǎng)動(dòng)畫類完整實(shí)現(xiàn)代碼
這篇文章主要介紹了Android開場(chǎng)動(dòng)畫類完整實(shí)現(xiàn)代碼,是非常實(shí)用的功能,需要的朋友可以參考下2014-07-07
這篇文章主要為大家詳細(xì)介紹了Android自定義View圓形進(jìn)度條控件的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要為大家介紹了SpringBoot 打包編譯時(shí)間實(shí)現(xiàn)過(guò)程詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
Android獲取應(yīng)用程序大小和緩存的實(shí)例代碼
這篇文章主要介紹了Android獲取應(yīng)用程序大小和緩存的實(shí)例代碼的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-10-10