天天看點
傳回

Android--Adapter深入了解及ListView優化

        接上文

          上一篇文章主要讨論了Android中Adapter的作用以及與設計模式中擴充卡模式的共同點，并且給出了

   Android中Adapter的體系結構。雖然在上一篇文章中我們明白了Adapter是資料源和AdapterView之間的

   橋梁，完成AdapterView和資料源“接口”的“适配”。但是Adapter到底是如何工作的，我們還是不甚明了，

   是以本篇文章就是要深入了解Adapter的工作過程，小編也是機器人菜鳥。把自己的感想寫下來大家一起

   學習。

          Android中的擴充卡各式各樣，AdapterView也有很多，這裡我們選用ListView和BaseAdapter來了解

   其工作原理。使用它們是基于以下幾點考慮的：1、ListView在開發中使用較多，應用場景十分廣泛。

   2、通過資料的查詢了解到BaseAdapter能夠實作更變化的布局，并且涉及到ListView的優化問題。好了

   閑話不多說了，來看看具體的例子吧！

         activity_main.xml

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity"
    android:orientation="vertical" >

    <ListView 
        android:id="@+id/list"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:fastScrollEnabled="true"
        >
        
    </ListView>

</LinearLayout>

           list_item.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="horizontal" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:id="@+id/img"/>
    <LinearLayout 
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:orientation="vertical"
        >
        <TextView 
            android:id="@+id/title"
            android:textSize="18sp"
            android:paddingLeft="22dip"
            android:textColor="#31B6EF"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"/>
        <TextView 
            android:id="@+id/content"
            android:textSize="14sp"
            android:paddingLeft="10dip"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        
    </LinearLayout>

</LinearLayout>

           MainActivity.java

package com.example.listview_baseadapter;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

public class MainActivity extends Activity {

	private ListView listView = null;
	private List<Map<String, Object>> data = null;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		listView = (ListView) findViewById(R.id.list);// 取得控件
        data = getData();//擷取資料
        MyAdapter adapter = new MyAdapter(this);
        listView.setAdapter(adapter);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	// 得到資料
	public List<Map<String, Object>> getData() {
		List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();

		 Map<String, Object> map;
	        for(int i=0;i<10;i++)
	        {
	            map = new HashMap<String, Object>();
	            map.put("img", R.drawable.bgs);
	            map.put("title", "Coder");
            map.put("content", "簡單Coding，快樂生活~~~~");
	            list.add(map);
	        }
	        return list;
	}

	// ViewHolder靜态類
	static class ViewHolder {
		public ImageView img;
		public TextView title;
		public TextView content;
	}

	public class MyAdapter extends BaseAdapter {

		private LayoutInflater mInflater = null;

		private MyAdapter(Context context) {
			// 根據context上下文加載布局
			this.mInflater = LayoutInflater.from(context);
		}

		@Override
		public int getCount() {
			// 在此擴充卡中所代表的資料集中的條目數
			return data.size();
		}

		@Override
		public Object getItem(int position) {
			
			// 擷取資料集中與指定索引對應的資料項
			return position;
		}

		@Override
		public long getItemId(int position) {
		
			// 擷取在清單中與指定索引對應的行id
			return position;
		}

		// 擷取一個在資料集中指定索引的視圖來顯示資料
		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			ViewHolder holder = null;
			// 如果緩存convertView為空，則需要建立View
			if (convertView == null) {
				holder = new ViewHolder();
				// 根據自定義的Item布局加載布局
				convertView = mInflater.inflate(R.layout.list_item, null);
				holder.img = (ImageView) convertView.findViewById(R.id.img);
				holder.title = (TextView) convertView.findViewById(R.id.title);
				holder.content = (TextView) convertView.findViewById(R.id.content);
				// 将設定好的布局儲存到緩存中，并将其設定在Tag裡，以便後面友善取出Tag
				convertView.setTag(holder);
			} else {
				holder = (ViewHolder) convertView.getTag();
			}
			holder.img.setBackgroundResource((Integer) data.get(position).get(
					"img"));
			holder.title.setText((String) data.get(position).get("title"));
			holder.content.setText((String) data.get(position).get("content"));

			return convertView;
		}

	}

}

                 直接上效果圖：

Android--Adapter深入了解及ListView優化

               需要提及的是上述的代碼的實作是考慮到了ListView的優化的，撇開對ListView的優化問題。 MyAdapter類中

       的getView()是最重要的，這裡也是影響ListView效率的關鍵。

             對于getView()方法的處理一般有三種方式：

                      1、沒有任何處理，這種方式隻能在資料量少的情況下使用，是以不建議使用此方式。

public View getView(int position, View convertView, ViewGroup parent) {
			View item = mInflater.inflate(R.layout.list_item, null);
            ImageView img = (ImageView)item.findViewById(R.id.img); 
            TextView title = (TextView)item.findViewById(R.id.title);
            TextView content = (TextView)item.findViewById(R.id.content);
            img.setImageResource(R.drawable.bgs);
            title.setText("Coding");
            content.setText("簡單程式設計，快樂生活~~~");
            return item;
}

                     2、通過緩存converView優化，這種方式可以盤判斷緩存中不存在View才建立，如有則利用緩存中的View

           提升了性能。

public View getView(int position, View convertView, ViewGroup parent) {
			if(convertView == null)
            {
                convertView = mInflater.inflate(R.layout.list_item, null);
            }
            ImageView img = (ImageView)convertView.findViewById(R.id.img); 
            TextView title = (TextView)convertView.findViewById(R.id.title);
            TextView content = (TextView)convertView.findViewById(R.id.content);
            img.setImageResource(R.drawable.bgs);
            title.setText("Coding");
            content.setText("簡單程式設計，快樂生活~~~");
            return convertView;
}

                     3、第三種方式即是，上述代碼實作的部分：通過convertView+ViewHolder來實作，使用ViewHolder

             這個靜态類的好處是緩存了顯示資料的View，加快了UI的響應速度。

                     當我們判斷convertView == null，若為空，就會根據設計好的布局檔案布局，并未convertView指派，

              并且生成一個viewHolder來綁定convertView的各個View控件。再用convertView的setTag将viewHolder

              設定到Tag中，以便系統第二次繪制ListView時從Tag中取出。

                      是以，建議使用第三種方式來優化ListView！

             相關參考：

             http://www.cnblogs.com/over140/archive/2011/03/23/1991100.html

             程式完整源代碼：

            http://download.csdn.net/detail/kiritor/5134811

【Android學習】 android BaseAdapter listview 優化
上一篇: android 自定義baseadapter listview,android之ListView和BaseAdapter的組合使用
下一篇: 驚現！iOS 16.5 kfd 漏洞利用，成功隐藏 Dock 欄

繼續閱讀