1. 程式人生 > >Android教程2020 - RecyclerView響應點選

Android教程2020 - RecyclerView響應點選

本文介紹RecyclerView設定點選的方法。這裡給出比較常見的使用方式。

Android教程2020 - 系列總覽

本文連結

前面我們已經知道如何用RecyclerView顯示一列資料。
使用者點選某個item時,app可以做出相應的反應。這裡我們使用新增點選監聽器的方式來實現這個效果。
Android開發中,監聽器模式使用十分廣泛。最先被開發者認識到的應該是Button的點選事件監聽。

設計並新增監聽器

首先設計監聽器。OnItemClickListener1介面。實際開發中,介面的名字可以定義的更有含義一些。

public interface OnItemClickListener {

    void onItemClick(Character c);

    void onItemLongClick(Character c);

}

這個接口裡我們放置了2個方法。分別用來響應點選與長按事件。

Adapter持有監聽器

首先修改一下VH類。我們希望整個item來接受點選。

    private class VH extends RecyclerView.ViewHolder {
        View item; // 我們希望拿到整個item的view
        TextView tv1;
        TextView tv2;

        public VH(@NonNull View itemView) {
            super(itemView);
            item = itemView;
            tv1 = itemView.findViewById(R.id.tv1);
            tv2 = itemView.findViewById(R.id.tv2);
        }
    }

接下來修改前面的Adapter類。在介面卡中持有監聽器物件onItemClickListener
onBindViewHolder方法中,給item設定監聽。

holder.item.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        if (onItemClickListener != null) {
            onItemClickListener.onItemClick(c);
        }
    }
});
holder.item.setOnLongClickListener(new View.OnLongClickListener() {
    @Override
    public boolean onLongClick(View v) {
        if (onItemClickListener != null) {
            onItemClickListener.onItemLongClick(c);
        }
        return true;
    }
});

這裡加上判空處理。防止空指標。
實際上,是item接受到了點選事件,再通過我們設計的監聽器把事件傳出去。
setOnLongClickListener這裡返回true。把這個long click事件消費掉。

此時的LetterAdapter完整程式碼如下。

    private class LetterAdapter extends RecyclerView.Adapter<VH> {

        private List<Character> dataList;
        private OnItemClickListener onItemClickListener;

        public LetterAdapter(List<Character> dataList) {
            this.dataList = dataList;
        }

        @NonNull
        @Override
        public VH onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            return new VH(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_letter, parent, false));
        }

        @Override
        public void onBindViewHolder(@NonNull VH holder, int position) {
            final Character c = dataList.get(position);
            holder.tv1.setText(c.toString());
            holder.tv2.setText(String.valueOf(Integer.valueOf(c)));
            holder.item.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (onItemClickListener != null) {
                        onItemClickListener.onItemClick(c);
                    }
                }
            });
            holder.item.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    if (onItemClickListener != null) {
                        onItemClickListener.onItemLongClick(c);
                    }
                    return true;
                }
            });
        }

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


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

    }

使用監聽器

經過上面的努力,我們的Adapter有了監聽器的功能。現在在activity中為列表設定監聽。

    mLetterAdapter.setOnItemClickListener(new OnItemClickListener() {
        @Override
        public void onItemClick(Character c) {
            Toast.makeText(getApplicationContext(), "Click " + c, Toast.LENGTH_SHORT).show();
        }

        @Override
        public void onItemLongClick(Character c) {
            Toast.makeText(getApplicationContext(), "Long click " + c, Toast.LENGTH_LONG).show();
        }
    });

這裡可以看出,設定監聽器的是Adapter,而不是recyclerView。

執行起來,點選列表看看效果。

設計監聽器的另一個方案

上面我們通過介面(interface)來給設計了點選監聽器。
我們可以試試不用介面,改用抽象類(abstract class)來設計監聽器。

新建抽象類AbsOnItemClick.java

public abstract class AbsOnItemClick {

    public abstract void onClick(char c);

    public void onLongClick(char c) {

    }
}

裡面1個抽象方法,1個普通public方法。

依葫蘆畫瓢,在LetterAdapter類中新增這個監聽器。

private AbsOnItemClick absOnItemClick;

// onBindViewHolder方法中設定監聽

    holder.item.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            if (absOnItemClick != null) {
                absOnItemClick.onClick(c);
            }
        }
    });
    holder.item.setOnLongClickListener(new View.OnLongClickListener() {
        @Override
        public boolean onLongClick(View v) {
            if (absOnItemClick != null) {
                absOnItemClick.onLongClick(c);
            }
            return true;
        }
    });

// setter方法 設定監聽器
public void setAbsOnItemClick(AbsOnItemClick absOnItemClick) {
    this.absOnItemClick = absOnItemClick;
}

在activity中設定監聽器。

mLetterAdapter.setAbsOnItemClick(new AbsOnItemClick() {
    @Override
    public void onClick(char c) {
        Log.d("rustApp", "[abs] onClick: " + c);
    }
});

執行起來看看效果。可以看到打出了log。

rustApp: [abs] onClick: h

對比介面我們可體會到,抽象類有自己獨特的地方。抽象類強制我們實現了它的抽象方法。而普通的方法是由我們自己選擇是否重寫。
在實際開發中,我們可以根據需要選擇是用介面還是抽象類。

工程放這裡: https://github.com/AnRFDev/Tutorial2020

相關閱讀
RecyclerView - 使用入門
RecyclerView點選事件 - 如何設定點選事件
RecyclerView示例 - 實際使用
RecyclerView獲取滑動距離
RecyclerView顯示多種i