2-VI–ListView的基本使用及優化

零、前言

[1] ListView 可以說是曾經的數一數二的控制元件，現在漸漸被RecycleView奪取鋒芒。簡單功能的使用ListView還是可以的。
[2] 本篇資料來源隨機資料，方法可以看這篇：1-VI–隨機資料生成
[3] 本篇介紹ListView資料填充及優化，普通使用–>convertView優化–>ViewHolder優化

效果

一、普通使用

public class MainActivity extends AppCompatActivity {

    private static final String TAG = "MainActivity";
    @BindView(R.id.lv)
    ListView mLv;
    private ArrayList<String> mNames;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);

        mNames = DataUtils.getRandomName(200000, true);
        mLv.setAdapter(new MyListViewAdapter());
    }

    /**
     * 資料適配類
     */
    class MyListViewAdapter extends BaseAdapter {
        /**
         * 資料數量
         *
         * @return 資料數量
         */
        @Override
        public int getCount() {
            return mNames.size();
        }

        /**
         * 獲取相應位置資料
         *
         * @param position 位置
         * @return 相應位置資料
         */
        @Override
        public String getItem(int position) {
            return mNames.get(position);
        }

        /**
         * 獲取位置
         *
         * @param position 相應位置
         * @return 位置
         */
        @Override
        public long getItemId(int position) {
            return position;
        }

        /**
         * @param position    位置
         * @param convertView 用於轉換的View
         * @param parent      容器
         * @return view 條目的View
         */
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            LayoutInflater inflater = LayoutInflater.from(MainActivity.this);
            View view = inflater.inflate(R.layout.item_array_with_img, null);
            TextView tv_title = view.findViewById(R.id.tv_title);
            tv_title.setText(getItem(position));
            return view;
        }
    }

資料200000條，測試時，當滑動很快時，不斷建立View條目，會卡卡的

---

二、優化1、使用convertView

1.關於convertView原始碼註釋：

The old view to reuse, if possible.
如果可以儘量將舊的View重用
Note: You should check that this view is non-null and of an appropriate type before using. 
注意：在使用之前，你應該檢查一下這個View是非空的並且是何時的型別
If it is not possible to convert this view to display the correct data, this method can create a new view.
如果它果不能轉換這個檢視來顯示正確的資料，這個方法能建立一個新的View
Heterogeneous lists can specify their number of view types, so that this View is always of the right type 
不均勻的列表可以指定它們的檢視型別的數量，因此這個檢視總是正確的型別

2.修改：MyListViewAdapter#getView

//convertView為空時建立view,否則使用convertView
View view =
        convertView == null ?
        LayoutInflater.from(MainActivity.this).inflate(R.layout.item_array_with_img, null)
        : convertView;
TextView tv_title = view.findViewById(R.id.tv_title);
tv_title.setText(getItem(position));
return view;

資料200000條，測試時，當滑動非常非常快時，會有一點點會卡

---

三、優化2、使用ViewHolder

曾經我納悶，好好的用ViewHolder幹嘛，convertView之後已經很好了啊
現在明白：每個item的建立都會執行getView方法，findViewById就會執行一次，200000條資料就會有200000次
而一次findViewById結果是不變的，沒必要多查199999次。

1.MyListViewAdapter內部類ViewHolder

/**
 * MyListViewAdapter內部類ViewHolder
 */
class ViewHolder {
    TextView mTextView;
}

2.修改：MyListViewAdapter#getView

public View getView(int position, View convertView, ViewGroup parent) {
    View view = null;
    ViewHolder viewHolder;
    //convertView為空時建立view和findViewById,否則使用convertView
    if (convertView == null) {
        view = LayoutInflater.from(Up2Activity.this).inflate(R.layout.item_array_with_img, null);
        viewHolder = new ViewHolder();
        viewHolder.mTextView = view.findViewById(R.id.tv_title);
        view.setTag(viewHolder);//設標籤以便取出
    } else {
        view = convertView;
        viewHolder = (ViewHolder) view.getTag();//拿到viewHolder
    }
    viewHolder.mTextView.setText(getItem(position));
    return view;
}

只有convertView為空時才會findViewById和建立ViewHolder
資料200000條，測試時，當滑動非常非常非常快時，感覺良好

---

附錄、佈局：

activity_main.xml

<?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="match_parent"
    android:orientation="vertical">

    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fastScrollEnabled="true">
    </ListView>
</LinearLayout>

layout/item_array_with_img.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:padding="10dp">

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:textSize="18sp"
        android:textColor="#000"
        android:layout_toRightOf="@+id/iv_icon"
        android:text=""/>
</RelativeLayout>

---

後記、

1.宣告：

[1]本文由張風捷特烈原創,轉載請註明
[2]歡迎廣大程式設計愛好者共同交流
[3]個人能力有限，如有不正之處歡迎大家批評指證，必定虛心改正
[4]你的喜歡與支援將是我最大的動力

2.連線傳送門：

更多安卓技術歡迎訪問:安卓技術棧
我的github地址：歡迎star
簡書首發，騰訊雲+社群同步更新
張風捷特烈個人網站，程式設計筆記請訪問：http://www.toly1994.com

3.聯絡我

QQ:1981462002
郵箱：1981462002@qq.com
微信：zdl1994328

4.歡迎關注我的微信公眾號，最新精彩文章，及時送達：

我的部落格即將搬運同步至騰訊雲+社群，邀請大家一同入駐：https://cloud.tencent.com/developer/support-plan?invite_code=nh4wfi2khniq