自定义相册、九宫格显示图片

一 自定义相册

结合Glide图片库，加载显示本地图片，并可以实现单选，多选，预览功能。特点

•  加载最近新增图片，GridView显示
• 分文件夹选择图片
• 支持单选，多选（最大9张）
• 支持大图预览

以库的形式保存，实际项目中导入PhotoSelector库使用。

二 九宫格显示图片

• 九宫格形式显示图片
• 点击预览大图

GirdView 设置

    <com.zc.baselib.view.NoScrollGridView
                android:id="@+id/gv_photo"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginTop="@dimen/margin_min"
                android:background="@null"
                android:clickable="false"
                android:listSelector="@android:color/transparent"
                android:verticalSpacing="@dimen/margin_min_a"
                android:numColumns="3"/>

自定义PhotoGridAdapter数据源

public class PhotoGridAdapter extends CommonListAdapter<ImageModel> {

    private int itemWidth;
    private int gridViewWidth;
    private int horizentalNum = 3;
    private AbsListView.LayoutParams itemLayoutParams;

    public PhotoGridAdapter(Context context, List<ImageModel> mDatas) {
        super(context, mDatas);
    }

    public PhotoGridAdapter(Context context, List<ImageModel> mDatas, int width) {
        super(context, mDatas);
        this.gridViewWidth = width;
        setItemWidth();
    }

    /**
     * 设置每一个Item的宽高 = (GirdView宽度 - 行间距) / 每行显示个数
     */
    public void setItemWidth() {
        int horizentalSpace = mContext.getResources().getDimensionPixelSize(com.zc.photoselector.R.dimen.gridview_item_horizontalSpacing_4);
        this.itemWidth = (gridViewWidth - (horizentalSpace * (horizentalNum - 1))) / horizentalNum;
//        this.itemWidth = viewWidth / horizentalNum;
        this.itemLayoutParams = new AbsListView.LayoutParams(itemWidth, itemWidth);
    }


    @Override
    public View getView(final int position, View view, ViewGroup viewGroup) {
        if (view == null) {
            view = View.inflate(mContext, R.layout.item_photo_grid, null);
            view.setLayoutParams(itemLayoutParams);
        }

        ImageView img_photo = ViewHolder.get(view, R.id.img_photo);
        ImageModel imageModel = mDatas.get(position);
        Glide.with(mContext).load(imageModel.getOriginalPath())
                .dontAnimate()
                .centerCrop()
                .override(300, 300)
                .placeholder(com.zc.photoselector.R.drawable.ic_loading_white)
                .error(com.zc.photoselector.R.drawable.mis_default_error)
                .into(img_photo);

        //查看大图
        img_photo.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(mContext, PhotoPreviewActivity.class);
                intent.putExtra("index", position);
                intent.putExtra("images", (ArrayList) mDatas);
                mContext.startActivity(intent);
            }
        });
        return view;
    }

}

item_photo_grid 布局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/img_photo"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="center"
        android:scaleType="centerCrop" />

</RelativeLayout>

activity引用

 gv_photo = (NoScrollGridView) findViewById(R.id.gv_photo);
        list = new ArrayList<>();
        gv_photo.post(new Runnable() {
            @Override
            public void run() {
                adapter = new PhotoGridAdapter(ServiceActivity.this, list, gv_photo.getWidth());
                gv_photo.setAdapter(adapter);
            }
        });