在網上找了很多第三方的相簿拍照框架，都不盡人意，最後終於找到了一個比較好的框架，並且整合到了自己的demo中，花了兩天的時間吧感覺挺值的。老規矩不說廢話，直接上程式碼。

感謝某開源庫的作者：Alum

思路

先看目錄，我儘可能的在自己力所能及的範圍內，用最簡單的方式和程式碼來實現。這裡最重要的玩意兒是那個介面卡。最下面的那個popupwindow是個自己寫的控制元件，如果有興趣我回頭再把這個玩意兒放出來。

先看看功能吧：

簡單來說就是點選加號可以新增或拍照，拍照後可直接返回到主頁面直接更新圖片。可以控制選擇的圖片數量，主題，以及預覽等等。

先看佈局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/llMain"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <GridView
        android:id="@+id/gvImage"
        android:layout_width="match_parent"
 

        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:horizontalSpacing="5dp"
        android:numColumns="3"
        android:verticalSpacing="5dp" />

</LinearLayout>

主頁只有一個GridView+介面卡
然後看一下每一個item的佈局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 

    xmlns:fresco="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <!--顯示圖片-->
    <RelativeLayout
        android:id="@+id/rlItemShow"
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:background="?android:attr/selectableItemBackground"
        android:visibility="gone">

        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/sdvItemShowImg"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            fresco:actualImageScaleType="fitXY"
            fresco:placeholderImage="@color/blue1"
            fresco:placeholderImageScaleType="fitXY" />

        <!--刪除圖片-->
        <ImageView
            android:id="@+id/ivDeleteImg"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_alignParentRight="true"
            android:layout_margin="5dp"
            android:scaleType="fitXY"
            android:src="@mipmap/ic_delete_img" />

    </RelativeLayout>

    <!--新增圖片-->
    <ImageView
        android:id="@+id/ivItemAdd"
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:background="@drawable/shape_iv_add_img"
        android:padding="20dp"
        android:scaleType="centerInside"
        android:src="@mipmap/ic_plus_img"
        android:visibility="gone" />

</LinearLayout>

手動控制一下寬高，這裡對於每一個item來說，可以坐三件事情，顯示圖片，刪除圖片，新增圖片。其中，點選顯示的圖片可以跳轉到預覽介面，點選刪除圖片可以刪除被點的這張，點選新增圖片跳轉到相簿。這個邏輯應該是簡單而又清晰的。

那麼我們主要來看一下介面卡

public class ImgGridAdapter extends BaseAdapter {

    private Context context;
    private ArrayList<String> imgList;
    private int maxImgCount;
    private FreshImgCallBack freshImgCallBack;//針對三種操作邏輯所自定義的回撥

    public ImgGridAdapter(Context context, ArrayList<String> imgList, int maxImgCount) {
        this.context = context;
        this.imgList = imgList;
        this.maxImgCount = maxImgCount;
    }

    /**
     * 設定回撥
     *
     * @param callBack freshImgCallBack
     */
    public void setImgShowFresh(FreshImgCallBack callBack) {
        freshImgCallBack = callBack;
    }

    @Override
    public int getCount() {
        if (imgList.size() < maxImgCount) {
            return imgList.size() + 1;
        } else {
            return maxImgCount;
        }
    }

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

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

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if (holder != null) {
            holder = (ViewHolder) convertView.getTag();
        } else {
            holder = new ViewHolder();
            convertView = LayoutInflater.from(context).inflate(R.layout.itme_gridview, null);
            holder.sdvItemShowImg = (SimpleDraweeView) convertView.findViewById(R.id.sdvItemShowImg);
            holder.ivDeleteImg = (ImageView) convertView.findViewById(R.id.ivDeleteImg);
            holder.ivItemAdd = (ImageView) convertView.findViewById(R.id.ivItemAdd);
            holder.ivItemAdd.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    freshImgCallBack.openGallery();//開啟相簿放在裡面即可
                }
            });
            holder.rlItemShow = (RelativeLayout) convertView.findViewById(R.id.rlItemShow);
        }
        //——————————————————————————————設定圖片邏輯——————————————————————————————
        holder.ivItemAdd.setVisibility(View.GONE);
        holder.rlItemShow.setVisibility(View.GONE);
        if (imgList.size() < 5) {
            if (position == getCount() - 1) {
                holder.ivItemAdd.setVisibility(View.VISIBLE);
            } else {
                if (getCount() > 1) {
                    showImg(position, holder);
                }
            }
        } else {
            showImg(position, holder);
        }

        //放在外面用於更新position
        holder.sdvItemShowImg.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                freshImgCallBack.previewImg(position);//預覽圖片
            }
        });
        holder.ivDeleteImg.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                freshImgCallBack.updateGvImgShow(position);//更新資料
            }
        });
        return convertView;
    }

    //顯示圖片
    private void showImg(int position, ViewHolder holder) {
        holder.ivItemAdd.setVisibility(View.GONE);
        holder.rlItemShow.setVisibility(View.VISIBLE);
        //設定圖片
        ImageRequest request = ImageRequestBuilder.newBuilderWithSource(Uri.parse("file://" + imgList.get(position)))
                .setProgressiveRenderingEnabled(true)
                .setResizeOptions(new ResizeOptions(100, 100))
                .build();
        DraweeController controller = Fresco.newDraweeControllerBuilder()
                .setImageRequest(request)
                .setAutoPlayAnimations(true)
                .setTapToRetryEnabled(true)
                .setOldController(holder.sdvItemShowImg.getController())
                .build();
        holder.sdvItemShowImg.setController(controller);
    }

    class ViewHolder {
        SimpleDraweeView sdvItemShowImg;
        ImageView ivDeleteImg;
        ImageView ivItemAdd;
        RelativeLayout rlItemShow;
    }

}

粗略看了一下一百多行，應該不算多吧- -！這裡使用了Fresco是因為自己的專案裡面用了這個框架，並且這裡針對縮圖做了壓縮處理。

針對如何顯示新增圖片，這裡把邏輯理了一下：如果圖片數量小於最大數量，那麼就讓gridview多顯示一個，並且最後一個item只顯示新增，否則就顯示所有的圖片。控制可見不可見對於記憶體資源的消耗相對較少。

介面卡就是原生的介面卡，我在裡面寫了一個介面的實現，用於在外部暴露一個入口來重新整理圖片。這裡主要使用了觀察者模式，不懂的同學自行學習介面回撥。這裡不再贅述。

看一下我定義的介面：

public interface FreshImgCallBack {

    void previewImg(int position);//用於預覽圖片

    void updateGvImgShow(int position);//用於重新整理GridView

    void openGallery();//用於開啟相簿

}

然後我們在Activity裡面去實現它

public class MainActivity extends AppCompatActivity implements FreshImgCallBack {

    private static final int REQUEST_CODE_GALLERY = 100;//開啟相簿
    private static final int REQUEST_CODE_PREVIEW = 101;//預覽圖片

    private GridView gvImage;
    private ImgGridAdapter adapter;
    private ArrayList<String> imgList = new ArrayList<>();
    private final static int maxImgSize = 5;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_home);
        gvImage = (GridView) findViewById(R.id.gvImage);
        adapter = new ImgGridAdapter(this, imgList, maxImgSize);
        adapter.setImgShowFresh(this);//實現重新整理介面
        gvImage.setAdapter(adapter);
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        switch (requestCode) {
            case REQUEST_CODE_GALLERY:
                if (resultCode == RESULT_OK) {
                    imgList.clear();//不可直接指向
                    for (int i = Album.parseResult(data).size() - 1; i < 0; i++) {
                        imgList.add(Album.parseResult(data).get(i));//控制圖片順序
                    }
                    adapter.notifyDataSetChanged();
                }
                break;
        }
    }

    //更新圖片：當前用於刪除
    @Override
    public void updateGvImgShow(int position) {
        imgList.remove(position);
        adapter.notifyDataSetChanged();
    }

    @Override
    public void openGallery() {
        Album.album(this)//開啟相簿
                .requestCode(REQUEST_CODE_GALLERY)
                .toolBarColor(ContextCompat.getColor(this, R.color.colorPrimary))
                .statusBarColor(ContextCompat.getColor(this, R.color.colorPrimaryDark))
                .selectCount(maxImgSize)
                .columnCount(3)
                .camera(true)
                .checkedList(imgList)
                .start();
    }

    @Override
    public void previewImg(int position) {
        Album.gallery(this)//預覽圖片
                .requestCode(REQUEST_CODE_PREVIEW)
                .toolBarColor(ContextCompat.getColor(this, R.color.colorPrimary))
                .statusBarColor(ContextCompat.getColor(this, R.color.colorPrimaryDark))
                .checkedList(imgList)
                .currentPosition(position)
                .checkFunction(false)
                .start();
    }

}

然後大功告成，這個邏輯應該是很簡單的吧，實現方式應該也很簡單。然後對於相簿的功能，我引入的框架地址在文章頭部已經標出來了。使用方法在github上面都寫的很清楚。如果需要的話我後期會在本文下面列出使用教程。