Android ExpandableListView 展开列表控件(手机QQ好友列表)

  你是否觉得手机QQ上的好友列表那个控件非常棒？  不是.....   那也没关系， 学多一点知识对自己也有益无害。

  那么我们就开始吧。

  展开型列表控件， 原名ExpandableListView

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

 

 工程代码下载：http://download.csdn.net/detail/knowheart/4126753

 

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

 

   

 

  该控件需要一个主界面XML  一个标题界面XML及一个列表内容界面XML

 

   首先我们来看看  mian.xml 主界面

 

   //该界面非常简单， 只要一个ExpandableListView即可

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <ExpandableListView 
        android:id="@id/android:list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        />
</LinearLayout>

 

  groups.xml   该界面是父标题界面

  我们只要放上一个要显示出来的标题TextView控件上去即可

<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
>
	<TextView
		android:id="@+id/textGroup"
		android:layout_width="fill_parent"
		android:layout_height="fill_parent"
		android:paddingLeft="40px"
		android:paddingTop="6px"
		android:paddingBottom="6px"
		android:textSize="15sp"
		android:text="No data"
	/>

</LinearLayout>

childs.xml  是子控件， 直接显示列表内容

<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
 	android:orientation="vertical"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
>
　　  <TextView  
		android:id="@+id/textChild"
 		android:layout_width="fill_parent" 
		android:layout_height="fill_parent" 
		android:paddingLeft="60px"
		android:paddingTop="10px"
		android:paddingBottom="10px"
		android:textSize="20sp"
 		android:text="No Data"
/>

</LinearLayout>

 

接下来再上主代码, 命名有点乱， 大家真正用于开发时可不要这样命名啊.

 

public class ExpandActivity extends ExpandableListActivity
{
	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		
		//创建二个一级条目标题
		Map<String, String> title_1 = new HashMap<String, String>();
		Map<String, String> title_2 = new HashMap<String, String>();
		
		title_1.put("group", "开发");
		title_2.put("group", "管理");
		
		//创建一级条目容器
		List<Map<String, String>> gruops = new ArrayList<Map<String,String>>();
		
		gruops.add(title_1);
		gruops.add(title_2);
		
		//创建二级条目内容
		
		//内容一
		Map<String, String> content_1 = new HashMap<String, String>();
		Map<String, String> content_2 = new HashMap<String, String>();
		
		content_1.put("child", "VC++");
		content_2.put("child", "Java");
		
		List<Map<String, String>> childs_1 = new ArrayList<Map<String,String>>();
		childs_1.add(content_1);
		childs_1.add(content_2);
		
		//内容二
		Map<String, String> content_3 = new HashMap<String, String>();
		Map<String, String> content_4 = new HashMap<String, String>();
		
		content_3.put("child", "敏捷开发");
		content_4.put("child", "迭代开发");
		
		List<Map<String, String>> childs_2 = new ArrayList<Map<String,String>>();
		childs_2.add(content_3);
		childs_2.add(content_4);
		
		//存放两个内容, 以便显示在列表中
		List<List<Map<String, String>>> childs = new ArrayList<List<Map<String,String>>>();
		childs.add(childs_1);
		childs.add(childs_2);
		
		//创建ExpandableList的Adapter容器
		//参数: 1.上下文    2.一级集合	3.一级样式文件 4. 一级条目键值		5.一级显示控件名
		// 		6. 二级集合	7. 二级样式	8.二级条目键值	9.二级显示控件名
		SimpleExpandableListAdapter sela = new SimpleExpandableListAdapter(
				this, gruops, R.drawable.groups, new String[]{"group"}, new int[]{R.id.textGroup}, 
				childs, R.drawable.childs, new String[]{"child"}, new int[]{R.id.textChild}
				);
		
		//加入列表
		setListAdapter(sela);
	}
}

最后， 如果想响应各操作的话， 就要重载下面的方法

 

	//列表内容按下
	@Override
	public boolean onChildClick(ExpandableListView parent, View v,
			int groupPosition, int childPosition, long id)
	{
		// TODO Auto-generated method stub
		return super.onChildClick(parent, v, groupPosition, childPosition, id);
	}

	//二级标题按下
	@Override
	public boolean setSelectedChild(int groupPosition, int childPosition,
			boolean shouldExpandGroup)
	{
		// TODO Auto-generated method stub
		return super.setSelectedChild(groupPosition, childPosition, shouldExpandGroup);
	}

	//一级标题按下
	@Override
	public void setSelectedGroup(int groupPosition)
	{
		// TODO Auto-generated method stub
		super.setSelectedGroup(groupPosition);
	}

 

再最后， 运行你的模拟器就可以看见啦。