Android自定义图片选择器简单版

下面是Android自定义图片选择器简单版的完整攻略：

1. 简介

随着移动设备的普及，越来越多的应用需要让用户上传图片。这时候，就需要一个优秀的图片选择器来让用户方便地从相册或者拍照中选择图片并进行上传。本篇攻略介绍如何自定义一个简单的图片选择器。

2. 实现步骤

2.1 添加权限

我们需要在AndroidManifest.xml文件中添加读取和写入SD卡的权限。

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

2.2 创建布局文件

接下来，我们创建一个布局文件，其中包含一个RecyclerView和一个悬浮按钮。

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

   <android.support.v7.widget.RecyclerView
       android:id="@+id/rv_image"
       android:layout_width="match_parent"
       android:layout_height="match_parent"/>

   <android.support.design.widget.FloatingActionButton
       android:id="@+id/fab_choose_image"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignParentBottom="true"
       android:layout_marginBottom="16dp"
       android:layout_marginRight="16dp"
       android:src="@drawable/ic_add_white_24dp"
       android:backgroundTint="@color/colorAccent" />

</RelativeLayout>

2.3 创建RecyclerView的Adapter

接下来，我们创建一个RecyclerView的Adapter，用于显示图片列表和监听点击事件，代码如下：

public class ImageListAdapter extends RecyclerView.Adapter<ImageListAdapter.ViewHolder> {

    private List<String> mImageList;
    private Context mContext;
    private OnImageClickListener mOnImageClickListener;

    public ImageListAdapter(Context context, List<String> imageList, OnImageClickListener listener) {
        mContext = context;
        mImageList = imageList;
        mOnImageClickListener = listener;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new ViewHolder(LayoutInflater.from(mContext).inflate(R.layout.item_image_list, parent, false));
    }

    @Override
    public void onBindViewHolder(final ViewHolder holder, int position) {
        Glide.with(mContext).load(mImageList.get(position)).into(holder.mImageView);
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mOnImageClickListener.onImageClick(holder.getAdapterPosition());
            }
        });
    }

    @Override
    public int getItemCount() {
        return mImageList.size();
    }

    static class ViewHolder extends RecyclerView.ViewHolder {

        ImageView mImageView;

        public ViewHolder(View itemView) {
            super(itemView);
            mImageView = (ImageView) itemView.findViewById(R.id.iv_image);
        }
    }

    public interface OnImageClickListener {
        void onImageClick(int position);
    }
}

2.4 创建Activity

最后，我们创建一个Activity来显示图像列表和处理点击事件。下面是示例代码：

public class MainActivity extends AppCompatActivity implements ImageListAdapter.OnImageClickListener, View.OnClickListener {

    private static final int REQUEST_CODE_PICK_IMAGE = 1;

    private List<String> mImageList = new ArrayList<>();
    private RecyclerView mRecyclerView;
    private FloatingActionButton mFabChooseImage;
    private ImageListAdapter mAdapter;
    private Uri mImageUri;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mRecyclerView = (RecyclerView) findViewById(R.id.rv_image);
        mFabChooseImage = (FloatingActionButton) findViewById(R.id.fab_choose_image);

        mRecyclerView.setLayoutManager(new GridLayoutManager(this, 3));
        mAdapter = new ImageListAdapter(this, mImageList, this);
        mRecyclerView.setAdapter(mAdapter);

        mFabChooseImage.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.fab_choose_image:
                pickImage();
                break;
        }
    }

    private void pickImage() {
        Intent intent = new Intent(Intent.ACTION_PICK);
        intent.setType("image/*");
        startActivityForResult(intent, REQUEST_CODE_PICK_IMAGE);
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        if (requestCode == REQUEST_CODE_PICK_IMAGE && resultCode == RESULT_OK) {
            mImageUri = data.getData();
            mImageList.add(mImageUri.toString());
            mAdapter.notifyDataSetChanged();
        }
    }

    @Override
    public void onImageClick(int position) {
        String imagePath = mImageList.get(position);

        // TODO: 根据需求处理图片的点击事件
    }
}

3. 总结

至此，我们就成功地自定义了一个简单的图片选择器。本攻略主要介绍了如何创建RecyclerView的Adapter并实现图片的显示和点击事件。具体实现基于Glide和RecyclerView框架。通过本篇攻略的学习，相信读者可以更加灵活地使用自定义控件开发出更加丰富多彩的应用。