前言:圖片選擇器基本上是每個App必備的東西,用公認好的第三方也可以,但是自己寫的改起來方便,用起來順手,而且這東西想想可能沒動手之前想想比較難,實際操作起來就很簡單了,這次先主要寫流程,具體優化的細節以後在寫。 難點:動手之前最困惑的問題就是怎麼獲取到手機里所有的圖片,獲取到之後,顯示出來,處理邏 ...
前言:圖片選擇器基本上是每個App必備的東西,用公認好的第三方也可以,但是自己寫的改起來方便,用起來順手,而且這東西想想可能沒動手之前想想比較難,實際操作起來就很簡單了,這次先主要寫流程,具體優化的細節以後在寫。
難點:動手之前最困惑的問題就是怎麼獲取到手機里所有的圖片,獲取到之後,顯示出來,處理邏輯這些就簡單了。
步驟1:動態申請許可權
private boolean permissionOpen() { if (ContextCompat.checkSelfPermission(this, Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {//動態申請讀寫許可權 ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE}, 101); } else { getImages();//有許可權的話直接去獲取手機圖片 return true; } return false; }
@Override public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) { if (requestCode == 101) { if (grantResults[0] == PackageManager.PERMISSION_GRANTED) { getImages();//申請許可權成功之後,去獲取手機圖片 } else { Toast.makeText(this, "許可權申請失敗", Toast.LENGTH_LONG).show(); } return; } super.onRequestPermissionsResult(requestCode, permissions, grantResults); }
步驟2:給手機圖片做一個模型,我的想法是以每一個放圖片的文件夾為一個模型,說通俗點,A文件夾下邊有3張圖片a.jpg,b.jpg,c.jpg,B文件夾下有2張圖片,d.jhpg,e.jpg,我就給A和B等等這種文件夾做一個模型
public class PictureBean {//我的想法是以每一個放圖片的文件夾為一個模型 private String name;//文件夾的名字,以後會用到,具體用處可以先打開微信的圖片選擇器,點左下角視頻和圖片,彈出一個popupwindow,每一個item都有一個name,他這個name應該是圖片父目錄的文件名,我這個name也是這個意思,不過這篇博客應該暫時用不到 private int number;//這個文件夾下圖片的數量 private String firstImageUrl;//這個文件夾下的第一張圖片 private List<String> imageList;//這個文件夾下的圖片集合 private String parentPath;//這個文件夾的絕對路徑 public String getParentPath() { return parentPath; } public void setParentPath(String parentPath) { this.parentPath = parentPath; } public String getName() { return name; } public void setName(String name) { this.name = name; } public int getNumber() { return number; } public void setNumber(int number) { this.number = number; } public String getFirstImageUrl() { return firstImageUrl; } public void setFirstImageUrl(String firstImageUrl) { this.firstImageUrl = firstImageUrl; } public List<String> getImageList() { return imageList; } public void setImageList(List<String> imageList) { this.imageList = imageList; } }
步驟3:先聲明好 list等變數,避免一會看代碼不知道某個變數怎麼來的
private List<PictureBean> beanList; //最後我們會把所有的文件夾模型都放到這裡, 你要是問圖片在哪?當然是在PictureBean的imageList里啦
步驟4:看getImages()方法
private void getImages() { new Thread(new Runnable() {//查詢圖片什麼的,肯定要開一個線程就不解釋了 @Override public void run() { Uri imageUri = MediaStore.Images.Media.EXTERNAL_CONTENT_URI;//這個Uri代表要查詢的資料庫名稱加上表的名稱 ContentResolver contentResolver = context.getContentResolver();//這個用的少不知道該怎麼表達,反正就是對外共用數據唄,提供手機里的各種數據(視頻,圖片,文件) Cursor cursor = contentResolver.query(imageUri, null, MediaStore.Images.Media.MIME_TYPE//這個就是查詢操作了吧(cursor,游標,聽起來很熟悉,老師絕對講過,不過原諒我資料庫這一塊渣到爆炸) + "=? or " + MediaStore.Images.Media.MIME_TYPE + "=?", new String[]{"image/jpeg"}, MediaStore.Images.Media.DATE_MODIFIED); if (cursor == null) { return; } List<String> pathList = new ArrayList<>();//同一個文件夾下的圖片的集合 String mParentPath = "";//所在文件夾的絕對路徑 while (cursor.moveToNext()) { String path = cursor.getString(cursor.getColumnIndex(MediaStore.Images.Media.DATA));//圖片的絕對路徑 File file = new File(path).getParentFile(); String parentPath = file.getAbsolutePath();//文件夾的絕對路徑 if (cursor.isFirst()) {//如果是第一個圖片 pathList.add(path);//直接加到圖片集合里 mParentPath = parentPath;//文件夾的絕對路徑 等於 我們獲取到的這張圖片的 文件夾的絕對路徑 } else if (mParentPath.equals(parentPath)) {//如果 新的圖片的文件夾的絕對路徑 跟上一張圖片的文件夾的絕對路徑相同, 說明兩張圖片在同一個文件夾下 pathList.add(path);//繼續填到集合里 } else {//說明 新的圖片跟 上一張圖片不在同一個文件夾 下 List<String> list = new ArrayList<>(); list.addAll(pathList); //用一個新的list 載入 之前一個文件夾下的所有圖片(這裡暫時想不到更好的辦法了) pathList.clear(); pathList.add(path); //舊的list 清空之後呢, 開始載入 新的文件夾下的 第一張圖片(仔細看一看就知道邏輯了,代碼寫的確實比較爛,哈哈哈) PictureBean bean = new PictureBean();//我們之前寫好的模型 bean.setNumber(list.size()); //數量就是list的數量 bean.setFirstImageUrl(list.get(0)); //第一張圖片 bean.setImageList(list);//圖片集合 bean.setParentPath(mParentPath);//所在文件夾的絕對路徑 beanList.add(bean);//把模型放到步驟3定義好的list mParentPath = parentPath; //文件夾絕對路徑 變成了 新的文件夾路徑 } }
//到此為止,喜大普奔,所有的圖片都已經獲取到了,接下來直接顯示出來(想做複雜的呢可以參考微信,我正在參考中...) handler.sendEmptyMessage(1); } }).start(); }
步驟5:因為我們這次是簡單版,既然圖片數據都有了,就簡單的展示一下好了
Handler handler = new Handler() { @Override public void handleMessage(Message msg) { final List<String> list = new ArrayList<>();
//因為是簡單版,我就直接把所有的圖片都存到一個list里用來顯示了 for (PictureBean pictureBean : beanList) { for (String s : pictureBean.getImageList()) { list.add(s); } } adapter.setList(list); adapter.notifyDataSetChanged(); adapter.setmOnClick(new ItemAdapter.onClick() { @Override public void itemOnClick(int position) {//點擊事件就是把被點擊的圖片的絕對路徑返回去 Intent intent = new Intent(); intent.putExtra("image", list.get(position)); setResult(RESULT_OK, intent); finish(); } }); } };
到此,開頭說的難點就算搞定了,adapter代碼很簡單就不貼了,最主要是步驟4。