Android ExpendableListView的使用

越研究越发现紧紧是一个listview就有很多需要学习的地方，今天研究了下ExpandableListView，下面就来介绍下如何使用吧。也许有些人还不知道这个的效果，先上个效果图吧



点击某一项，下面会弹出相应的列表，类似QQ好友列表界面。

废话不多说 ，直接上代码

主布局就一个ExpandableListView

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<ExpandableListView
android:id="@+id/exlistview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true" />
</RelativeLayout>

主布局item

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

<TextView
android:id="@+id/tvparent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_marginLeft="20dp"
android:textSize="22sp"
android:text="TextView" />

<ImageView
android:id="@+id/ivfx"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/btn_browser" />

</RelativeLayout>

下面是展开的布局

<?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" >

<TextView
android:id="@+id/tvchild"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:textSize="22sp"
android:textColor="#ff0000"
android:text="TextView" />

</LinearLayout>

这里我对字体颜色进行了区分 ，方便区分哪个是主布局，哪个是子布局

接下来就是最重要的activity的使用了

public class MainActivity extends Activity {
private List<String> group=new ArrayList<String>();
private List<List<String>> child=new ArrayList<List<String>>();
private ExpandableAdapter adapter;
private ExpandableListView listView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initData();
initView();
}

private void initView() {
listView=(ExpandableListView) findViewById(R.id.exlistview);
adapter=new ExpandableAdapter();
listView.setAdapter(adapter);
listView.setCacheColorHint(0); //防止拖动时出现黑色背景
listView.setGroupIndicator(null);//设置自带的箭头消失
listView.setDivider(null);//设置没有分割线

listView.setOnChildClickListener(new OnChildClickListener() {

@Override
public boolean onChildClick(ExpandableListView parent, View v,
int groupPosition, int childPosition, long id) {
Toast.makeText(MainActivity.this, "点击了"+adapter.getChild(groupPosition, childPosition), 1000).show();
return false;
}
});
}

private void initData() {
//添加父布局数据
group.add("测试数据1");
group.add("测试数据2");
group.add("测试数据3");
group.add("测试数据4");
group.add("测试数据5");
//添加子布局数据
for(int j=0;j<5;j++){
List<String> childitem=new ArrayList<String>();
for(int i=0;i<5;i++){
childitem.add("子数据"+i);
}
child.add(childitem);
}
}
class ExpandableAdapter extends BaseExpandableListAdapter{

@Override
public int getGroupCount() {
return group.size();//获取父布局个数
}

@Override
public int getChildrenCount(int groupPosition) {
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(groupPosition).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 true;
}
//父布局样式
@Override
public View getGroupView(int groupPosition, boolean isExpanded,
View convertView, ViewGroup parent) {
if(convertView==null){
LayoutInflater inflater=(LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
convertView=inflater.inflate(R.layout.listviewitem, null);
}
TextView tvparent=(TextView) convertView.findViewById(R.id.tvparent);
tvparent.setText(getGroup(groupPosition).toString());
ImageView ivView=(ImageView) convertView.findViewById(R.id.ivfx);
if(isExpanded){
ivView.setBackgroundResource(R.drawable.btn_browser2);
}else{
ivView.setBackgroundResource(R.drawable.btn_browser);
}
return convertView;
}
//子布局样式
@Override
public View getChildView(int groupPosition, int childPosition,
boolean isLastChild, View convertView, ViewGroup parent) {
if(convertView==null){
LayoutInflater inflater=(LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
convertView=inflater.inflate(R.layout.listviewchild, null);
}
TextView tvchild=(TextView) convertView.findViewById(R.id.tvchild);
tvchild.setText(getChild(groupPosition, childPosition).toString());
return convertView;
}

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

}
}

点击下载Demo