Android自定义ExpandableListView

实现这样的效果需要自定义一个Adapter，自定义的Adapter继承BaseExpandableListAdapter，重写getGroupView和

getChildView方法时实例化自己的布局文件就可以了。下面是实现代码：

主布局文件 main.xml



<?xmlversion="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="#ffffff"
>

<ExpandableListView
android:id="@+id/elist"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#ffffff"
/>

</LinearLayout>


子视图布局文件 child_layout.xml



<?xmlversion="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingLeft="30dp"
>

<ImageView
android:id="@+id/civ"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/ren"
android:padding="5dp"
/>

<TextView
android:id="@+id/ctv"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:padding="5dp"
android:textColor="#000000"
/>

</LinearLayout>


分组视图布局文件 group_layout.xml



<?xmlversion="1.0"encoding="utf-8"?>

<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/grlayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<TextView
android:id="@+id/gtv"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:paddingLeft="20dp"
android:textColor="#000000"
/>

<ImageView
android:id="@+id/giv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:paddingRight="10dp"
android:src="@drawable/jia"
/>

</RelativeLayout>


自定义适配器 MyElistAdapter.java



publicclass MyElistAdapter extends BaseExpandableListAdapter {

// 分组数据
private String[] group = { "A组", "B组", "C组", "D组" };
private String[][] child = { { "A01", "A02", "A03" },
{ "B01", "B02", "B03" }, { "C01", "C02", "C03" },
{ "D04", "D05", "D06" } };
private Context mContext;

public MyElistAdapter(Context mContext) {
super();
this.mContext = mContext;
}

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

@Override
public int getChildrenCount(int groupPosition) {
return child[groupPosition].length;
}

@Override
public Object getGroup(int groupPosition) {
return group[groupPosition];
}

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

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

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

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

@Override
public View getGroupView(int groupPosition, boolean isExpanded,
View convertView, ViewGroup parent) {
// 实例化布局文件
RelativeLayout glayout = (RelativeLayout) LayoutInflater.from(mContext)
.inflate(R.layout.group_layout, null);
ImageView iv = (ImageView) glayout.findViewById(R.id.giv);
// 判断分组是否展开，分别传入不同的图片资源
if (isExpanded) {
iv.setImageResource(R.drawable.jian);
} else {
iv.setImageResource(R.drawable.jia);
}
TextView tv = (TextView) glayout.findViewById(R.id.gtv);
tv.setText(this.getGroup(groupPosition).toString());
return glayout;
}

@Override
public View getChildView(int groupPosition, int childPosition,
boolean isLastChild, View convertView, ViewGroup parent) {
// 实例化布局文件
LinearLayout clayout = (LinearLayout) LayoutInflater.from(mContext)
.inflate(R.layout.child_layout, null);
TextView tv = (TextView) clayout.findViewById(R.id.ctv);
tv.setText(getChild(groupPosition, childPosition).toString());
return clayout;
}

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


MainActivity.java



publicclass ExpandableTestActivity extends Activity {

private ExpandableListView elistview;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
elistview = (ExpandableListView) findViewById(R.id.elist);
//这里要把系统自带的图标去掉
elistview.setGroupIndicator(null);
elistview.setAdapter(new ElistAdapter(this));
// elistview.setChildDivider(null);
// elistview.setDivider(null);
}

}