Android入門之ListView (一)

brook19發表於2010-08-15
AndroidView

ListView是一個經常用到的控制元件，ListView裡面的每個子項Item可以使一個字元 串，也可以是一個組合控制元件。先說說ListView的實現：

1.準備ListView要顯示的數 據 ；

2.使用 一維或多維 動 態陣列 儲存資料；

2.構建介面卡 ， 簡單地來說， 介面卡就是 Item陣列 ， 動態陣列 有多少元素就生成多少個Item；

3.把 適 配器 新增到ListView,並顯示出來。


接下來，看看本文程式碼所實現的ListView:

1

 

接下來，就開始UI的XML程式碼：

main.xml程式碼如下，很簡單，也不需要多做 解釋了：


  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：


  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的原始碼：


  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. } 

相關文章