2. 程式人生 > >android-----帶你一步一步優化ListView(一)

android-----帶你一步一步優化ListView(一)

阿新 • • 發佈：2019-01-07

        ListView作為android中最常使用的控制元件，可以以條目的形式顯示大量的資料，經常被用於顯示最近聯絡人列表，對於每一個 Item，均要求adapter的getView方法返回一個View，因此ListView的實現是離不開Adapter的，如果以MVC的思想來看ListView的話，ListView的顯示相當於V，Adapter部分相當於C，而資料部分就相當於M了，接下來的幾篇部落格計劃對ListView自己所瞭解的一些優化措施總結一下，希望能夠幫助到大家；

        先來看看如果我們不使用任何優化措施的話，使用ListView的方法：

        這裡先補充下獲得LayoutInflater的三種方法：

        (1)如果是在Activity中的話，可以呼叫

            LayoutInflater inflater = getLayoutInflater()；

        (2)如果不是在Activity中，則可以將context上下文作為引數，通過

            context.getSystemService(Context.LAYOUT_INFLATER_SERVICE)；

        (3)如果不是在Activity中，則可以將context上下文作為引數，通過

            LayoutInflater inflater = LayoutInflater.from(context)；

        首先定義Activity介面佈局listview.xml，很簡單，裡面就只有一個ListView

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >
    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>
        再定義ListView的每個item的佈局item.xml，也很簡單，只有一個TextView 
<?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" > 
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="50dp"/>
</LinearLayout>

        接下來定義一個Adapter，繼承自BaseAdapter，用來為ListView填充資料

public class ListViewAdapter extends BaseAdapter{

	List<String> list = new ArrayList<String>();
	LayoutInflater inflater = null;
	
	public ListViewAdapter(List<String> list,Context context) {
		this.list = list;
		inflater = LayoutInflater.from(context);
	}
	@Override
	public int getCount() {
		return list.size();
	}

	@Override
	public Object getItem(int position) {
		return list.get(position);
	}

	@Override
	public long getItemId(int position) {
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		View view = null;
		System.out.println("before: "+list.get(position)+"-------  "+convertView);
		view = inflater.inflate(R.layout.item, null);
	    System.out.println("after: "+list.get(position)+"-------  "+view);
		TextView textView = (TextView) view.findViewById(R.id.textView);
		textView.setText(list.get(position));
		return view;
	}
}

       可以發現，我們在getView裡並沒有做任何的優化，待會我們看看這樣的方式會出什麼問題；

        定義Activity，將Adapter繫結到ListView上面

public class MainActivity extends Activity {

	List<String> list = new ArrayList<String>();
	ListView listView = null;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.listview);
		listView = (ListView) findViewById(R.id.listView);
		for(int i = 1;i < 50;i++)
		{
			list.add("item "+i);
		}
		ListViewAdapter adapter = new ListViewAdapter(list, this);
		listView.setAdapter(adapter);
	}
}
        很簡單，我們模擬了有50個條目的ListView，並且通過ListViewAdapter的建構函式將其傳遞給Adapter用於在介面展示這些資料；

        執行效果圖：

                                             

        對應的Logcat輸出：      

                               

        可以發現初始狀態有10個item顯示在介面上，並且他們的before view均是null的，呼叫inflate方法之後生成了新的view，因此after view非空了；

        接著我們向上拖動螢幕，可以在Logcat看到有如下輸出：

        

         可以發現此時的item 19和item 20在before之前convertView得地址都是@4181a590，這個view是已經劃出螢幕的item 9的，這點可以從剛開始第一螢幕的輸出看出來，因為item 9已經被加入到了RecycleBin快取中了，所以在呼叫getView方法的時候convertView獲取到的是快取中的隨機一個view，item 19和item 20完全有可能獲取到同一個view，但是他們的after view是不可能出現相同的，也就是說我們這個例子中的after view的地址值是不可能相同的，因為我們模擬了50個item，所以會有50個view被放到RecycleBin快取中，也許現在對於我們顯示來說沒什麼，那麼如果有大量的資訊需要顯示的話，直接就會報記憶體的；

         通過上面我們會發現一點，在呼叫getView方法的時候，他的第二個引數可能不會是null的，原因就是RecycleBin快取幫我們暫存了那些劃出螢幕的view，所以我們在convertView非空的情況下我們也沒什麼必要重新呼叫inflate方法載入佈局了，因為這個方法畢竟也是要解析xml檔案的，至少是要花時間的，直接使用從快取中取出的view即可啦，先來看看ListView提供的RecycleBin快取圖解：

           

         從上面的圖上可以看到當item 1被劃出螢幕之後，會被放到Recycle快取中，當item 8要劃入螢幕的時候，如果他和item 1的型別相同的話，則直接從Recycle中獲得即可，即此時的convertView不再是null；如果他和item 1型別不一致的話，則會新建view檢視，即此時convertView等於null；

        好的，那我們接下來就該充分使用android提供給我們的RecycleBin機制來優化ListView了；

        只需要修改ListViewAdapter類的getView方法即可了：

@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		View view = null;
		System.out.println("before: "+list.get(position)+"-------  "+convertView);
		if(convertView == null)
		{
			view = inflater.inflate(R.layout.item, null);
		}else
			view = convertView;
		TextView textView = (TextView) view.findViewById(R.id.textView);
		textView.setText(list.get(position));
		return view;
	}
        不滑動螢幕的時候，程式輸出：

                                          

          接著我們滑動螢幕，檢視輸出：

          

         注意紅色部分，發現沒經過11個item，都會複用之前的view，這也就是說我們的RecycleBin快取中將只有11個view了，不像前面那樣有50個view，這在很大程度上節約了記憶體，想想如果有上千萬條資料需要顯示，每個資料條目都有一個view在RecycleBin中是一件多麼可怕的事情，進行了convertView是否為null的判斷之後，將只會快取一螢幕的view，當然有可能會多那麼幾個吧；

         上面我們通過判斷convertView是否為空對ListView進行了優化，接下來我們看看getView方法，裡面在獲取TextView的時候，我們使用了findViewById方法，這個方法是與IO有關的操作，想必也會影響效能吧，他只要的目的是獲得某一個view的佈局罷了，我們如果有了view的話，其實只需要第一次將該view和其佈局繫結到一起就可以了，沒必要每次都為view設定佈局了，這也就是使用setTag的目的了；

         這裡也僅僅只是對ListViewAdapter的geyView方法進行修改即可：

@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		View view = null;
		ViewHolder viewHolder = null;
		System.out.println("before: "+list.get(position)+"-------  "+convertView);
		if(convertView == null)
		{
			view = inflater.inflate(R.layout.item, null);
			viewHolder = new ViewHolder();
			viewHolder.textView = (TextView) view.findViewById(R.id.textView);
			view.setTag(viewHolder);
		}else
		{
			view = convertView;
			viewHolder = (ViewHolder) view.getTag();
		}
		viewHolder.textView.setText("item "+list.get(position));
		return view;
	}
	static class ViewHolder
	{
		TextView textView;
	}
        這裡採用靜態內部類的方式用於定義item 的各個控制元件 ，如果convertView非空的話，表示該view對應的佈局已經存在了，只需要呼叫getTag獲取到即可了，如果convertView為空的話，則需要通過findViewById來獲取這個佈局中的控制元件，並且最後將該佈局通過setTag設定到view上面即可；

        程式的輸出結果和上面是一樣的，這裡不再列出；

        我們平常的實際應用中，每個條目有可能不都是一樣的，這種情況下會出現不同的專案佈局，那麼這時候該怎麼辦呢？同樣我們通過例項來學習一下這時候的RecycleBin機制是怎麼實現快取的；

        在此，我們增加一個只顯示一個按鈕的條目，佈局檔案button.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" >
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
</LinearLayout>
        修改ListViewAdapter類如下： 
public class ListViewAdapter extends BaseAdapter{

	List<String> list = new ArrayList<String>();
	LayoutInflater inflater = null;
	
	public ListViewAdapter(List<String> list,Context context) {
		this.list = list;
		inflater = LayoutInflater.from(context);
	}
	@Override
	public int getItemViewType(int position) {
		//0表示顯示的是TextView,1表示顯示的是Button
		if(position % 4 != 0)
			return 0;
		else 
			return 1;
	}
	@Override
	public int getViewTypeCount() {
		//表示有兩種型別的item佈局
		return 2;
	}
	@Override
	public int getCount() {
		return list.size();
	}

	@Override
	public Object getItem(int position) {
		return list.get(position);
	}

	@Override
	public long getItemId(int position) {
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		View view = null;
		TextViewHolder textViewHolder = null;
		ButtonViewHolder buttonViewHolder = null;
		System.out.println("before: "+list.get(position)+"-------  "+convertView);
		int type = getItemViewType(position);
		if(convertView == null)
		{
			switch (type) {
			case 0:
				view = inflater.inflate(R.layout.item, null);
				textViewHolder = new TextViewHolder();
				textViewHolder.textView = (TextView) view.findViewById(R.id.textView);
				view.setTag(textViewHolder);
				textViewHolder.textView.setText(list.get(position));
				break;
			case 1:
				view = inflater.inflate(R.layout.button, null);
				buttonViewHolder = new ButtonViewHolder();
				buttonViewHolder.button = (Button) view.findViewById(R.id.button);
				view.setTag(buttonViewHolder);
				buttonViewHolder.button.setText("button "+list.get(position));
				break;
			default:
				break;
			}
		}else
		{
			view = convertView;
			switch (type) {
			case 0:
				textViewHolder = (TextViewHolder) view.getTag();
				textViewHolder.textView.setText(list.get(position));
				break;
			case 1:
				buttonViewHolder = (ButtonViewHolder) view.getTag();
				buttonViewHolder.button.setText("button "+list.get(position));
				break;
			default:
				break;
			}
		}
		return view;
	}
	static class TextViewHolder
	{
		TextView textView;
	}
	static class ButtonViewHolder
	{
		Button button;
	}
}
        通過getViewTypeCount()返回的是你到底有多少種佈局，我們這裡有兩種

        通過getItemViewType(int)返回的是根據你的position得到的對應佈局的ID，當然這個ID是可以由你來定的；

        修改Activity類

public class MainActivity extends Activity {

	List<String> list = new ArrayList<String>();
	ListView listView = null;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.listview);
		listView = (ListView) findViewById(R.id.listView);
		for(int i = 1;i < 50;i++)
		{
			if(i % 4 == 0)
			{
				list.add("button "+i);
			}else
				list.add("item "+i);
		}
		ListViewAdapter adapter = new ListViewAdapter(list, this);
		listView.setAdapter(adapter);
	}
}
        介面執行效果圖為：

 

        可以發現每隔3個條目我們都會載入另一個不同的條目，接著檢視Logcat輸出：

 

        在我們滑動螢幕之後，輸出結果為：

        注意圖中突出顯示部分，可以發現對於button item，我們也得到了複用，當然這個複用順序並不一定是按順序來的，因為RecycleBin機制只會把你已經滑出螢幕的item快取下來，但是在從快取中取得時候，並不一定就是按你存進去的順序取出來的，這點要注意啦，到此一般的ListView優化測試結束了，我們來總結一下：

        (1)通過複用view的方式來充分利用android系統本身自帶的RecycleBin快取機制，能夠保證即使有再多的item實際中也僅僅會有有限多個item，大大節省記憶體；

        (2)使用靜態內部類以及setTag方式，將view與其對應的控制元件繫結起來，避免了每次得到view以後都需要通過findViewById的方式來獲取控制元件；

        (3)對於有多種佈局的ListView來說，我們可以通過getViewTypeCount()獲得佈局的種類，通過getItemViewType(int)獲得當前位置上的佈局到底是屬於哪一類；

        好了，這篇先介紹到這裡，接下來的一篇將重點介紹ListView載入圖片方面的優化措施；

相關推薦

android-----帶你一步一步優化ListView(三)

        前兩篇我們介紹了一般的優化ListView方法以及DiskLruCache優化ListView，見android-----帶你一步一步優化ListView(一)和android-----帶你一步一步優化ListView(二)，這一篇我們將從記憶體快取的角度來

android-----帶你一步一步優化ListView(一)

        ListView作為android中最常使用的控制元件，可以以條目的形式顯示大量的資料，經常被用於顯示最近聯絡人列表，對於每一個 Item，均要求adapter的getView方法返回一個View，因此ListView的實現是離不開Adapter的，如果以M

android-----帶你一步一步優化ListView(二)

      上一篇介紹了通常我們優化ListView的方式，但是這點對於要載入大量圖片的ListView來說顯然是不夠的，因為我們知道要想獲取一張圖片不管是本地的還是網路的，其效能上均沒有從記憶體中獲取快，所以為了提升使用者的體驗度，對於載入圖片的ListView，通常我

老司機帶你快速熟悉Swift 4.1（一）

簡單學 1、我的第一個Swift程式 傳統表明，用新語言編寫的第一個程式應該在螢幕上列印“Hello，world！”。在Swift中，這可以在一行中完成：  在Swift中，這行程式碼是一個完整

MDA模型驅動引擎-帶你走進真正的模型驅動開發(一)

帶你走進MDA的世界。－－真正的模型驅動開發。目前的建模工具很多，不過個人的觀點來看，基本都跑偏了。沒辦法真正應用模型驅動來有效開發。廢話少說。下面的就是MDA(KAYA)建模工具。左側是需要用到的元素，簡單說來包括 1.Product（產品&服務--可以看作系統名稱

公子奇帶你進入Java8流的世界（一）

    在說流之前，我們先來看看集合，為什麼呢？作為Java8中的新成員，它和集合有很多相似之處，同時它們也是可以互相轉化的。集合不僅僅是Java語言，任何一門高階開發語言都有集合的概念，集合顧名思義，就是很多資料集放在一起，它算是一個容器，同時我們也可以使用泛型來限制集合中的資料型別。

【宇哥帶你玩轉MySQL】索引篇(一)索引揭祕，看他是如何讓你的查詢效能指數提升的

  場景復現，一個索引提高600倍查詢速度？ 首先準備一張books表 create table books( id int not null primary key auto_increment, name varchar(255) not null, author va

Android帶你認清http協議本質

前言： 我們知道，web前端和後端是通過http協議來進行通訊，在Android移動端和web後端之間，也是通過http來進行通訊， 目前，有很多開源的http專案，如okhttp,volley等，都可以供我們直接拿來使用，但是這樣帶來一個問題時，往往習慣 了這種方式使

Android 帶你徹底理解 Window 和 WindowManager

有時候我們需要在桌面上顯示一個類似懸浮窗的東西，這種效果就需要用 Window 來實現，Window 是一個抽象類，表示一個視窗，它的具體實現類是 PhoneWindow，實現位於 WindowManagerService 中。相信看到 WindowManage

Android 帶你從原始碼的角度解析Scroller的滾動實現原理

今天給大家講解的是Scroller類的滾動實現原理，可能很多朋友不太瞭解該類是用來幹嘛的，但是研究Launcher的朋友應該對他很熟悉，Scroller類是滾動的一個封裝類，可以實現View的平滑滾動效果，什麼是實現View的平滑滾動效果呢，舉個簡單的例子，一個View

Android帶你解析ScrollView--仿QQ空間標題欄漸變

緒論 今天來研究的是ScrollView-滾動檢視，滾動檢視又分橫向滾動檢視（HorizontalScrollView）和縱向滾動檢視（ScrollView），今天主要研究縱向的。相信大家在開發中經常用到，ScrollView的功能已經很強大了，但是仍然滿足不

Android一步一步帶你實現RecyclerView的拖拽和側滑刪除功能

先上效果圖： 本篇文章我們來學習一個開源專案Android-ItemTouchHelper-Demo 這個專案使用了RecyclerView的ItemTouchHelper類實現了Item的拖動和刪除功能，ItemTouchHelper是v7包下的一個類

Android中RecyclerView用法，一步一步教你如何使用RecyclerView以及帶你走過編碼中可能會出現的坑~

首先，要明白RecyclerView是做什麼的？其次是為什麼要用RecyclerView？這裡牽扯到RecyclerView和ListView的區別，這裡不廢話，大家自行百度即可！ 以下示例我用的Android API 29 ，啟用了AndroidX。 第一步，新增依賴 建立一個新的工程，在app/build

【面試必備】透過源碼角度一步一步帶你分析 ArrayList 擴容機制

bject string else if _array 核心 ray 擴容 ++ cit 一 先從 ArrayList 的構造函數說起ArrayList有三種方式來初始化，構造方法源碼如下：/** 默認初始容量大小*/private static final int D

Jquery 分頁外掛， 帶你一步一步接入後臺資料

目錄   一、效果圖 二、分頁 js 原始碼講解 三、分頁樣式 css 原始碼 三、實現前後臺對接 一、效果圖 二、分頁 js 原始碼講解 新建一個 js 檔案，基本直接複製貼上就行，記得引入到需要的頁面中。 需要注意的是： 前面的建構函式

JAVA帶你一步一步實現微信公眾號開發（一）--接入微信公眾平臺

（一）接入流程解析 在我們的開發過程中無論如何最好的參考工具當然是我們的官方文件了：http://mp.weixin.qq.com/wiki/8/f9a0b8382e0b77d87b3bcc1ce6fbc104.html 通過上面我們可以看出其中接入微信公眾平臺開發，開發者需要按照如下

【面試必備】透過原始碼角度一步一步帶你分析 ArrayList 擴容機制

該文已加入開源文件：JavaGuide（一份涵蓋大部分Java程式設計師所需要掌握的核心知識）。地址:https://github.com/Snailclimb... 一 先從 ArrayList 的建構函式說起 ArrayList有三種方式來初始化，構造方法原始

【面試必備】透過原始碼角度一步一步帶你走近阿里

一 先從 ArrayList 的建構函式說起 ArrayList有三種方式來初始化，構造方法原始碼如下： /** * 預設初始容量大小 */ private static final int DEFAULT_CAPACITY = 10; private stat

一個老王開槍案例帶你一步一步領略程式開發的魅力

一、前言 　　我身邊的很多同學都認為學計算機專業的人，程式碼寫的好很正常，認為自己不是學計算機專業的，不會寫程式碼很正常，或者這麼說，覺得會寫程式碼是一種天賦。其實不然，我們現在必須要清楚當代社會的局勢，當代社會朝著資訊化的方向快速的發展，AI的時代即將到來，不會寫程式碼的大學生是不是很low了？何況新加坡

一步一步帶你反編譯apk，並教你修改smali和重新打包

一、工具介紹： 1.apktool:aapt.exe,apktool.bat,apktool.jar;三個在同一目錄結合使用，用來反編譯apk，apk重新打包； 2.dex2jar:該工具作用是將classes.dex檔案，反編譯出原始碼（如果apk未加固），反編譯出文件