Android入门第六篇之ListView (一)

ListView是一个经常用到的控件,ListView里面的每个子项Item可以使一个字符串,也可以是一个组合控件。先说说ListView的实现:

1.准备ListView要显示的数据 

2.使用 一维或多维 动态数组 保存数据;

2.构建适配器  简单地来说, 适配器就是 Item数组  动态数组 有多少元素就生成多少个Item;

3.把 适配器 添加到ListView,并显示出来。


接下来,看看本文代码所实现的ListView:

Android入门第六篇之ListView (一)

 

接下来,就开始UI的XML代码:

main.xml代码如下,很简单,也不需要多做解释了:

[xhtml] view plaincopyprint?

  1. <?xml version="1.0" encoding="utf-8"?>  

  2. <LinearLayout   

  3.         android:id="@+id/LinearLayout01"   

  4.         android:layout_width="fill_parent"   

  5.         android:layout_height="fill_parent"   

  6.         xmlns:android="http://schemas.android.com/apk/res/android">  

  7.           

  8.         <ListView android:layout_width="wrap_content"   

  9.                   android:layout_height="wrap_content"   

  10.                   android:id="@+id/MyListView">  

  11.         </ListView>  

  12. </LinearLayout>  

 

my_listitem.xml的代码如下,my_listitem.xml用于设计ListView的Item:

[xhtml] view plaincopyprint?

  1. <?xml version="1.0" encoding="utf-8"?>  

  2. <LinearLayout   

  3.         android:layout_width="fill_parent"   

  4.         xmlns:android="http://schemas.android.com/apk/res/android"   

  5.         android:orientation="vertical"  

  6.         android:layout_height="wrap_content"   

  7.         android:id="@+id/MyListItem"   

  8.         android:paddingBottom="3dip"   

  9.         android:paddingLeft="10dip">  

  10.         <TextView   

  11.                 android:layout_height="wrap_content"   

  12.                 android:layout_width="fill_parent"   

  13.                 android:id="@+id/ItemTitle"   

  14.                 android:textSize="30dip">  

  15.         </TextView>  

  16.         <TextView   

  17.                 android:layout_height="wrap_content"   

  18.                 android:layout_width="fill_parent"   

  19.                 android:id="@+id/ItemText">  

  20.         </TextView>  

  21. </LinearLayout>  

解释一下,里面用到的一些属性:

1.paddingBottom="3dip",Layout往底部留出3个像素的空白区域

2.paddingLeft="10dip",Layout往左边留出10个像素的空白区域

3.textSize="30dip",TextView的字体为30个像素那么大。

 

最后就是JAVA的源代码:

[java] view plaincopyprint?

  1. public void onCreate(Bundle savedInstanceState) {  

  2.     super.onCreate(savedInstanceState);  

  3.     setContentView(R.layout.main);  

  4.     //绑定XML中的ListView,作为Item的容器  

  5.     ListView list = (ListView) findViewById(R.id.MyListView);  

  6.       

  7.     //生成动态数组,并且转载数据  

  8.     ArrayList<HashMap<String, String>> mylist = new ArrayList<HashMap<String, String>>();  

  9.     for(int i=0;i<30;i++)  

  10.     {  

  11.         HashMap<String, String> map = new HashMap<String, String>();  

  12.         map.put("ItemTitle""This is Title.....");  

  13.         map.put("ItemText""This is text.....");  

  14.         mylist.add(map);  

  15.     }  

  16.     //生成适配器,数组===》ListItem  

  17.     SimpleAdapter mSchedule = new SimpleAdapter(this//没什么解释  

  18.                                                 mylist,//数据来源   

  19.                                                 R.layout.my_listitem,//ListItem的XML实现  

  20.                                                   

  21.                                                 //动态数组与ListItem对应的子项          

  22.                                                 new String[] {"ItemTitle""ItemText"},   

  23.                                                   

  24.                                                 //ListItem的XML文件里面的两个TextView ID  

  25.                                                 new int[] {R.id.ItemTitle,R.id.ItemText});  

  26.     //添加并且显示  

  27.     list.setAdapter(mSchedule);  

  28. }  


转载于:https://my.oschina.net/airship/blog/366156