1. 程式人生 > >Android入門第六篇之ListView 一

Android入門第六篇之ListView 一

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!

               

本文來自http://blog.csdn.net/hellogv/

 

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

1.準備ListView要顯示的資料

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

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

3.把介面卡新增到ListView,並顯示出來。


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

1

 

接下來,就開始UI的XML程式碼:

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

[xhtml] view plain copy print ?
  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>  
<?xml version="1.0" encoding="utf-8"?><LinearLayout         android:id="@+id/LinearLayout01"         android:layout_width="fill_parent"         android:layout_height="fill_parent"         xmlns:android="http://schemas.android.com/apk/res/android">                <ListView android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:id="@+id/MyListView">        </ListView></LinearLayout>

 

my_listitem.xml的程式碼如下,my_listitem.xml用於設計ListView的Item:

[xhtml] view plain copy print ?
  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>  
<?xml version="1.0" encoding="utf-8"?><LinearLayout         android:layout_width="fill_parent"         xmlns:android="http://schemas.android.com/apk/res/android"         android:orientation="vertical"        android:layout_height="wrap_content"         android:id="@+id/MyListItem"         android:paddingBottom="3dip"         android:paddingLeft="10dip">        <TextView                 android:layout_height="wrap_content"                 android:layout_width="fill_parent"                 android:id="@+id/ItemTitle"                 android:textSize="30dip">        </TextView>        <TextView                 android:layout_height="wrap_content"                 android:layout_width="fill_parent"                 android:id="@+id/ItemText">        </TextView></LinearLayout>

解釋一下,裡面用到的一些屬性:

1.paddingBottom="3dip",Layout往底部留出3個畫素的空白區域

2.paddingLeft="10dip",Layout往左邊留出10個畫素的空白區域

3.textSize="30dip",TextView的字型為30個畫素那麼大。

 

最後就是JAVA的原始碼:

[java] view plain copy print ?
  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. }  
    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        //繫結XML中的ListView,作為Item的容器        ListView list = (ListView) findViewById(R.id.MyListView);                //生成動態陣列,並且轉載資料        ArrayList<HashMap<String, String>> mylist = new ArrayList<HashMap<String, String>>();        for(int i=0;i<30;i++)        {         HashMap<String, String> map = new HashMap<String, String>();         map.put("ItemTitle", "This is Title.....");         map.put("ItemText", "This is text.....");         mylist.add(map);        }        //生成介面卡,陣列===》ListItem        SimpleAdapter mSchedule = new SimpleAdapter(this, //沒什麼解釋                                              mylist,//資料來源                                               R.layout.my_listitem,//ListItem的XML實現                                                                                            //動態陣列與ListItem對應的子項                                                      new String[] {"ItemTitle", "ItemText"},                                                                                             //ListItem的XML檔案裡面的兩個TextView ID                                              new int[] {R.id.ItemTitle,R.id.ItemText});        //新增並且顯示        list.setAdapter(mSchedule);    }

           

給我老師的人工智慧教程打call!http://blog.csdn.net/jiangjunshow

這裡寫圖片描述