ListView 和 RecyclerView 的簡單使用

初學Android控制元件時，應該就屬這兩個控制元件的用法最為復雜，所以在此總結一下這兩個控制元件的用法，方便復習和查閱，

ListView 和 RecyclerView 使用的大致相同點

• 使用前都需要準備配接器 Adapter ：其實這兩個控制元件的使用在初學者眼里之所以看起來復雜，最大的原因就是需要根據自己的業務來寫一個Adapter類，（當然也可以用系統的 Adapter 而不自己重寫，但是就會存在一些需求沒辦法定制）

• 使用前都需要準備 item 的 layout ：除了準備一個配接器 Adapter 之外，還需要為串列中的每一項準備一個共用的 layout ，這里就不展開說了，因為這些 layout 的寫法一般是根據需求來的， layout 中可能會包含 ImageView 、TextView 、CheckBox 等等，

• 使用時都是先初始化一個前面第一點提到的配接器Adapter，向其傳入前面第二點提到的 layout 和所需要展示的資料集合等一些引數，然后將這個配接器通過 ListView.setAdapter(adapter) 方法，使配接器作為引數傳入即可（RecyclerView在此之前還有一個步驟，后面會介紹到，只是一行代碼的事，所以我認為使用時整體的步驟與 ListView 是基本相同的），

• 關于使用步驟，Adapter 的不同實作，會出現傳入引數上的差異，可能會導致部分人覺得這里使用時的相同點有點錯誤，其實我在這里只是想表達在使用時需要用到前面所提到的一些東西，具體的細微差別在使用時還是存在的，不用太糾結這部分，

ListView的基本使用

1. 首先，咱們先完成作業量最大的Adapter的撰寫，

public class MyTypeAdapter extends ArrayAdapter<MyType> {
    private int resourceId;
    public MyTypeAdapter(Context context, int resourceId, List<MyType> list){
        super(context,textViewResourceId,list);
        this.resourceId = resourceId;
    }

    @Override
    public View getView(final int position,  View convertView, ViewGroup parent) {
        MyType myType = getItem(position);//這里的資料型別和你要展示的資料是一樣的
        View view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
        ImageView image = view.findViewById(R.id.image);
        TextView text = view.findViewById(R.id.text);
        image.setImageResource(myType.getImageId());
        text.setText(myType.getText());
        return view;
    }
}

2. 其次，完成 ListView 中每一項的共用 item_layout ，

<?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">
    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center" />
</LinearLayout>

3. 最后，做完了準備作業，在需要使用 ListView 的布局檔案中添加它，然后和使用其他控制元件一樣，在 Activity 中獲取，實體化Adapter，并將需要展示的資料集合傳入，最后一步，將 Adapter 設定給 ListView ，大功告成，

4. 如何開啟點擊事件
   4.1 對整個 item 的點擊事件，只需要對 ListView 增加事件監聽即可，在 onItemClick 方法中， position 表示點擊的 item 為第幾項，一般通過這個下標進行對應的資料處理，

listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        //do something...
    }
});

4.2 對 item 中某個控制元件的點擊事件，則需要在 Adapter 中，在 getView 方法中獲取系結到控制元件之后，向其正常添加點擊事件即可，同樣的，getView 方法也有一個 position 引數，也是表示點擊的 item 下標，

ListView的基本優化

• 對 ListView 優化應該從哪里入手呢？想想我們對這個控制元件的使用準備，顯然最先想到的應該是咱們撰寫的 Adapter 了，

• 通過新建一個內部類 ViewHolder 將子項的各個控制元件作為成員屬性，重寫 getView 方法，

• 對傳入該方法的引數 convertView 進行判斷，如果為 null 則進行布局和控制元件的加載，并將 viewHolder 通過 setTag 存盤到 view 中，如果不為 null 則直接 view.getTag() ，

• 這個做法可以使控制元件和布局不必每次都被重復加載，

 @Override
public View getView(final int position, View convertView, ViewGroup parent) {
	if (convertView == null){
		view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);
		viewHolder = new ViewHolder();
		viewHolder.image = view.findViewById(R.id.image);
		viewHolder.text = view.findViewById(R.id.text);
		view.setTag(viewHolder);//將ViewHolder存盤到View中
	} else {
		view = convertView;
		viewHolder = (ViewHolder) view.getTag();
	}
    return view;
}

static class ViewHolder {
	TextView text;
	ImageView image;
}

上面講的就是 ListView 的一些基本內容，還有許多東西需要去探索，接下來講的關于 RecyclerView 其實也大同小異，只要理解了需要 Adapter 作為橋梁去連接資料和 ListView ，那其實 RecyclerView 的基本使用也和 ListView 沒有很大區別，

RecyclerView 的基本使用

1. 使用前添加依賴
   implementation 'com.android.support:recyclerview-v7:27.1.1'
   Androidx的話是：
   implementation 'androidx.recyclerview:recyclerview:1.1.0'

2. 和 ListView 沒兩樣，Adapter 先搞一個，讓它繼承 RecyclerView.Adapter<> 將其中的泛型指定為 adapter.ViewHolder ，

   定義內部類繼承 RecyclerView.ViewHolder ，傳入的引數通常是 RecyclerView 子項的最外層布局，建構式接受資料源，由于它繼承于 RecyclerView.Adapter ，所以必須重寫 onCreateViewHolder() , onBindViewHolder() 和 getItemCount() 三個方法，

   第一個方法用于創建 ViewHolder 實體并把加載的布局傳入建構式并回傳 holder ，第二個方法則是子項的控制元件進行系結并對每個子項賦值，第三個方法回傳 recylerview 的子項數目，

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    private  List<MyType> mList;
    static class ViewHolder extends RecyclerView.ViewHolder{
        ImageView mImage;
        TextView mText;
        
        public ViewHolder (View view) {
            super(view);
            mImage = (ImageView) view.findViewById(R.id.image);
            mText = (TextView) view.findViewById(R.id.text);
        }
    }

    public MyAdapter (List <MyType> list){
        mList = list;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType){
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout,parent,false);
        ViewHolder holder = new ViewHolder(view);
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position){
        MyType myType = mList.get(position);
        holder.mImage.setImageResource(myType.getImageId());
        holder.mText.setText(myType.getText());
    }

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

3. 其次撰寫 item_layout ，這個和 ListView 沒有任何區別，除非你需要一些其他的串列布局，不過這些都是細微的差別，

4. 正式使用，和 ListView 的使用相似，獲取 RecyclerView 后實體化配接器，傳入一些必要的引數，然后 setAdapter ，但在 setAdapter 之前需要使用 LayoutManager 指定布局方式，這就是前面提到的一行代碼的事（雖然看到是兩行，但是硬要寫成一行也不是不行），LineatLayoutManager 指的是線性布局，

LinearLayoutManager layoutManager = new LinearLayoutManager(this);
recyclerView.setLayoutManager(layoutManager);

5. 點擊事件：對于整個子項的點擊事件，在 viewHolder 中添加保存最外層 view ，在 onCreatViewHolder 中通過 holder.view.setOnClickListener 進行設定子項的點擊事件；對于子項中的控制元件的點擊事件，也同樣在這里進行設定事件監聽即可，

6. 其他布局

   RecyclerView 還可以實作橫向滾動，只需要將子項的布局 item_layout 進行修改，即不要使寬度占滿螢屏，其他根據需要調整，然后再使用時候設定 LayoutManager 時寫

LinearLayoutManager layoutManager = new LinearLayoutManager(this);
layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
recyclerView.setLayoutManager(layoutManager);

RecyclerView 還有 GridLayoutManager 和 StaggeredGridLayoutManager ，

GridLayoutManager layoutManager = new GridLayoutManager(this,5);

設定網格布局的代碼如上，第二個引數是網格的列數，瀑布流也大同小異，網上查一下資料就行了，

ListView 和 RecyclerView 的對比

• ListView 的布局就是普通的串列展示，而 RecyclerView 可以橫向滾動，還有瀑布流、表格之類的展示，可以適用于不同的業務需求

• ListView 需要自行優化，自定義 ViewHolder 等一些內容

• RecyclerView 還有一些其他的優點，但是我還沒有研究過，所以就不多說了，如果只是用于展示一些簡單的文字資料的話用 ListView 代碼量應該會少一點，

總結

• 其實這兩個控制元件的使用都不是很復雜，只是相對于之前學習的其他控制元件而言，這兩個控制元件就顯得相對有些麻煩，
  其實使用起來只需要和上面寫的一樣分四步來看，就很容易記住了，
  第一步：在需要的地方添加 ListView \ RecyclerView ，這一步和其他控制元件沒有區別
  第二步：撰寫 Adapter ，把這一步做完基本就搞定百分之九十的作業了
  第三步：撰寫 item_layout ，這個根據業務需求寫即可
  第四步：在 Activity \ Fragment 或其他使用 ListView 的地方系結控制元件，實體化 Adapter 并傳入資料，將該 Adapter 設定給 ListView 即可

• 后面有時間的話再研究研究 RecyclerView ，這東西里面還是有很多要學的，寫這一篇東西也參考了其他的博客，簡單的使用方法說來說去也都是一回事，難免有點雷同，
  有機會的會加一篇 《ListView 和 RecyclerView 的簡單實踐》，貼上一些圖，看著會有看頭一點

完