上一篇文章主要讨论了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