ListView可谓是Android开发中使用非常频繁的一个组件,在很多App中都能看到它的身影。Android游戏开发同样少不了它,比较常见的如游戏关卡的选择、游戏排行榜等,这些都可以用ListView来实现。

       至于ListView的用法大家应该都清楚了,本文重点不是介绍ListView的使用,而是讲解怎样自定义一个通用适配器类。

       在ListView三种适配器当中,最受大家青睐的肯定就是SimpleAdapter适配器,用过的童鞋们都很清楚,它的扩展性很强,可以将ListView中每一项都使用自定义布局,插入N多组件;但是SimpleAdapter也有弱点,那就是当ListView中每一项有Button、CheckBox等这些有事件的组件,我们想监听它们就必须自定义适配器!那么今天的重点也就是来讲解一下如何写一个自定义通用适配器类!

       SimpleAdapter 构造的时候,我们知道需要五个参数来进行映射数据到ListView中,那么我们今天的自定义通用适配器其实也就是实现系统SimpleAdapter的一个自定义版。

       可能我说这么多,大家还是不太懂,其实今天要讲述的自定义通用适配器优点有三点:

       1、使用通用适配器就不需要每次使用自定义适配器的时候,都要去重新去写一个,太累。

       2、构造方法与SimpleAdapter构造方法相同,五个参数也一摸一样!

       3、只需要在自定义的适配器类中,将我们需要监听的组件进行设置监听即可!别的代码不需要去改动!

       例如我们需要完成下图这种ListView(图1):

Android ListView界面

       用SimpleAdapter实现界面

       首先我们来完成ListView中每项的布局:

       main.xml:

XML/HTML代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="horizontal"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >  
  7. <ImageView  
  8.     android:layout_width="wrap_content"  
  9.     android:layout_height="wrap_content"  
  10.     android:id="@+id/iv"  
  11.     />  
  12.    <LinearLayout  
  13.         android:orientation="vertical"  
  14.         android:layout_width="wrap_content"  
  15.         android:layout_height="wrap_content"  
  16.         >  
  17.         <TextView  
  18.             android:layout_width="wrap_content"  
  19.             android:layout_height="wrap_content"  
  20.             android:textSize="20sp"  
  21.             android:id="@+id/bigtv"  
  22.             />  
  23.         <TextView  
  24.             android:layout_width="wrap_content"  
  25.             android:layout_height="wrap_content"  
  26.             android:textSize="10sp"  
  27.             android:id="@+id/smalltv"  
  28.             />  
  29.     </LinearLayout>  
  30. <Button  
  31.     android:layout_width="wrap_content"  
  32.     android:layout_height="wrap_content"  
  33.      android:text="button"  
  34.     android:id="@+id/btn"  
  35.     />  
  36. <CheckBox  
  37.    android:layout_width="wrap_content"  
  38.    android:layout_height="wrap_content"  
  39.    android:id="@+id/cb"  
  40.    />  
  41. </LinearLayout>  

       修改源码:MainActivity.java:

Java代码
  1. public class MainActivity extends Activity {   
  2.     private SimpleAdapter adapter;// 声明适配器对象   
  3.     private ListView listView; // 声明列表视图对象   
  4.     private List<Map<String, Object>> list;// 声明列表容器   
  5.     public static MainActivity ma;   
  6.     @Override  
  7.     public void onCreate(Bundle savedInstanceState) {   
  8.         super.onCreate(savedInstanceState);   
  9.         ma = this;   
  10.         // 实例化列表容器   
  11.         list = new ArrayList<Map<String, Object>>();   
  12.         listView = new ListView(this);// 实例化列表视图   
  13.         // 实例一个列表数据容器   
  14.         Map<String, Object> map = new HashMap<String, Object>();   
  15.         // 往列表容器中添加数据   
  16.         map.put("item1_imageivew", R.drawable.icon);   
  17.         map.put("item1_bigtv""BIGTV");   
  18.         map.put("item1_smalltv""SMALLTV");   
  19.         // 将列表数据添加到列表容器中   
  20.         list.add(map);   
  21.         // --使用系统适配器,无法实现组件监听;   
  22.         // //实例适配器   
  23.         adapter = new SimpleAdapter(this, list, R.layout.main, new String[] {   
  24.                 "item1_imageivew""item1_bigtv""item1_smalltv" }, new int[] {   
  25.                 R.id.iv, R.id.bigtv, R.id.smalltv });   
  26.         listView.setAdapter(adapter);   
  27.         // //显示列表视图   
  28.         this.setContentView(listView);   
  29.     }   
  30. }  

       到此,我们就实现了图1中的ListView,当然这里只是完成了界面。

       使用通用适配器

       如果想监听图1中的按钮和复选框事件,那么我们肯定需要自定义一个适配器,那么下面开始介绍如何实现通用适配器:

       创建一个新类,类名:MySimpleAdapter.java,继承自BaseAdapter:

Java代码
  1. /**  
  2.  *  
  3.  */  
  4. package com.himi;   
  5. import java.util.List;   
  6. import java.util.Map;   
  7. import android.app.AlertDialog;   
  8. import android.content.Context;   
  9. import android.view.LayoutInflater;   
  10. import android.view.View;   
  11. import android.view.ViewGroup;   
  12. import android.widget.BaseAdapter;   
  13. import android.widget.Button;   
  14. import android.widget.CheckBox;   
  15. import android.widget.CompoundButton;   
  16. import android.widget.ImageView;   
  17. import android.widget.TextView;   
  18. import android.widget.CompoundButton.OnCheckedChangeListener;   
  19. /**  
  20.  * @author Himi  
  21.  *  
  22.  */  
  23. public class MySimpleAdapter extends BaseAdapter {   
  24.     private LayoutInflater mInflater;   
  25.     private List<Map<String, Object>> list;   
  26.     private int layoutID;   
  27.     private String flag[];   
  28.     private int ItemIDs[];   
  29.     public MySimpleAdapter(Context context, List<Map<String, Object>> list,   
  30.             int layoutID, String flag[], int ItemIDs[]) {   
  31.         this.mInflater = LayoutInflater.from(context);   
  32.         this.list = list;   
  33.         this.layoutID = layoutID;   
  34.         this.flag = flag;   
  35.         this.ItemIDs = ItemIDs;   
  36.     }   
  37.     @Override  
  38.     public int getCount() {   
  39.         // TODO Auto-generated method stub   
  40.         return list.size();   
  41.     }   
  42.     @Override  
  43.     public Object getItem(int arg0) {   
  44.         // TODO Auto-generated method stub   
  45.         return 0;   
  46.     }   
  47.     @Override  
  48.     public long getItemId(int arg0) {   
  49.         // TODO Auto-generated method stub   
  50.         return 0;   
  51.     }   
  52.     @Override  
  53.     public View getView(int position, View convertView, ViewGroup parent) {   
  54.         convertView = mInflater.inflate(layoutID, null);   
  55.         for (int i = 0; i < flag.length; i++) {//备注1   
  56.             if (convertView.findViewById(ItemIDs[i]) instanceof ImageView) {   
  57.                 ImageView iv = (ImageView) convertView.findViewById(ItemIDs[i]);   
  58.                 iv.setBackgroundResource((Integer) list.get(position).get(   
  59.                         flag[i]));   
  60.             } else if (convertView.findViewById(ItemIDs[i]) instanceof TextView) {   
  61.                 TextView tv = (TextView) convertView.findViewById(ItemIDs[i]);   
  62.                 tv.setText((String) list.get(position).get(flag[i]));   
  63.             }else{   
  64.                 //...备注2   
  65.             }   
  66.         }   
  67.         addListener(convertView);   
  68.         return convertView;   
  69.     }   
  70. /**  
  71.  * 童鞋们只需要将需要设置监听事件的组件写在下面这方法里就可以啦!  
  72.  * 别的不需要修改!  
  73.  * 备注3  
  74.  */  
  75.     public void addListener(View convertView) {   
  76.         ((Button)convertView.findViewById(R.id.btn)).setOnClickListener(   
  77.                 new View.OnClickListener() {   
  78.                     @Override  
  79.                     public void onClick(View v) {   
  80.                         new AlertDialog.Builder(MainActivity.ma)   
  81.                         .setTitle("自定义通用SimpleAdapter")   
  82.                         .setMessage("按钮成功触发监听事件!")   
  83.                         .show();   
  84.                     }   
  85.                 });   
  86.         ((CheckBox)convertView.findViewById(R.id.cb)).   
  87.         setOnCheckedChangeListener(new OnCheckedChangeListener() {   
  88.             @Override  
  89.             public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {   
  90.                 new AlertDialog.Builder(MainActivity.ma)   
  91.                 .setTitle("自定义通用SimpleAdapter")   
  92.                 .setMessage("CheckBox成功触发状态改变监听事件!")   
  93.                 .show();   
  94.             }   
  95.         });   
  96.     }   
  97. }  

       备注1:这个For循环中是对ListView中每一项中包含所有的组件进行判定每个组件的类型,从而去设置其数据!

       其中“instanceof”这个关键字可能有的童鞋不太熟习,这个是对Object 类型的判断。

       这里我只是对ImageView、TextView的类型进行的数据识别,为什么我这里只写了这两种,那是因为ButtonCheckBox等这些带事件响应的组件是无法通过适配器映射到ListView上的。

       关于适配器映射的机制,这里简单说下:例如一个TextView组件,那么在ListView的每一项(List)中put()添加的时候,put()方法中第一个参数key大家知道是用于与适配器进行对应映射数据用的值,那么第二个参数其实就是put进组件的数据;其实当其数据反射在ListViw时,其实内部就是对组件进行实例化,并且对组件设置数据。

       备注2 :我这里最后还有一个else{…}这里是留给童鞋们去扩展的,因为可能还有一些其他能映射的组件,所以这里留下接口,供大家扩展。

       备注3:addListener(View convertView)这是我留出来的方法,童鞋们只需要将需要设置监听事件的组件写在这方法里就可以啦!

       那么看一下我们使用通用监听器的效果吧:

自定义ListView通用适配器(BaseAdapter)之全方位详解

       OK,很正常!那么在来看看使用系统的SimpleAdapter 与我们自定义的MySimpleAdapter代码对比图:

自定义ListView通用适配器(BaseAdapter)之全方位详解

       怎么样?!构造参数完全一样,而且我们这个比它强大,我们只要去设置下需要监听的组件监听代码就OK了。

       最后提醒大家:使用自定义适配器的时候,有时候ListView每一项的焦点没有了,比如本文中是因为Button和CheckBox截获了焦点,童鞋们只要将button和checkBox的焦点设置不可见就OK啦。

       即xml中的focusable属性:    android:focusable=”false”

       这里也提醒一下开发游戏的童鞋们,很多游戏开发者认为开发游戏不用去学习系统组件的使用,不用去沾染xml、布局啥的,其实这么想的童鞋们你们就大错特错了,Android之所以能这么火,其组件的美观占了很重的份量,这么美的组件不用岂不是很浪费!!希望对组件不熟悉的游戏开发者去学习学习组件的使用!

本文发布:Android开发网
本文地址:http://www.jizhuomi.com/android/game/322.html
2012年12月19日
发布:鸡啄米 分类:Android游戏开发 浏览: 评论:0