Android RecyclerView实现类似微信图片添加

微信图片_20190316183917.jpg

这种类似微信图片添加的功能项目中很常见，但是发现网上的例子都是比较老的，也是 GridView 实现的，所以打算 RecycleView 实现一下这种小功能

要解决的就是图片没有到 最大数量 会显示添加的图片，达到最大数量就隐藏添加的图片

解决：RecycleView 的多布局，还有 item 数量的处理

//定义两种类型
    private static final int VIEW = 1;
    private static final int ADD_VIEW = 2;
     ....
//返回不同的类型显示不同的布局
  @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == VIEW) {
            view = LayoutInflater.from(context).inflate(R.layout.item_replylist_image, parent, false);
            return new ViewHolder(view);
        } else {
            view = LayoutInflater.from(context).inflate(R.layout.item_footer_view, parent, false);
            return new ViewHolderTwo(view);
        }
    }
//返回的数量
   @Override
    public int getItemCount() {
//如果小于最大的图片就+1，因为要显示添加的图片
        if (uri.size() < maxSize) {
            return uri.size() + 1;
        } else {
            return uri.size();
        }
    }
//返回的的类型
  @Override
    public int getItemViewType(int position) {
        if (isShowAdd(position)) {
            return ADD_VIEW ;
        } else {
            return VIEW;
        }
    }
//根据 position 判断显示什么布局
    private boolean isShowAdd(int position) {
//position=0 的时候  uris.size() 也等于0，返回 true，那么就是显示 添加的图片，postion =1，
//uris.size()=3 (因为 position下标从 0 开始 而且最大数量是 9 张 那么就是有3张图片 返回 false)
//以此类推
        int size = uris.size() == 0 ? 0 : uris.size();
        return position == size;
    }
//根据不用的类型显示
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
        if (holder instanceof ViewHolder) {
            Glide.with(context)
                    .load(uris.get(position))
                    .into(((ViewHolder) holder).imageView);
            ((ViewHolder) holder).imageViewRemove.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (removeListener != null) {
                        //接口回调
                        removeListener.removeImage(position);
                    }
                }
            });
        } else if (holder instanceof ViewHolderTwo) {
            ((ViewHolderTwo) holder).imageViewAdd.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (addListener != null) {
                         //接口回调
                        addListener.addImage();
                    }
                }
            });
        }
    }

这样就可以实现类似微信的图片添加啦，接口回调数据处理，刷新显示就看自己业务需求啦。