Android控件之ExpandableListView

2014-06-06
浏览
导读:先把运行效果附在下面: 首先看下布局文件:在定义布局时,这里要定义三个布局文件,全在res/layout目录下,我先把布局文件附在下面,具体有什么用,我在下面会详细说明 main.xml: ?xml version= 1.0 encoding= utf-8 ? LinearLayout xmlns:android= http://s

  先把运行效果附在下面:

  首先看下布局文件:在定义布局时,这里要定义三个布局文件,全在res/layout目录下,我先把布局文件附在下面,具体有什么用,我在下面会详细说明

  main.xml:

  <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:orientation="vertical"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       >
    <ExpandableListView
        android:id="@id/android:list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:drawSelectorOnTop="false"/>
    <TextView 
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:id="@id/android:empty"
       android:text="No Data"/>
   </LinearLayout> 

  groups.xml:

  <?xml version="1.0" encoding="utf-8"?>
   <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:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:id="@+id/group"
       android:textSize="25sp"
       android:paddingLeft="35px"
       android:paddingTop="10px"
       android:paddingRight="5px"
       android:paddingBottom="10px"
       android:text="No Data"/>
   </LinearLayout>

  childs.xml:

  <?xml version="1.0" encoding="utf-8"?>
   <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:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:id="@+id/child"
       android:textSize="15sp"
       android:paddingLeft="25px"
       android:paddingTop="10px"
       android:paddingRight="5px"
       android:paddingBottom="10px"
       android:text="No Data"/>
   </LinearLayout>

  首先,第一个布局文件main.xml是在主界面定义一个ExpandableListView ,在这里我们就要和在做ListView是的方法做下对比了,其实这个listView的显示类似。主要是用来显示ExpandableListView 下的数据。第二个布局文件是定义ExpandableListView 下的一级条目目录。在这里我只为一级条目目录添加一个textView控件。第三个布局文件是定义ExpandableListView 下的二级条目目录,和一级条目目录一样,布局文件里也只有一个TextView控件。

  Java代码:

  ExpandableActivity:

  package cn.yj3g.ExpandableListActivity;
  
   import java.util.ArrayList;
   import java.util.HashMap;
   import java.util.List;
   import java.util.Map;
   import android.app.ExpandableListActivity;
   import android.os.Bundle;
   import android.view.View;
   import android.widget.ExpandableListView;
   import android.widget.SimpleExpandableListAdapter;
   /**
    * 继承ExpandableListActivity类
    */
   public class ExpandableActivity extends ExpandableListActivity {
       @Override
       public void onCreate(Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           setContentView(R.layout.main);
           // 创建一级条目
           List<Map<String, String>> groups = new ArrayList<Map<String, String>>();
           //创建两个一级条目标题
           Map<String, String> group1 = new HashMap<String, String>();
           group1.put("group", "音乐");
           Map<String, String> group2 = new HashMap<String, String>();
           group2.put("group", "歌词");
           groups.add(group1);
           groups.add(group2);
           // 创建一级条目下的的二级条目
           List<Map<String, String>> child1 = new ArrayList<Map<String, String>>();
           //同样是在一级条目目录下创建两个对应的二级条目目录
           Map<String, String> childdata1 = new HashMap<String, String>();
           childdata1.put("child", "青花瓷");
           Map<String, String> childdata2 = new HashMap<String, String>();
           childdata2.put("child", "东风破");
           child1.add(childdata1);
           child1.add(childdata2);
           //同上
           List<Map<String, String>> child2 = new ArrayList<Map<String, String>>();
           Map<String, String> childdata3 = new HashMap<String, String>();
           childdata3.put("child", "青花瓷.lrc");
           Map<String, String> childdata4 = new HashMap<String, String>();
           childdata4.put("child", "东风破.lrc");
           child2.add(childdata3);
           child2.add(childdata4);
           // 将二级条目放在一个集合里,供显示时使用
           List<List<Map<String, String>>> childs = new ArrayList<List<Map<String, String>>>();
           childs.add(child1);
           childs.add(child2);
           /**
            * 使用SimpleExpandableListAdapter显示ExpandableListView
            * 参数1.上下文对象Context
            * 参数2.一级条目目录集合
            * 参数3.一级条目对应的布局文件
            * 参数4.fromto,就是map中的key,指定要显示的对象
            * 参数5.与参数4对应,指定要显示在groups中的id
            * 参数6.二级条目目录集合
            * 参数7.二级条目对应的布局文件
            * 参数8.fromto,就是map中的key,指定要显示的对象
            * 参数9.与参数8对应,指定要显示在childs中的id
            */
           SimpleExpandableListAdapter adapter = new SimpleExpandableListAdapter(
                   this, groups, R.layout.groups, new String[] { "group" },
                   new int[] { R.id.group }, childs, R.layout.child,
                   new String[] { "child" }, new int[] { R.id.child });
           setListAdapter(adapter);
   
       }
       /**
        * 设置哪个二级目录被默认选中
        */
       @Override
       public boolean setSelectedChild(int groupPosition, int childPosition,
               boolean shouldExpandGroup) {
               //do something
           return super.setSelectedChild(groupPosition, childPosition,
                   shouldExpandGroup);
       }
       /**
        * 设置哪个一级目录被默认选中
        */
       @Override
       public void setSelectedGroup(int groupPosition) {
           //do something
           super.setSelectedGroup(groupPosition);
       }
       /**
        * 当二级条目被点击时响应
        */
       @Override
       public boolean onChildClick(ExpandableListView parent, View v,
               int groupPosition, int childPosition, long id) {
               //do something
           return super.onChildClick(parent, v, groupPosition, childPosition, id);
       }
 
   }

  上面在显示ExpandableListView 是用的是SimpleExpandableListAdapter ,这里要传的参数比较多,大家在用时别一看到参数多就头疼,没事的,看注释你就知道各个参数的意思了。下面的三个重写方法是在显示ExpandableListView 是调用的,具体的用法就要根据需求来确定了。

编程实现Android远程控制PC

[Android的系统移植与平台开发]Sensor HAL

[Android的系统移植与平台开发]Sensor HAL

用ViewPager实现高仿图片左右滑动自动切换

详解android Content Provider[6]