1.概念
Adapter是连接后端数据和前端显示的适配器接口,是数据和UI(View)之间一个首要的纽带。在常见的View(ListView,GridView)等地方都需要用到Adapter。如下图直观的表达了Data、Adapter、View三者的关系:
Android中所有的Adapter一览:
由图可以看到在Android中与Adapter有关的所有接口、类的完全层级图。在我们应用过程中可以按照本身的需求实现接口或者派生类进行扩充。常用的有BaseAdapter ,SimpleAdapter,ArrayAdapter,SimpleCursorAdapter等。
- BaseAdapter是一个抽象类,继承它须要实现较多的办法,所以也就具有较高的灵活性;
- ArrayAdapter支撑泛型操纵,最为简单,只能显现一行字。
- SimpleAdapter有最好的扩充性,可以自定义出各类结果。
- SimpleCursorAdapter可以实用于简单的纯文字型ListView,它须要Cursor的字段和UI的id对应起来。若实现更错杂的UI也可以重写其他办法。可以认为是SimpleAdapter对数据库的简单连络,以便利地把数据库的内容以列表的情势显现出来。
2.应用案例
1)ArrayAdapter
列表的显示须要三个元素:
a.ListVeiw 用来显现列表的View。
b.适配器 用来把数据映射到ListView上的中介。
c.数据 具体的将被映射的字符串,图片,或者根蒂根基组件。
案例一
- public class ArrayAdapterActivity extends ListActivity {
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- //列表项的数据
- String[] strs = {"1","2","3","4","5"};
- ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_expandable_list_item_1,strs);
- setListAdapter(adapter);
- }
- }
- public class MyListView extends Activity {
- private ListView listView;
- //private List<String> data = new ArrayList<String>();
- @Override
- public void onCreate(Bundle savedInstanceState){
- super.onCreate(savedInstanceState);
- listView = new ListView(this);
- listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,getData()));
- setContentView(listView);
- }
- private List<String> getData(){
- List<String> data = new ArrayList<String>();
- data.add("测试数据1");
- data.add("测试数据2");
- data.add("测试数据3");
- data.add("测试数据4");
- return data;
- }
- }
2)SimpleAdapter
simpleAdapter的扩大性最好,可以定义各类百般的布局出来,可以放上ImageView(图片),还可以放上Button(按钮),CheckBox(复选框)等等。下面的代码都直接继承了ListActivity,ListActivity和通俗的Activity没有太大的差别,不同在于对显示ListView做了很多优化,方面显示罢了。
案例一
simple.xml
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- >
- <ImageView
- android:id="@+id/img"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_margin="5dp"
- />
- <TextView
- android:id="@+id/title"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="#ffffff"
- android:textSize="20sp"
- />
- </LinearLayout>
- public class SimpleAdapterActivity extends ListActivity {
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- SimpleAdapter adapter = new SimpleAdapter(this, getData(), R.layout.simple, new String[] { "title", "img" }, new int[] { R.id.title, R.id.img });
- setListAdapter(adapter);
- }
- private List<Map<String, Object>> getData() {
- //map.put(参数名字,参数值)
- List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
- Map<String, Object> map = new HashMap<String, Object>();
- map.put("title", "摩托罗拉");
- map.put("img", R.drawable.icon);
- list.add(map);
- map = new HashMap<String, Object>();
- map.put("title", "诺基亚");
- map.put("img", R.drawable.icon);
- list.add(map);
- map = new HashMap<String, Object>();
- map.put("title", "三星");
- map.put("img", R.drawable.icon);
- list.add(map);
- return list;
- }
- }
下面的案例是实现一个带有图片的类表。起首须要定义好一个用来显示每一个列内容的xml,vlist.xml
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent"
- android:layout_height="fill_parent">
- <ImageView android:id="@+id/img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="5px"/>
- <LinearLayout android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content">
- <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content"
- android:textColor="#FFFFFFFF" android:textSize="22px" />
- <TextView android:id="@+id/info" android:layout_width="wrap_content" android:layout_height="wrap_content"
- android:textColor="#FFFFFFFF" android:textSize="13px" />
- </LinearLayout>
- </LinearLayout>
- public class MyListView3 extends ListActivity {
- // private List<String> data = new ArrayList<String>();
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- SimpleAdapter adapter = new SimpleAdapter(this,getData(),R.layout.vlist,
- new String[]{"title","info","img"},
- new int[]{R.id.title,R.id.info,R.id.img});
- setListAdapter(adapter);
- }
- private List<Map<String, Object>> getData() {
- List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
- Map<String, Object> map = new HashMap<String, Object>();
- map.put("title", "G1");
- map.put("info", "google 1");
- map.put("img", R.drawable.i1);
- list.add(map);
- map = new HashMap<String, Object>();
- map.put("title", "G2");
- map.put("info", "google 2");
- map.put("img", R.drawable.i2);
- list.add(map);
- map = new HashMap<String, Object>();
- map.put("title", "G3");
- map.put("info", "google 3");
- map.put("img", R.drawable.i3);
- list.add(map);
- return list;
- }
- }
运行结果如下图:
3)SimpleCursorAdapter
- public class SimpleCursorAdapterActivity extends ListActivity {
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- //获得一个指向体系通信录数据库的Cursor对象获得数据起原
- Cursor cur = getContentResolver().query(People.CONTENT_URI, null, null, null, null);
- startManagingCursor(cur);
- //实例化列表适配器
- ListAdapter adapter = new SimpleCursorAdapter(this, android.R.layout.simple_list_item_1, cur, new String[] {People.NAME}, new int[] {android.R.id.text1});
- setListAdapter(adapter);
- }
- }
- <uses-permission android:name="android.permission.READ_CONTACTS"></uses-permission>
4)BaseAdapter
有时列表不但会用来做显示用,我们同样可以在在上方添加按钮。添加按钮起首要写一个有按钮的xml文件,然后会想到用上方的办法定义一个适配器,然后将数据映射到布局文件上。然则事实并非如许,因为按钮是无法映射的,即使你成功的用布局文件显示出了按钮也无法添加按钮的响应,这时就要研究一下ListView是如何实际的了,并且必重写一个类继承BaseAdapter。下面的示例将显示一个按钮和一个图片,两行字若是单击按钮将删除此按钮的地点行。并告诉你ListView究竟是如何工作的。
vlist2.xml
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent"
- android:layout_height="fill_parent">
- <ImageView android:id="@+id/img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="5px"/>
- <LinearLayout android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content">
- <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content"
- android:textColor="#FFFFFFFF" android:textSize="22px" />
- <TextView android:id="@+id/info" android:layout_width="wrap_content" android:layout_height="wrap_content"
- android:textColor="#FFFFFFFF" android:textSize="13px" />
- </LinearLayout>
- <Button android:id="@+id/view_btn" android:layout_width="wrap_content" android:layout_height="wrap_content"
- android:text="@string/s_view_btn" android:layout_gravity="bottom|right" />
- </LinearLayout>
- /**
- * @author
- *
- */
- public class MyListView4 extends ListActivity {
- private List<Map<String, Object>> mData;
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- mData = getData();
- MyAdapter adapter = new MyAdapter(this);
- setListAdapter(adapter);
- }
- private List<Map<String, Object>> getData() {
- List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
- Map<String, Object> map = new HashMap<String, Object>();
- map.put("title", "G1");
- map.put("info", "google 1");
- map.put("img", R.drawable.i1);
- list.add(map);
- map = new HashMap<String, Object>();
- map.put("title", "G2");
- map.put("info", "google 2");
- map.put("img", R.drawable.i2);
- list.add(map);
- map = new HashMap<String, Object>();
- map.put("title", "G3");
- map.put("info", "google 3");
- map.put("img", R.drawable.i3);
- list.add(map);
- return list;
- }
- // ListView 中某项被选中后的逻辑
- @Override
- protected void onListItemClick(ListView l, View v, int position, long id) {
- Log.v("MyListView4-click", (String)mData.get(position).get("title"));
- }
- /**
- * listview中点击按键弹出对话框
- */
- public void showInfo(){
- new AlertDialog.Builder(this)
- .setTitle("我的listview")
- .setMessage("介绍...")
- .setPositiveButton("断定", new DialogInterface.OnClickListener() {
- @Override
- public void onClick(DialogInterface dialog, int which) {
- }
- })
- .show();
- }
- public final class ViewHolder{
- public ImageView img;
- public TextView title;
- public TextView info;
- public Button viewBtn;
- }
- public class MyAdapter extends BaseAdapter{
- private LayoutInflater mInflater;
- public MyAdapter(Context context){
- this.mInflater = LayoutInflater.from(context); // 注,原文这里少写了 from
- }
- @Override
- public int getCount() {
- // TODO Auto-generated method stub
- return mData.size();
- }
- @Override
- public Object getItem(int arg0) {
- // TODO Auto-generated method stub
- return null;
- }
- @Override
- public long getItemId(int arg0) {
- // TODO Auto-generated method stub
- return 0;
- }
- @Override
- public View getView(int position, View convertView, ViewGroup parent) {
- ViewHolder holder = null;
- if (convertView == null) {
- holder=new ViewHolder();
- convertView = mInflater.inflate(R.layout.vlist2, null);
- holder.img = (ImageView)convertView.findViewById(R.id.img);
- holder.title = (TextView)convertView.findViewById(R.id.title);
- holder.info = (TextView)convertView.findViewById(R.id.info);
- holder.viewBtn = (Button)convertView.findViewById(R.id.view_btn);
- convertView.setTag(holder);
- }else {
- holder = (ViewHolder)convertView.getTag();
- }
- holder.img.setBackgroundResource((Integer)mData.get(position).get("img"));
- holder.title.setText((String)mData.get(position).get("title"));
- holder.info.setText((String)mData.get(position).get("info"));
- holder.viewBtn.setOnClickListener(new View.OnClickListener() {
- @Override
- public void onClick(View v) {
- showInfo();
- }
- });
- return convertView;
- }
- }
- }
下面将对上述代码,做具体的说明,listView在开端绘制的时辰,首调用getCount()函数,按照他的返回值获得listView的长度(这也是为什么在开端的第一张图特此外标出列表长度),然后按照这个长度,调用getView()一一绘制每一行。若是你的getCount()返回值是0的话,列表将不显示同样return 1,就只显示一行。
显示列表时,首先实例化一个适配器(这里将实例化自定义的适配器)。当手动完成适配时,必须手动映射数据,这须要重写getView()办法。在绘制列表的每一行的时侯将调用此办法。getView()有三个参数,position默示将显示的是第几行,covertView是从布局文件中inflate来的布局。我们用LayoutInflater的办法将定义好的vlist2.xml文件提取成View实例用来显示。然后将xml文件中的各个组件实例化(简单的findViewById()办法)。这样便可以将数据对应到各个组件上了。然则按钮为了响应点击事务,须要为它添加点击****,如许就能捕获点击事务。至此一个自定义的listView就完成了,如今让我们回过头从新核阅这个过程。体系要绘制ListView了,他起首获得要绘制的这个列表的长度,然后开端绘制第一行,怎么绘制呢?调用getView()函数。在这个函数里面起首获得一个View(实际上是一个ViewGroup),然后再实例并设置各个组件,显示之。好了,绘制完这一行了。那再绘制下一行,直到绘完为止。在实际的运行过程中会发明listView的每一行没有核心了,这是因为Button掠夺了listView的核心,只要布局文件中将Button设置为没有核心就OK了。
结果如下: