1.導入

compile 'com.github.LuckSiege.PictureSelector:picture_library:v2.2.3'

2.適配器代碼

package com.sunnet.shipcargo.adapter;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.support.v4.content.ContextCompat;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.bumptech.glide.Glide;
import com.bumptech.glide.load.engine.DiskCacheStrategy;
import com.bumptech.glide.request.RequestOptions;
import com.luck.picture.lib.config.PictureConfig;
import com.luck.picture.lib.config.PictureMimeType;
import com.luck.picture.lib.entity.LocalMedia;
import com.luck.picture.lib.tools.DateUtils;
import com.luck.picture.lib.tools.StringUtils;
import com.sunnet.shipcargo.R;

import java.io.File;
import java.util.ArrayList;
import java.util.List;

/**
 * author：luck
 * project：PictureSelector
 * package：com.luck.pictureselector.adapter
 * email：893855882@qq.com
 * data：16/7/27
 */
public class GridImageAdapter extends
        RecyclerView.Adapter<GridImageAdapter.ViewHolder> {
    public static final int TYPE_CAMERA = 1;
    public static final int TYPE_PICTURE = 2;
    private LayoutInflater mInflater;
    private List<LocalMedia> list = new ArrayList<>();
    private int selectMax = 9;
    private Context context;
    /**
     * 點擊添加圖片跳轉
     */
    private onAddPicClickListener mOnAddPicClickListener;

    public interface onAddPicClickListener {
        void onAddPicClick();
    }

    public GridImageAdapter(Context context, onAddPicClickListener mOnAddPicClickListener) {
        this.context = context;
        mInflater = LayoutInflater.from(context);
        this.mOnAddPicClickListener = mOnAddPicClickListener;
    }

    public void setSelectMax(int selectMax) {
        this.selectMax = selectMax;
    }

    public void setList(List<LocalMedia> list) {
        this.list = list;
    }

    public class ViewHolder extends RecyclerView.ViewHolder {

        ImageView mImg;
        LinearLayout ll_del;
        TextView tv_duration;

        public ViewHolder(View view) {
            super(view);
            mImg = (ImageView) view.findViewById(R.id.fiv);
            ll_del = (LinearLayout) view.findViewById(R.id.ll_del);
            tv_duration = (TextView) view.findViewById(R.id.tv_duration);
        }
    }

    @Override
    public int getItemCount() {
        if (list.size() < selectMax) {
            return list.size() + 1;
        } else {
            return list.size();
        }
    }

    @Override
    public int getItemViewType(int position) {
        if (isShowAddItem(position)) {
            return TYPE_CAMERA;
        } else {
            return TYPE_PICTURE;
        }
    }

    /**
     * 創建ViewHolder
     */
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
        View view = mInflater.inflate(R.layout.adapter_image_select,
                viewGroup, false);
        final ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }

    private boolean isShowAddItem(int position) {
        int size = list.size() == 0 ? 0 : list.size();
        return position == size;
    }

    /**
     * 設置值
     */
    @Override
    public void onBindViewHolder(final ViewHolder viewHolder, final int position) {
        //少于8張，顯示繼續添加的圖標
        if (getItemViewType(position) == TYPE_CAMERA) {
            viewHolder.mImg.setImageResource(R.mipmap.img_select_image_add);
            viewHolder.mImg.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mOnAddPicClickListener.onAddPicClick();
                }
            });
            viewHolder.ll_del.setVisibility(View.INVISIBLE);
        } else {
            viewHolder.ll_del.setVisibility(View.VISIBLE);
            viewHolder.ll_del.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    int index = viewHolder.getAdapterPosition();
                    // 這里有時會返回-1造成數據下標越界,具體可參考getAdapterPosition()源碼，
                    // 通過源碼分析應該是bindViewHolder()暫未繪制完成導致，知道原因的也可聯系我~感謝
                    if (index != RecyclerView.NO_POSITION) {
                        list.remove(index);
                        notifyItemRemoved(index);
                        notifyItemRangeChanged(index, list.size());
                    }
                }
            });
            LocalMedia media = list.get(position);
            int mimeType = media.getMimeType();
            String path = "";
            if (media.isCut() && !media.isCompressed()) {
                // 裁剪過
                path = media.getCutPath();
            } else if (media.isCompressed() || (media.isCut() && media.isCompressed())) {
                // 壓縮過,或者裁剪同時壓縮過,以最終壓縮過圖片為準
                path = media.getCompressPath();
            } else {
                // 原圖
                path = media.getPath();
            }
            // 圖片
            if (media.isCompressed()) {
                Log.i("compress image result:", new File(media.getCompressPath()).length() / 1024 + "k");
                Log.i("壓縮地址::", media.getCompressPath());
            }

            Log.i("原圖地址::", media.getPath());
            int pictureType = PictureMimeType.isPictureType(media.getPictureType());
            if (media.isCut()) {
                Log.i("裁剪地址::", media.getCutPath());
            }
            long duration = media.getDuration();
            viewHolder.tv_duration.setVisibility(pictureType == PictureConfig.TYPE_VIDEO
                    ? View.VISIBLE : View.GONE);
            if (mimeType == PictureMimeType.ofAudio()) {
                viewHolder.tv_duration.setVisibility(View.VISIBLE);
                Drawable drawable = ContextCompat.getDrawable(context, R.drawable.picture_audio);
                StringUtils.modifyTextViewDrawable(viewHolder.tv_duration, drawable, 0);
            } else {
                Drawable drawable = ContextCompat.getDrawable(context, R.drawable.video_icon);
                StringUtils.modifyTextViewDrawable(viewHolder.tv_duration, drawable, 0);
            }
            viewHolder.tv_duration.setText(DateUtils.timeParse(duration));
            if (mimeType == PictureMimeType.ofAudio()) {
                viewHolder.mImg.setImageResource(R.drawable.audio_placeholder);
            } else {
                RequestOptions options = new RequestOptions()
                        .centerCrop()
                        .placeholder(R.color.color_f6)
                        .diskCacheStrategy(DiskCacheStrategy.ALL);
                Glide.with(viewHolder.itemView.getContext())
                        .load(path)
                        .apply(options)
                        .into(viewHolder.mImg);
            }
            //itemView 的點擊事件
            if (mItemClickListener != null) {
                viewHolder.itemView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        int adapterPosition = viewHolder.getAdapterPosition();
                        mItemClickListener.onItemClick(adapterPosition, v);
                    }
                });
            }
        }
    }

    protected OnItemClickListener mItemClickListener;

    public interface OnItemClickListener {
        void onItemClick(int position, View v);
    }

    public void setOnItemClickListener(OnItemClickListener listener) {
        this.mItemClickListener = listener;
    }
}

3.Avticity代碼

package com.sunnet.shipcargo.activity

import android.content.Intent
import android.os.Bundle
import android.support.v7.widget.GridLayoutManager
import com.luck.picture.lib.PictureSelector
import com.luck.picture.lib.config.PictureConfig
import com.luck.picture.lib.config.PictureMimeType
import com.luck.picture.lib.entity.LocalMedia

import com.sunnet.shipcargo.R
import com.sunnet.shipcargo.adapter.GridImageAdapter
import com.sunnet.shipcargo.view.FullyGridLayoutManager
import kotlinx.android.synthetic.main.activity_add_goods.*
import java.util.ArrayList

class AddGoodsActivity : BaseActivity() {
    override fun getContentView(): Int = R.layout.activity_add_goods
    private var selectImage:List<LocalMedia> = ArrayList()
    private var adapterImage: GridImageAdapter?=null
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setTitle("發布商品")
        rcy_add_goods.layoutManager = FullyGridLayoutManager(this, 4, GridLayoutManager.VERTICAL, false)
        adapterImage = GridImageAdapter(this, onAddPicClickListener)
        adapterImage?.setList(selectImage)
        adapterImage?.setSelectMax(5)
        rcy_add_goods.adapter = adapterImage
        adapterImage?.setOnItemClickListener { position, v ->
            if (selectImage.isNotEmpty()) {
                val media = selectImage[position]
                val pictureType = media.pictureType
                val mediaType = PictureMimeType.pictureToVideo(pictureType)
                when (mediaType) {
                    1->{
                        // 預覽圖片 可自定長按保存路徑
                        PictureSelector.create(this@AddGoodsActivity).themeStyle(R.style.picture_default_style).openExternalPreview(position, selectImage)
                    }
                    2->{
                        // 預覽視頻
                        PictureSelector.create(this@AddGoodsActivity).externalPictureVideo(media.path)
                    }
                    3->{
                        // 預覽音頻
                        PictureSelector.create(this@AddGoodsActivity).externalPictureAudio(media.path)
                    }
                }
            }
        }
        btn_add_ship_submit.setOnClickListener { getSubmit() }
    }

    fun getSubmit() = when{
        txt_add_goods_type.text.toString().isEmpty()->toast("請選擇貨物種類")
        txt_add_goods_name.text.toString().isEmpty()->toast("請填寫貨物名稱")
        txt_add_goods_norms.text.toString().isEmpty()->toast("請填寫貨物規則")
        selectImage.isEmpty() ->toast("請上傳貨物圖片")
        txt_add_goods_remark.text.toString().isEmpty()->toast("請填寫商品描述")
        else->{
            loading.show()
            val map=HashMap<String,String>()
            map["store_id"]=""
            map["goods_type"]=""
            map["goods_name"]=txt_add_goods_name.text.toString()
            map["goods_standard"]=txt_add_goods_norms.text.toString()
            map["goods_picture"]=""
            map["goods_price"]=if (txt_add_goods_price.text.toString().isEmpty()) "面談" else txt_add_goods_price.text.toString()
            map["goods_describe"]=txt_add_goods_remark.text.toString()
        }
    }

    override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
        super.onActivityResult(requestCode, resultCode, data)
        if (resultCode == RESULT_OK) {
            when (requestCode) {
                PictureConfig.CHOOSE_REQUEST->{
                    // 圖片選擇結果回調
                    selectImage = PictureSelector.obtainMultipleResult(data)
                    // 例如 LocalMedia 里面返回三種path
                    // 1.media.getPath(); 為原圖path
                    // 2.media.getCutPath();為裁剪后path，需判斷media.isCut();是否為true
                    // 3.media.getCompressPath();為壓縮后path，需判斷media.isCompressed();是否為true
                    // 如果裁剪并壓縮了，已取壓縮路徑為準，因為是先裁剪后壓縮的
                    adapterImage?.setList(selectImage)
                    adapterImage?.notifyDataSetChanged()
                }
            }
        }
    }

    private val onAddPicClickListener= GridImageAdapter.onAddPicClickListener {
        // 進入相冊 以下是例子：不需要的api可以不寫
        PictureSelector.create(this)
                .openGallery(PictureMimeType.ofImage())// 全部.PictureMimeType.ofAll()、圖片.ofImage()、視頻.ofVideo()、音頻.ofAudio()
                .maxSelectNum(5)// 最大圖片選擇數量
                .minSelectNum(1)// 最小選擇數量
                .imageSpanCount(4)// 每行顯示個數
                .selectionMode(PictureConfig.MULTIPLE)// 多選 or 單選
                .previewImage(true)// 是否可預覽圖片
                .isCamera(true)// 是否顯示拍照按鈕
                .isZoomAnim(true)// 圖片列表點擊 縮放效果 默認true
                .enableCrop(true)// 是否裁剪
                .synOrAsy(true)//同步true或異步false 壓縮 默認同步
                .glideOverride(160, 160)// glide 加載寬高，越小圖片列表越流暢，但會影響列表圖片瀏覽的清晰度
                .withAspectRatio(1,1)// 裁剪比例 如16:9 3:2 3:4 1:1 可自定義
                .hideBottomControls(true)// 是否顯示uCrop工具欄，默認不顯示
                .freeStyleCropEnabled(true)// 裁剪框是否可拖拽
                .showCropGrid(true)// 是否顯示裁剪矩形網格 圓形裁剪時建議設為false
                .openClickSound(false)// 是否開啟點擊聲音
                .selectionMedia(selectImage)// 是否傳入已選圖片
                //.isDragFrame(false)// 是否可拖動裁剪框(固定)
//                        .videoMaxSecond(15)
//                        .videoMinSecond(10)
                //.previewEggs(false)// 預覽圖片時 是否增強左右滑動圖片體驗(圖片滑動一半即可看到上一張是否選中)
                //.cropCompressQuality(90)// 裁剪壓縮質量 默認100
                .minimumCompressSize(100)// 小于100kb的圖片不壓縮
                //.cropWH()// 裁剪寬高比，設置如果大于圖片本身寬高則無效
                //.rotateEnabled(true) // 裁剪是否可旋轉圖片
                //.scaleEnabled(true)// 裁剪是否可放大縮小圖片
                //.videoQuality()// 視頻錄制質量 0 or 1
                //.videoSecond()//顯示多少秒以內的視頻or音頻也可適用
                //.recordVideoSecond()//錄制視頻秒數 默認60s
                .forResult(PictureConfig.CHOOSE_REQUEST)//結果回調onActivityResult code
    }
}

4.xml界面

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

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="50dp">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"

            android:orientation="vertical">
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:layout_alignParentStart="true"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="25dp">
                <TextView
                    android:id="@+id/txt_add_goods_type_title"
                    android:layout_width="80dp"
                    android:layout_centerVertical="true"
                    android:layout_height="wrap_content"
                    android:text="種      類"
                    android:textColor="#0F0F0F" />

                <TextView
                    android:id="@+id/txt_add_goods_type"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textSize="14dp"
                    android:background="@null"
                    android:hint="選擇貨物種類"
                    android:layout_centerVertical="true"
                    android:layout_toEndOf="@+id/txt_add_goods_type_title" />
            </RelativeLayout>
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginLeft="15dp"
                android:layout_marginRight="15dp"
                android:background="#ECECEC"/>

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:layout_alignParentStart="true"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="25dp">

                <TextView
                    android:id="@+id/txt_add_goods_name_title"
                    android:layout_width="80dp"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:text="貨      名"
                    android:textColor="#0F0F0F" />

                <TextView
                    android:id="@+id/txt_add_goods_name"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textSize="14dp"
                    android:background="@null"
                    android:hint="填寫貨名"
                    android:layout_centerVertical="true"
                    android:layout_toEndOf="@+id/txt_add_goods_name_title" />
            </RelativeLayout>
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginLeft="15dp"
                android:layout_marginRight="15dp"
                android:background="#ECECEC"/>
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:layout_alignParentStart="true"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="25dp">

                <TextView
                    android:id="@+id/txt_add_goods_norms_title"
                    android:layout_width="80dp"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:text="規      格"
                    android:textColor="#0F0F0F" />

                <TextView
                    android:id="@+id/txt_add_goods_norms"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textSize="14dp"
                    android:background="@null"
                    android:hint="填寫規格"
                    android:layout_centerVertical="true"
                    android:layout_toEndOf="@+id/txt_add_goods_norms_title" />
            </RelativeLayout>
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginLeft="15dp"
                android:layout_marginRight="15dp"
                android:background="#ECECEC"/>
            <android.support.v7.widget.RecyclerView
                android:id="@+id/rcy_add_goods"
                android:layout_margin="25dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginLeft="15dp"
                android:layout_marginRight="15dp"
                android:background="#ECECEC"/>

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:layout_alignParentStart="true"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="25dp">

                <TextView
                    android:id="@+id/txt_add_goods_price_title"
                    android:layout_width="80dp"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:text="價      格"
                    android:textColor="#0F0F0F" />

                <TextView
                    android:id="@+id/txt_add_goods_price"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textSize="14dp"
                    android:background="@null"
                    android:hint="填寫價格，不填默認為面談"
                    android:layout_centerVertical="true"
                    android:layout_toEndOf="@+id/txt_add_goods_price_title" />
            </RelativeLayout>
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginLeft="15dp"
                android:layout_marginRight="15dp"
                android:background="#ECECEC"/>
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:layout_alignParentStart="true"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="25dp">

                <TextView
                    android:id="@+id/txt_add_goods_remark_title"
                    android:layout_width="80dp"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:text="描      述"
                    android:textColor="#0F0F0F" />

                <TextView
                    android:id="@+id/txt_add_goods_remark"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:textSize="14dp"
                    android:background="@null"
                    android:hint="填寫詳情描述"
                    android:layout_centerVertical="true"
                    android:layout_toEndOf="@+id/txt_add_goods_remark_title" />
            </RelativeLayout>
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_marginLeft="15dp"
                android:layout_marginRight="15dp"
                android:background="#ECECEC"/>
        </LinearLayout>
    </ScrollView>

    <Button
        android:id="@+id/btn_add_ship_submit"
        android:layout_width="match_parent"
        android:layout_height="42dp"
        android:textColor="@color/white"
        android:layout_alignParentBottom="true"
        android:text="發布"
        android:textSize="16dp"
        android:layout_margin="8dp"
        android:background="@drawable/bg_circle_2_solid_lan"/>

</RelativeLayout>