Android的ExpandableListView的学习

最近在公司做项目，有一个小模块，需要用到ExpandableListView这个控件，所以在工作中边学习边工作。根据需求，在进入ExpandableLisView的时候默认展开第一组，需要用到这个属性，expandableListView.expandGroup(0);

在ExpandableListView中，当点击一个组展开时，其他展开的组是不自动关上的，这需要在监听事件中处理一下：

@Override
 public void onGroupExpand(int groupPosition) {
  // TODO Auto-generated method stub
  for (int i = 0, count = expandableListView.getExpandableListAdapter()
    .getGroupCount(); i < count; i++) {
   if (groupPosition != i) {// 关闭其他分组
    expandableListView.collapseGroup(i);
   }
  }
 }

还有一个地方需要注意的就是在Adapter的getChildrenCount(int groupPosition)方法，要return child.get(groupPosition).size()，否则会在点击组得时候，报数组越界的问题。

下边是部分代码：

MainActivity.java

package com.example.expandablelistviewdemo;

import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnGroupExpandListener;

public class MainActivity extends Activity implements OnGroupExpandListener {
    private ExpandableListView expandableListView;
    private ServiceStationAdapter adapter;
    private ArrayList<String> groupList = new ArrayList<String>();
    private ArrayList<List<ServerStation>> childList = new ArrayList<List<ServerStation>>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        expandableListView = (ExpandableListView) findViewById(R.id.expandableListView1);

        setDate();
    }

    /**
     * 填充数据
     * 
     */
    private void setDate() {
        List<ServerStation> list1 = new ArrayList<ServerStation>();
        for (int i = 0; i < 5; i++) {
            ServerStation serverStation = new ServerStation();
            serverStation.setAddressDiscri("北京丰台区甲23号" + "," + i);
            serverStation.setFaxs("010-1234556" + "," + i);
            serverStation.setPhones("010-74123412" + "," + i);
            list1.add(serverStation);
        }

        addDate("北京", list1);
        List<ServerStation> list2 = new ArrayList<ServerStation>();
        for (int i = 0; i < 3; i++) {
            ServerStation serverStation = new ServerStation();
            serverStation.setAddressDiscri("河北省衡水市大风路23号5栋3门302室" + "," + i);
            serverStation.setFaxs("0313-1234556" + "," + i);
            serverStation.setPhones("0313-74123412" + "," + i);
            list2.add(serverStation);
        }
        addDate("河北", list2);
        expandableListView.setGroupIndicator(null);
        adapter = new ServiceStationAdapter(MainActivity.this, groupList,
                childList);
        expandableListView.setAdapter(adapter);
        // 展开一组，关闭其他组
        expandableListView.setOnGroupExpandListener(MainActivity.this);
        // 默认展开第一项
        expandableListView.expandGroup(0);

    }

    @Override
    public void onGroupExpand(int groupPosition) {
        // TODO Auto-generated method stub
        for (int i = 0, count = expandableListView.getExpandableListAdapter()
                .getGroupCount(); i < count; i++) {
            if (groupPosition != i) {// 关闭其他分组
                expandableListView.collapseGroup(i);
            }
        }
    }

    /**
     * 添加数据信息
     * 
     * @param g
     * @param c
     */
    private void addDate(String g, List<ServerStation> c) {
        groupList.add(g);
        List<ServerStation> list = new ArrayList<ServerStation>();
        for (int i = 0; i < c.size(); i++) {
            list.add(c.get(i));
        }
        childList.add(list);
    }

}

ServiceStationAdapter.java

package com.example.expandablelistviewdemo;

import java.util.List;


import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.net.Uri;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
 * expandableListView
 * 
 */
public class ServiceStationAdapter extends BaseExpandableListAdapter {
    private Context context;
    private List<String> group;
    private List<List<ServerStation>> child;

    public ServiceStationAdapter(Context context, List<String> group,
            List<List<ServerStation>> child) {
        this.context = context;
        this.group = group;
        this.child = child;
    }

    @Override
    public int getGroupCount() {
        return group.size();
    }

    @Override
    public int getChildrenCount(int groupPosition) {
        // return child.size();
        return child.get(groupPosition).size();
    }

    @Override
    public Object getGroup(int groupPosition) {
        return group.get(groupPosition);
    }

    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return child.get(childPosition).get(childPosition);
    }

    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }

    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public boolean hasStableIds() {
        return false;
    }

    /**
     * 修改listview组得样式 group
     */
    @Override
    public View getGroupView(int groupPosition, boolean isExpanded,
            View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(
                    R.layout.expandlistview_group_layout, null);
            holder = new ViewHolder();
            holder.tvCity = (TextView) convertView.findViewById(R.id.tv_city);
            holder.imgArrow = (ImageView) convertView
                    .findViewById(R.id.imageView);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        if (isExpanded) {
            holder.imgArrow
                    .setBackgroundResource(R.drawable.down_selected_icon);
        } else {
            holder.imgArrow.setBackgroundResource(R.drawable.up_selected_icon);
        }
        holder.tvCity.setText(group.get(groupPosition));
        return convertView;

    }

    /**
     * child
     */
    @Override
    public View getChildView(int groupPosition, int childPosition,
            boolean isLastChild, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(
                    R.layout.expandlistview_child_layout, null);
            holder = new ViewHolder();
            holder.tvAddress = (TextView) convertView
                    .findViewById(R.id.tv_address);
            holder.tvFax = (TextView) convertView.findViewById(R.id.tv_fax);
            holder.tvTel = (TextView) convertView.findViewById(R.id.tv_tel);
            holder.telLayout = (LinearLayout) convertView
                    .findViewById(R.id.tel_layout);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        String address = child.get(groupPosition).get(childPosition)
                .getAddressDiscri();
        holder.tvAddress.setText(address);
        String fax = child.get(groupPosition).get(childPosition).getFaxs();
        if ("".equals(fax)) {
            holder.tvFax.setText("暂无传真信息");
        } else {
            holder.tvFax.setText(fax);
        }

        String mobile = child.get(groupPosition).get(childPosition).getPhones();
        if ("".equals(mobile)) {
            holder.tvTel.setText("暂无电话信息");
        } else {
            holder.tvTel.setText(mobile);
        }

        holder.telLayout.setOnClickListener(new MyclickListener(groupPosition,
                childPosition));
        return convertView;
    }

    class ViewHolder {
        TextView tvCity, tvAddress, tvFax, tvTel;
        ImageView imgArrow;
        LinearLayout telLayout;

    }

    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return false;
    }

    class MyclickListener implements OnClickListener {
        int groupPosition, childPosition;

        public MyclickListener(int groupIndex, int childIndex) {
            // TODO Auto-generated constructor stub

            this.groupPosition = groupIndex;
            this.childPosition = childIndex;
        }

        @Override
        public void onClick(View v) {

            // showCustomerService(child.get(groupPosition).get(childPosition)
            // .getTel());
            showDialog(child.get(groupPosition).get(childPosition).getPhones(),
                    "拨打电话");
        }
    }

    /**
     * 
     * @Title: showDialog
     * @Description: TODO(这里用一句话描述这个方法的作用)
     * @param: @param visible 控件的显隐
     * @param: @param message dialog内容显示
     * @param: @param titleStr dialog的标题
     * @param: @param id 根据id不同设置dialog确定按钮显示
     * @return: void 返回类型
     * @date: 2014-9-17 下午4:40:10
     */
    public void showDialog(final String message, final String titleStr) {
        AlertDialog.Builder builder = new AlertDialog.Builder(context);
        builder.setTitle(titleStr);
        builder.setMessage(message);
        builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {

            @Override
            public void onClick(DialogInterface dialog, int which) {
                // TODO Auto-generated method stub
                Intent intent = new Intent(Intent.ACTION_DIAL, Uri.parse("tel:"
                        + message));
                context.startActivity(intent);
                dialog.dismiss();
            }

        });

        builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {

            @Override
            public void onClick(DialogInterface dialog, int which) {
                // TODO Auto-generated method stub
                dialog.dismiss();
            }
        });
        
        builder.create().show();
    }

}

ServiceStation.java

package com.example.expandablelistviewdemo;

import java.io.Serializable;


public class ServerStation implements Serializable {
    /**
     */
    private static final long serialVersionUID = 7492110209741256694L;
    private String addressDiscri = "";// 详细地址
    private String phones = "";// 电话
    private String faxs = "";// 传真
    public String getAddressDiscri() {
        return addressDiscri;
    }

    public void setAddressDiscri(String addressDiscri) {
        this.addressDiscri = addressDiscri;
    }

    public String getPhones() {
        return phones;
    }

    public void setPhones(String phones) {
        this.phones = phones;
    }

    public String getFaxs() {
        return faxs;
    }

    public void setFaxs(String faxs) {
        this.faxs = faxs;
    }
}

布局文件

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f9f9f9"
    android:orientation="vertical" >

    <ExpandableListView
        android:id="@+id/expandableListView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ExpandableListView>

</LinearLayout>

expandlistview_group_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <RelativeLayout
        android:padding="10dp"
        android:gravity="center_vertical"
        android:layout_width="match_parent"
        android:layout_height="40dp" >

        <TextView
            android:textColor="@android:color/black"
            android:textSize="10sp"
            android:id="@+id/tv_city"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:text="北京" />

        <ImageView
            android:id="@+id/imageView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true" />

    </RelativeLayout>

</LinearLayout>

expandlistview_child_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#6f737d"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv_address"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginLeft="10dp"
        android:gravity="center_vertical"
        android:textColor="@android:color/white" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
       
        android:orientation="horizontal" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            android:padding="10dp" >

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/fax_icon" />

            <TextView
                android:id="@+id/tv_fax"
                android:layout_width="100dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:textColor="@android:color/white" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/tel_layout"
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/station_tel_selected"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            android:padding="10dp" >

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src=<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#6f737d"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv_address"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginLeft="10dp"
        android:gravity="center_vertical"
        android:textColor="@android:color/white" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
       
        android:orientation="horizontal" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            android:padding="10dp" >

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/fax_icon" />

            <TextView
                android:id="@+id/tv_fax"
                android:layout_width="100dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:textColor="@android:color/white" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/tel_layout"
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/station_tel_selected"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            android:padding="10dp" >

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/tel_icon" />

            <TextView
                android:id="@+id/tv_tel"
                android:layout_width="100dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:textColor="@android:color/white" />
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="@android:color/black" >
    </LinearLayout>

</LinearLayout>"@drawable/tel_icon" />

            <TextView
                android:id="@+id/tv_tel"
                android:layout_width="100dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:textColor="@android:color/white" />
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="@android:color/black" >
    </LinearLayout>

</LinearLayout>