Android入门第七篇之ListView (二)

Android入门第六篇之ListView (一)，讲的是如何制作一个具有两行文本的 自定义控件 ，作为ListView的Item的使用方法。这篇接下来也是围绕ListView和Item，更加深入地介绍它们的用法。

首先，先来看看本文代码运行的结果，本文的Item比上一篇中的Item多出左边的图标：

main.xml的源代码，跟上一篇的一样，这里就不作解释了，直接贴出item.xml的代码，就是它实现ImageItem的UI：

view plain print ?

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <RelativeLayout
3. android:layout_width="fill_parent"
4. xmlns:android="http://schemas.android.com/apk/res/android"
5. android:layout_height="wrap_content"
6. android:paddingBottom="4dip"
7. android:paddingLeft="12dip">
8. <ImageView
9. android:layout_width="wrap_content"
10. android:id="@+id/itemImage"android:layout_height="fill_parent">
11. </ImageView>
12. <TextView
13. android:text="TextView01"
14. android:layout_height="wrap_content"
15. android:layout_width="fill_parent"
16. android:id="@+id/itemTitle"android:layout_toRightOf="@+id/itemImage"android:textSize="20dip">
17. </TextView>
18. <TextView
19. android:text="TextView02"
20. android:layout_height="wrap_content"
21. android:layout_width="fill_parent"
22. android:id="@+id/itemText"android:layout_toRightOf="@+id/itemImage"android:layout_below="@+id/itemTitle">
23. </TextView>
24. </RelativeLayout>

解释一下 item.xml的代码：这里使用了RelativeLayout布局，控件的关键的属性是：

itemTitle的属性 android:layout_toRightOf="@+id/itemImage" ，itemTitle在itemImage的右边；

itemText的属性 android:layout_toRightOf="@+id/itemImage"，ItemText在itemImage的右边， android:layout_below="@+id/itemTitle"， itemText 在 itemTitle的下面。

最后，贴出JAVA的源代码，其中重点是LayoutInflate的用法。LayoutInflate的使用方法如下：

• LayoutInflater的作用是，把一个View的对象与XML布局文件关联并实例化。
• View的对象实例化之后，可以通过findViewById()查找布局文件中的指定Id的组件。

view plain print ?

1. packagecom.testListView;
3. importandroid.app.Activity;
4. importandroid.content.Context;
5. importandroid.os.Bundle;
6. importandroid.view.LayoutInflater;
7. importandroid.view.View;
8. importandroid.view.ViewGroup;
9. importandroid.widget.BaseAdapter;
10. importandroid.widget.ImageView;
11. importandroid.widget.ListView;
12. importandroid.widget.TextView;
14. publicclasstestListViewextendsActivity{
15. ListViewlistView;
16. String[]titles={"标题1","标题2","标题3","标题4"};
17. String[]texts={"文本内容A","文本内容B","文本内容C","文本内容D"};
18. int[]resIds={R.drawable.icon,R.drawable.icon,R.drawable.icon,R.drawable.icon};
20. @Override
21. publicvoidonCreate(BundlesavedInstanceState){
22. super.onCreate(savedInstanceState);
23. setContentView(R.layout.main);
24. this.setTitle("BaseAdapterforListView");
25. listView=(ListView)this.findViewById(R.id.listView1);
26. listView.setAdapter(newListViewAdapter(titles,texts,resIds));
27. }
29. publicclassListViewAdapterextendsBaseAdapter{
30. View[]itemViews;
32. publicListViewAdapter(String[]itemTitles,String[]itemTexts,
33. int[]itemImageRes){
34. itemViews=newView[itemTitles.length];
36. for(inti=0;i<itemViews.length;i++){
37. itemViews[i]=makeItemView(itemTitles[i],itemTexts[i],
38. itemImageRes[i]);
39. }
40. }
42. publicintgetCount(){
43. returnitemViews.length;
44. }
46. publicViewgetItem(intposition){
47. returnitemViews[position];
48. }
50. publiclonggetItemId(intposition){
51. returnposition;
52. }
54. privateViewmakeItemView(StringstrTitle,StringstrText,intresId){
55. LayoutInflaterinflater=(LayoutInflater)testListView.this
56. .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
58. //使用View的对象itemView与R.layout.item关联
59. ViewitemView=inflater.inflate(R.layout.item,null);
61. //通过findViewById()方法实例R.layout.item内各组件
62. TextViewtitle=(TextView)itemView.findViewById(R.id.itemTitle);
63. title.setText(strTitle);
64. TextViewtext=(TextView)itemView.findViewById(R.id.itemText);
65. text.setText(strText);
66. ImageViewimage=(ImageView)itemView.findViewById(R.id.itemImage);
67. image.setImageResource(resId);
69. returnitemView;
70. }
72. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
73. if(convertView==null)
74. returnitemViews[position];
75. returnconvertView;
76. }
77. }
79. }