Android学习：实现复杂的列表项

实现复杂的列表项，这里实现的是带图片的列表项，主要任务的写一个BaseAdapter的子类，不过在这之前先构造个存列表项数据的类ListViewCellData，实现构造函数和几个get方法即可，再在BaseAdapter中构造个数组存放几组测试数据：

public class ListViewCellData {public String name,des;public int picId;public ListViewCellData(String name,String des,int picId){this.name = name;this.des = des;this.picId = picId;}public String getName() {return name;}public String getDes() {return des;}public int getPicId() {return picId;}}

测试数据，R.drawable.img1是存放在，drawable文件夹下的图片，命名规则与变量一样且不能大写：

public ListViewCellData[] data= new ListViewCellData[]{new ListViewCellData("zhangsan","haoren",R.drawable.img1),new ListViewCellData("lisi","huairen",R.drawable.img2),new ListViewCellData("wangwu","shagua",R.drawable.img3),};

刚刚建好BaseAdapter子类的时候，会让你重写四个方法：getCount()、getItem()、getItemId()和getView()

Int getCount()返回Adapter中数据的长度，也就是列表项的数量

Object getItem(int position)是根据position返回对应的列表项

long getItemId(int position)是返回列表项的位置

View getView(int position,View converView,ViewGroup parent)返回列表项的布局，就是列表中一个列表项的布局

前三个方法按下面的代码稍作修改即可

@Overridepublic int getCount(){// TODO Auto-generated method stubreturn data.length;}@Overridepublic ListViewCellData getItem(int position) {// TODO Auto-generated method stubreturn data[position];}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn position;}

主要任务是对getView方法的重写，进行重写之前，先早Layout文件夹下增加一个列表项布局XML：ListCell，对一条ListView进行描述：

<?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="wrap_content"    android:orientation="horizontal" >    <ImageView        android:id="@+id/imageView1"        android:layout_width="100dp"        android:layout_height="100dp"/>    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_weight="1"        android:orientation="vertical" >        <TextView            android:id="@+id/name"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textAppearance="?android:attr/textAppearanceLarge" />        <TextView            android:id="@+id/des"            android:layout_width="wrap_content"            android:layout_height="wrap_content"/>    </LinearLayout></LinearLayout>

列表项布局构造好之后，开始重写getView方法，首先声明一个新的LinearLayout的ll用于存放返回列表布局，之后判断convertView是否为空，convertView是系统回收的列表项，如果不为空，则说明系统有回收过列表项，这样直接将convertView强制类型转换复制给ll，如果为空，则使用LayoutInflater.from.inflate方法将刚才建的布局ListCell赋值给ll，其中from需要获取Context，这里在BaseAdapter中创造构造函数以获取Context：

private Context context = null;public ListViewAdapter(Context context){this.context = context;}public Context getContext(){return this.context;}

之后通过getItem方法获取要在一个列表项中存放的数据，同findViewById方法获取布局的控件，再用setImageResource()、setText()等方法设置控件中的内容，最后返回ll即可：

@Overridepublic View getView(int position, View convertView, ViewGroup parent) {// TODO Auto-generated method stubLinearLayout ll = null;if(convertView!=null){ll = (LinearLayout)convertView;}else{ll = (LinearLayout)LayoutInflater.from(getContext()).inflate(R.layout.listcell,null);}ListViewCellData data = getItem(position);ImageView icon = (ImageView)ll.findViewById(R.id.imageView1);TextView name = (TextView)ll.findViewById(R.id.name);TextView des = (TextView)ll.findViewById(R.id.des);icon.setImageResource(data.getPicId());name.setText(data.getName());des.setText(data.getDes());return ll;}

最后在MainActivity中setAdapter中写入刚才写的BaseAdapter就行了：

private ListView lv = null;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        lv = (ListView)findViewById(R.id.listView);        lv.setAdapter(new ListViewAdapter(this));    }

还有一种方法不用声明ListView，就是直接继承ListActivity类，然后绑定有ID为@android:id/list列表的布局即可：

public class ListViewActivity extends ListActivity {    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_list);        setListAdapter(new ListViewAdapter(this));    }}

带ID为@android:id/list列表的布局：

    <ListView        android:id="@android:id/list"        android:layout_width="match_parent"        android:layout_height="wrap_content" >    </ListView>