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; 		}  	}  } 

                 直接上效果图：

               需要提及的是上述的代码的实现是考虑到了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