Firebase UI RecyclerView onClick

Question

我正在使用Firebase UI FirebaseRecyclerAdapter来填充RecyclerView.我设法从项目视图(标题)的组件中获取单击事件,但不是在项目视图中的任何位置,这是我需要的.我跟着谷歌样本.

在我的活动中:

private void setRecyclerView() {
    recyclerView = (RecyclerView) findViewById(R.id.recycler_view_gigs);
    recyclerView.setHasFixedSize(true);
    recyclerView.setLayoutManager(new LinearLayoutManager(this));
    mAdapter = new FirebaseRecyclerAdapter<Gig, GigViewHolder>(Gig.class,
            R.layout.list_item_card,
            GigViewHolder.class,
            reference) {
        @Override
        protected void populateViewHolder(final GigViewHolder viewGig, Gig model, final int position) {

            viewGig.itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Log.i(Utils.TAG, "onItemClickGeneral: position " + position);
                    // this doesn't work
                }
            });
            viewGig.bindToGig(model, new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Log.i(Utils.TAG, "onItemClickTitle: position " + position);
                    // this works
                }
            });
        }
    };
    recyclerView.setAdapter(mAdapter);
}

和我的ViewHolderClass:

public class GigViewHolder extends RecyclerView.ViewHolder {

ImageView ivIconArtist;
TextView tvArtist;
TextView tvVenue;
TextView tvDate;

public GigViewHolder(View view) {
    super(view);
    ivIconArtist = (ImageView) view.findViewById(R.id.iv_list_item_icon_artist);
    tvArtist = (TextView) view.findViewById(R.id.tv_list_item_artist);
    tvVenue = (TextView) view.findViewById(R.id.tv_list_item_venue);
    tvDate = (TextView) view.findViewById(R.id.tv_list_item_date);
}

public void bindToGig(Gig gig, View.OnClickListener clickListener) {
    tvArtist.setText(gig.getArtist());
    tvVenue.setText(gig.getVenue());
    tvDate.setText(gig.getDate());

    tvArtist.setOnClickListener(clickListener);
}

}

我尝试了其他答案中建议的自定义onclicklistener +界面,也没有运气.

Answer 1

在FirebaseRecyclerViewAdapter中为整个行/项实现单击和长按监听器.

我这样做了.

首先,在ViewHolder类中定义一个接口以发送回调.在其构造函数中,您可以为整行或单个组件设置单击/长按侦听器.
然后覆盖onCreateViewHolder的FirebaseRecyclerAdapter地方,你会实现这个接口.

实施

我的FirebaseViewHolder班级.

public class FirebaseViewHolder extends RecyclerView.ViewHolder {

    public ImageView mImageView;
    public TextView mPostTitle;
    public TextView mPostDesc;

    public FirebaseViewHolder(View itemView) {
        super(itemView);

        mImageView = (ImageView) itemView.findViewById(R.id.image_recyclerview);
        mPostTitle = (TextView) itemView.findViewById(R.id.tv_title_recyclerview_item);
        mPostDesc = (TextView) itemView.findViewById(R.id.tv_desc_recyclerview_item);

        //listener set on ENTIRE ROW, you may set on individual components within a row.
        itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mClickListener.onItemClick(v, getAdapterPosition());

            }
        });
        itemView.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View v) {
                mClickListener.onItemLongClick(v, getAdapterPosition());
                return true;
            }
        });

    }
    private FirebaseViewHolder.ClickListener mClickListener;

    //Interface to send callbacks...
    public interface ClickListener{
        public void onItemClick(View view, int position);
        public void onItemLongClick(View view, int position);
    }

    public void setOnClickListener(FirebaseViewHolder.ClickListener clickListener){
        mClickListener = clickListener;
    }
}

创造FirebaseRecyclerAdapter.

FirebaseRecyclerAdapter<Post, FirebaseViewHolder> adapter = new   FirebaseRecyclerAdapter<Post, FirebaseViewHolder>(
            Post.class,
            R.layout.recyclerview_list_item,
            FirebaseViewHolder.class,
            databaseReference

    ) {
        @Override
        protected void populateViewHolder(FirebaseViewHolder viewHolder, Post model, int position) {

            Picasso.with(getActivity())
                    .load(model.image_url)
                    .into(viewHolder.mImageView);
            Log.v(TAG, model.image_url);
            //viewHolder.mImageView.setImageResource(R.mipmap.ic_launcher);
            viewHolder.mPostTitle.setText(model.title);
            viewHolder.mPostDesc.setText(model.desc);
        }

        @Override
        public FirebaseViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            FirebaseViewHolder viewHolder = super.onCreateViewHolder(parent, viewType);
            viewHolder.setOnClickListener(new FirebaseViewHolder.ClickListener() {
                @Override
                public void onItemClick(View view, int position) {
                    Toast.makeText(getActivity(), "Item clicked at " + position, Toast.LENGTH_SHORT).show();
                }

                @Override
                public void onItemLongClick(View view, int position) {
                    Toast.makeText(getActivity(), "Item long clicked at " + position, Toast.LENGTH_SHORT).show();
                }
            });
            return viewHolder;
        }
    };

Answer 2

这个问题有几个答案。对我有用的一个是how-to-implement-a-setonitemclicklistener-firebaserecyclerviewadapter提供的答案Frank van Puffelen

你需要改变一些事情。

GigViewHolder在构造函数之前public class GigViewHolder extends RecyclerView.ViewHolder定义一个像这样的全局变量View itemView;

在构造函数内部GigViewHolder，将此变量分配为构造函数上作为参数传递的视图，如下所示this.itemView= view;

然后itemView在您的populateViewHolder方法中使用它，就像您所做的那样，如图所示

viewGig.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.i(Utils.TAG, "onItemClickGeneral: position " + position);
                // This WORKS, write your TODO here
            }
        });

您还可以通过以下链接探索其他选项： RecyclerView onClick