Android RecyclerView设计通用Adapter
RecylerView 的使用頻率現在也算做是很高了吧?使用起來的確是挺方便的,也容易實現一些比較好看的效果
一、一般步驟
一般的設計流程都是如下所示
首先是需要一個 JavaBean 來承載數據,包含的內容分別是標題還有內容
然后繼承 RecyclerView.Adapter ,并實現幾個固定方法
public class MyRecyclerAdapter extends RecyclerView.Adapter<MyRecyclerAdapter.MyViewHolder> {private List<Data> dataList;private LayoutInflater layoutInflater;public MyRecyclerAdapter(Context context, List<Data> dataList) {this.dataList = dataList;layoutInflater = LayoutInflater.from(context);}@Overridepublic MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {View itemView = layoutInflater.inflate(R.layout.item_left, parent, false);return new MyViewHolder(itemView);}@Overridepublic void onBindViewHolder(MyViewHolder holder, int position) {holder.tv_title.setText(dataList.get(position).getTitle());holder.tv_content.setText(dataList.get(position).getContent());}@Overridepublic int getItemCount() {return dataList.size();}class MyViewHolder extends RecyclerView.ViewHolder {private TextView tv_title;private TextView tv_content;MyViewHolder(View itemView) {super(itemView);tv_title = (TextView) itemView.findViewById(R.id.tv_title);tv_content = (TextView) itemView.findViewById(R.id.tv_content);}}}使用到的布局文件
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><TextViewandroid:id="@+id/tv_title"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="left"android:textSize="15sp" /><TextViewandroid:id="@+id/tv_content"android:layout_width="match_parent"android:layout_height="wrap_content"android:textSize="15sp" /><Viewandroid:layout_width="match_parent"android:layout_height="1px"android:background="#abc" /></LinearLayout>然后再來為 RecycleView 填充 Adapter
public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycleView);recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));List<Data> dataList = new ArrayList<>();for (int i = 0; i < 40; i++) {Data data = new Data("葉應是葉", "我也不知道說什么好,我也不知道說什么好,我也不知道說什么好,我也不知道說什么好");dataList.add(data);}MyRecyclerAdapter adapter = new MyRecyclerAdapter(this, dataList);recyclerView.setAdapter(adapter);} }運行效果如下
這里寫圖片描述
使用多了會發現,其實 MyRecyclerAdapter 中幾個需要實現的方法其實都是步驟都是類似的,如果每次都要來重復這樣的步驟,那真的是在做無用的工作了
這里,來為 RecycleView 設計一個通用 Adapter,取代掉那些重復的步驟,讓代碼更加簡潔
二、通用ViewHolder
首先,繼承 RecyclerView.ViewHolder 實現一個通用的 ViewHolder
當中,使用 SparseArray 來存放 View 以減少 findViewById 的次數,SparseArray 比 HashMap 更省內存,在某些條件下性能會更好,不過只能存儲 key 為 int 類型的數據,正好用來存放資源ID
因為列表項中一般都是使用 TextView 和 ImageView 兩個控件,所以這里提供兩個控件的操作方法。此外,為了監聽列表項單擊和雙擊事件,這里再來自定義一個接口 onItemCommonClickListener ,用于點擊事件回調
public class CommonViewHolder extends RecyclerView.ViewHolder implements View.OnLongClickListener, View.OnClickListener {// SparseArray 比 HashMap 更省內存,在某些條件下性能更好,只能存儲 key 為 int 類型的數據,// 用來存放 View 以減少 findViewById 的次數private SparseArray<View> viewSparseArray;private onItemCommonClickListener commonClickListener;public CommonViewHolder(View itemView) {super(itemView);itemView.setOnClickListener(this);itemView.setOnLongClickListener(this);viewSparseArray = new SparseArray<>();}/*** 根據 ID 來獲取 View** @param viewId viewID* @param <T> 泛型* @return 將結果強轉為 View 或 View 的子類型*/public <T extends View> T getView(int viewId) {// 先從緩存中找,找打的話則直接返回// 如果找不到則 findViewById ,再把結果存入緩存中View view = viewSparseArray.get(viewId);if (view == null) {view = itemView.findViewById(viewId);viewSparseArray.put(viewId, view);}return (T) view;}public CommonViewHolder setText(int viewId, CharSequence text) {TextView tv = getView(viewId);tv.setText(text);return this;}public CommonViewHolder setViewVisibility(int viewId, int visibility) {getView(viewId).setVisibility(visibility);return this;}public CommonViewHolder setImageResource(int viewId, int resourceId) {ImageView imageView = getView(viewId);imageView.setImageResource(resourceId);return this;}protected interface onItemCommonClickListener {void onItemClickListener(int position);void onItemLongClickListener(int position);}public void setCommonClickListener(onItemCommonClickListener commonClickListener) {this.commonClickListener = commonClickListener;}@Overridepublic void onClick(View v) {if (commonClickListener != null) {commonClickListener.onItemLongClickListener(getAdapterPosition());}}@Overridepublic boolean onLongClick(View v) {if (commonClickListener != null) {commonClickListener.onItemClickListener(getAdapterPosition());}return false;} }三、通用RecyclerAdapter
再來實現一個通用的 RecyclerView.Adapter
因為不知道要使用到的數據類型是哪一種,也為了更好的適配各種數據類型,所以這里需要用到泛型
當中,onBindViewHolder(CommonViewHolder holder, int position) 需要我們自己來操作,所以這里再來聲明一個抽象方法 bindData(CommonViewHolder holder, T data) ,由子類來負責實現綁定操作
public abstract class CommonRecycleAdapter<T> extends RecyclerView.Adapter<CommonViewHolder> {protected LayoutInflater layoutInflater;protected List<T> dataList;protected int layoutId;public CommonRecycleAdapter(Context context, List<T> dataList, int layoutId) {this.layoutInflater = LayoutInflater.from(context);this.dataList = dataList;this.layoutId = layoutId;}@Overridepublic int getItemViewType(int position) {return super.getItemViewType(position);}@Overridepublic CommonViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {View itemView = layoutInflater.inflate(layoutId, parent, false);return new CommonViewHolder(itemView);}@Overridepublic void onBindViewHolder(CommonViewHolder holder, int position) {bindData(holder, dataList.get(position));}@Overridepublic int getItemCount() {return dataList.size();}abstract void bindData(CommonViewHolder holder, T data);}這樣,就有了一個實現了基本操作的通用 Adapter
這里再來看看如何使用它
四、使用通用 Adapter
需要先來繼承 CommonRecycleAdapter ,只需要實現一個方法即可,看起來簡潔多了吧
代碼中聲明了兩個構造函數,根據是否需要用到點擊事件監聽來選擇
這里選擇要監聽點擊事件
public class MainActivity extends AppCompatActivity implements CommonViewHolder.onItemCommonClickListener {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycleView);recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));List<Data> dataList = new ArrayList<>();for (int i = 0; i < 40; i++) {Data data = new Data("葉應是葉", "我也不知道說什么好,我也不知道說什么好,我也不知道說什么好,我也不知道說什么好");dataList.add(data);}//MyRecyclerAdapter adapter = new MyRecyclerAdapter(this, dataList);MyAdapter adapter = new MyAdapter(this, dataList, this);recyclerView.setAdapter(adapter);}@Overridepublic void onItemClickListener(int position) {Toast.makeText(this, "position:" + position, Toast.LENGTH_SHORT).show();}@Overridepublic void onItemLongClickListener(int position) {Toast.makeText(this, "position:" + position, Toast.LENGTH_SHORT).show();}}運行效果
這里寫圖片描述
五、布局多樣化
前面,CommonRecycleAdapter 已經可以為我們節省很多代碼了,免去了一些重復性操作
這里,可以再來更進一步使 CommonRecycleAdapter 得以更加通用
舉個例子,類似微信App的聊天界面那樣,自己發送的信息和對方發送來的信息位置是一左一右的,也就是說,這個聊天列表使用了兩個不同的布局文件
那么,可以也為 CommonRecycleAdapter 加入支持多布局的功能
為了標識數據的不同,在 Data 類中加入一個新的變量 location
/*** Created by 葉應是葉 on 2017/2/25.*/public class Data {private String title;private String content;private String location;public Data(String title, String content) {this.title = title;this.content = content;}public String getTitle() {return title;}public void setTitle(String title) {this.title = title;}public String getContent() {return content;}public void setContent(String content) {this.content = content;}public String getLocation() {return location;}public void setLocation(String location) {this.location = location;}}之前使用的布局中標題是靠左的,這里再定義一個布局,使標題靠右
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><TextViewandroid:id="@+id/tv_title"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="right"android:textSize="20sp" /><TextViewandroid:id="@+id/tv_content"android:layout_width="match_parent"android:layout_height="wrap_content"android:textSize="20sp" /><Viewandroid:layout_width="match_parent"android:layout_height="1px"android:background="#abc" /></LinearLayout>然后,需要有一個方法來判斷哪種數據類型需要使用哪種布局,所以再來定義一個接口,getLayoutId() 用于返會布局文件ID
public interface MultiTypeSupport<T> {int getLayoutId(T item, int position);}修改 CommonRecycleAdapter
如果 multiTypeSupport 不為 null,意思就是要使用到不同的布局文件了,則調用 getLayoutId() 方法,將其返回值作為 ItemViewType
修改 MyAdapter 類,實現 MultiTypeSupport 接口,根據 Data 對象的 location 字段的值,來決定返回哪個布局文件的ID
public class MyAdapter extends CommonRecycleAdapter<Data> implements MultiTypeSupport<Data> {private CommonViewHolder.onItemCommonClickListener commonClickListener;public MyAdapter(Context context, List<Data> dataList) {super(context, dataList, R.layout.item_left);}public MyAdapter(Context context, List<Data> dataList, CommonViewHolder.onItemCommonClickListener commonClickListener) {super(context, dataList, R.layout.item_left);this.commonClickListener = commonClickListener;this.multiTypeSupport = this;}@Overridevoid bindData(CommonViewHolder holder, Data data) {holder.setText(R.id.tv_title, data.getTitle()).setText(R.id.tv_content, data.getContent()).setCommonClickListener(commonClickListener);}@Overridepublic int getLayoutId(Data item, int position) {if (item.getLocation().equals("left")) {return R.layout.item_left;}return R.layout.item_right;}}再來修改 Activity 中的代碼
public class MainActivity extends AppCompatActivity implements CommonViewHolder.onItemCommonClickListener {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycleView);recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));List<Data> dataList = new ArrayList<>();boolean bool = false;for (int i = 0; i < 40; i++) {Data data = new Data("葉應是葉", "我也不知道說什么好,我也不知道說什么好,我也不知道說什么好,我也不知道說什么好");if (!bool) {data.setLocation("left");} else {data.setLocation("right");}bool = !bool;dataList.add(data);}//MyRecyclerAdapter adapter = new MyRecyclerAdapter(this, dataList);MyAdapter adapter = new MyAdapter(this, dataList, this);recyclerView.setAdapter(adapter);}@Overridepublic void onItemClickListener(int position) {Toast.makeText(this, "position:" + position, Toast.LENGTH_SHORT).show();}@Overridepublic void onItemLongClickListener(int position) {Toast.makeText(this, "position:" + position, Toast.LENGTH_SHORT).show();}}運行效果如下
這里寫圖片描述
可以看到,每隔一行使用到的布局都不一樣
這樣一來,通用的 Adapter 也設計完成了,以后即使需要使用到很多種不同的數據類型,只要繼承 CommonRecycleAdapter ,實現一個或兩個方法,就可以搞定 Adapter 了
這里提供示例代碼下載:Android RecyclerView設計通用Adapter
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
以上是生活随笔為你收集整理的Android RecyclerView设计通用Adapter的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Linux命令及Linux终端的20个趣
- 下一篇: 孪生素数(差为2)