Android ExpandableListView 展開列表控件(手機QQ好友列表)

你是否覺得手機QQ上的好友列表那個控件非常棒？ 不是..... 那也沒關系， 學多一點知識對自己也有益無害。

那麼我們就開始吧。

展開型列表控件， 原名ExpandableListView

是普通的列表控件進階版， 可以自由的把列表進行收縮， 非常的方便兼好看。

首先看看我完成的截圖， 雖然界面不漂亮， 但大家可以自己去修改界面。

該控件需要一個主界面XML 一個標題界面XML及一個列表內容界面XML

首先我們來看看 mian.xml 主界面

//該界面非常簡單， 只要一個ExpandableListView即可

1. <LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android"
2. android:layout_width="fill_parent"
3. android:layout_height="fill_parent"
4. android:orientation="vertical" >
6. <ExpandableListView
7. android:id="@id/android:list"
8. android:layout_width="fill_parent"
9. android:layout_height="fill_parent"
10. />
11. </LinearLayout>

groups.xml 該界面是父標題界面

我們只要放上一個要顯示出來的標題TextView控件上去即可

1. <LinearLayout
2. xmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="vertical"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. >
7. <TextView
8. android:id="@+id/textGroup"
9. android:layout_width="fill_parent"
10. android:layout_height="fill_parent"
11. android:paddingLeft="40px"
12. android:paddingTop="6px"
13. android:paddingBottom="6px"
14. android:textSize="15sp"
15. android:text="No data"
16. />
18. </LinearLayout>

childs.xml 是子控件， 直接顯示列表內容

1. <LinearLayout
2. xmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="vertical"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. >
7. 　　 <TextView
8. android:id="@+id/textChild"
9. android:layout_width="fill_parent"
10. android:layout_height="fill_parent"
11. android:paddingLeft="60px"
12. android:paddingTop="10px"
13. android:paddingBottom="10px"
14. android:textSize="20sp"
15. android:text="No Data"
16. />
18. </LinearLayout>