Android PicSelector圖片選擇器小功能
更新時間：2021年08月17日 10:13:22 作者：xiaolidan00
這篇文章主要為大家詳細介紹了Android PicSelector圖片選擇器小功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了Android實現(xiàn)圖片選擇器小功能的具體代碼，供大家參考，具體內(nèi)容如下
效果預覽
實現(xiàn)
需要用到的庫
compile 'com.squareup.picasso:picasso:2.3.2' compile 'com.android.support:appcompat-v7:26.1.0'
圖片選擇器大概思路：
- 使用Content Provider獲取存儲器中的圖片文件路徑，以及所在文件夾，并存儲到相應List中
- 使用RecyclerView制作網(wǎng)格視圖，并用Picasso加載圖片，holder.itemView.setOnClickListener來監(jiān)聽圖片是否被選中
- 使用Spinner制作文件夾選擇器，然后setOnItemSelectedListener來監(jiān)聽當前選擇的文件夾，并如改變文件夾，則重新獲取該
文件夾的圖片，adapter.notifyDataSetChanged()更換網(wǎng)格視圖中圖片。
- 選擇圖片完畢后，返回圖片路徑數(shù)組到前一個onActivityResult中，并顯示。
圖片簡易預覽器大概思路：
- 采用Gallery顯示圖片選擇器中選中圖片的縮略圖
- ImageView中顯示當前圖片的大圖，并且使用OnTouchListener,Matrix和Bitmap實現(xiàn)圖片放縮
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;//選擇圖片數(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ù)
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;// 初始狀態(tài)
/**
* 拖拉照片模式
*/
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) {
/** 通過與運算保留最后八位 MotionEvent.ACTION_MASK = 255 */
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;
// 手指在屏幕上移動，改事件會被不斷觸發(fā)
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;// 得到縮放倍數(shù)
matrix.set(currentMatrix);
matrix.postScale(scale, scale, midPoint.x, midPoint.y);
}
}
break;
// 手指離開屏幕
case MotionEvent.ACTION_UP:
// 當觸點離開屏幕，但是屏幕上還有觸點(手指)
case MotionEvent.ACTION_POINTER_UP:
mode = 0;
break;
// 當屏幕上已經(jīng)有觸點(手指)，再有一個觸點壓下屏幕
case MotionEvent.ACTION_POINTER_DOWN:
mode = MODE_ZOOM;
/** 計算兩個手指間的距離 */
startDis = distance(event);
/** 計算兩個手指間的中間點 */
if (startDis > 10f) { // 兩個手指并攏在一起的時候像素大于10
midPoint = mid(event);
//記錄當前ImageView的縮放倍數(shù)
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;//接收選中圖片路徑數(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);
....
}
}
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
android實現(xiàn)將位置信息寫入JPEG圖片文件
下面小編就為大家?guī)硪黄猘ndroid實現(xiàn)將位置信息寫入JPEG圖片文件。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
Android實現(xiàn)九宮格（GridView中各項平分空間）的方法
這篇文章主要介紹了Android實現(xiàn)九宮格（GridView中各項平分空間）的方法,涉及Android針對GridView操作的相關技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了Android 應用Crash 后自動重啟的方法，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06
Android判斷NavigationBar是否顯示的方法（獲取屏幕真實的高度）
有些時候，我們需要知道當前手機上是否顯示了NavigationBar，也就是屏幕底部的虛擬按鍵。這篇文章主要介紹了Android判斷NavigationBar是否顯示的方法（獲取屏幕真實的高度),需要的朋友可以參考下本文2017-01-01
這篇文章主要介紹了Android編程設計模式之工廠方法模式,結合實例形式詳細分析了Android工廠方法模式的概念、原理、使用方法及相關注意事項,需要的朋友可以參考下2017-12-12
學會反編譯比較關鍵，也是我們美化必須掌握技術，學會反編譯也是實現(xiàn)制作ROM的起步，ROM高手必然是反編譯高手這里有必要說一下，教程只是給你一個動手的那一個蹺板，教程不是萬能的，給了你基礎與啟發(fā)，最重要的是我們能夠自主的進行創(chuàng)新與思考2016-04-04
Flutter 首頁必用組件NestedScrollView的示例詳解
今天介紹的組件是NestedScrollView，大部分的App首頁都會用到這個組件。對Flutter 首頁必用組件NestedScrollView的相關知識感興趣的一起看看吧2020-05-05
這篇文章主要為大家詳細介紹了SwipeLayout框架實現(xiàn)側拉刪除編輯功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
在 實際開發(fā)中LayoutInflater這個類還是非常有用的，它的作用類似于findViewById()。這篇文章主要介紹了Android inflater 用法,需要的朋友可以參考下2018-11-11
這篇文章主要給大家介紹了關于Android實現(xiàn)長圖文截圖功能的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11