自定义ExpandableListView及ExpandableListViewAdapter使二级项可独立滚动显示



项目要求要实现类似下图效果：ExpandableListView点击打开二级项是一个可以独立滚动的listview,这里借助李刚疯狂android的例子做修改做为demo

为了能让listview可以独立滚动，这里重写了ExpandableListView，继承ExpandableListView，并重写了onInterceptTouchEvent（）方法返回fasle，使其二级项可以独立滚动。

代码：MyExpandableListView

<span style="color:#000000;">import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.ExpandableListView;
import android.widget.ListView;
public class MyExpandableListView extends ExpandableListView {
 public MyExpandableListView(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  // TODO Auto-generated constructor stub
 }
 public MyExpandableListView(Context context, AttributeSet attrs) {
  super(context, attrs);
  // TODO Auto-generated constructor stub
 }
 public MyExpandableListView(Context context) {
  super(context);
  // TODO Auto-generated constructor stub
 }
 @Override //重写该方法使二级项可以滚动，而ExpandableListView一级菜单不随之滚动
 public boolean onInterceptTouchEvent(MotionEvent ev) {
  return false;
 }

}</span>

下面main.xml 只是一个我们重写的ExpandableListView

<span style="color:#000000;"><?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"
 >
<org.crazyit.listview.MyExpandableListView
 android:id="@+id/list"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 />
</LinearLayout></span>

二级项布局文件child.xml,在一个LinearLayout中定义一个用来显示数据的ListView

<span style="color:#000000;"><?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"
 >
 <ListView
  android:id="@+id/mylistview"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  />
</LinearLayout></span>

<span style="color:#000000;">下面重点来了，为ExpandablieListView 写适配器</span>

<span style="color:#000000;">
</span>

<span style="color:#000000;">ExpandableListAdapter adapter = new BaseExpandableListAdapter()
  {
   int[] logos = new int[]
   {
    R.drawable.p,
    R.drawable.z,
    R.drawable.t
   };
   //获取指定组位置、指定子列表项处的子列表项数据
   @Override
   public Object getChild(int groupPosition, int childPosition)
   {
    //这里返回子项的view，即R.layout.child的view
    return ((LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE)).inflate(R.layout.child, null);
   }
   @Override
   public long getChildId(int groupPosition, int childPosition)
   {
    //这里返回布局id
    return R.layout.child;
   }
   @Override
   public int getChildrenCount(int groupPosition)
   {
    //这里返回1，表示每个ExpandableListView一级项下面只有一个二级项，即布局中的LinearLayout
    return 1;
   }
   private TextView getTextView()
   {
    AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
      ViewGroup.LayoutParams.FILL_PARENT, 64);
    TextView textView = new TextView(ExpandableListViewTest.this);
    textView.setLayoutParams(lp);
    textView.setGravity(Gravity.CENTER_VERTICAL | Gravity.LEFT);
    textView.setPadding(36, 0, 0, 0);
    textView.setTextSize(20);
    return textView;
   }
   //该方法决定每个子选项的外观
   @Override //这个方法是返回二级项的view，在该view中用一个listview用来显示数据
   public View getChildView(int groupPosition, int childPosition,
     boolean isLastChild, View convertView, ViewGroup parent)
   {
    View view = null ;
    if(view == null){
     LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
     view = inflater.inflate(R.layout.child, null);
     ListView listview =(ListView)view.findViewById(R.id.mylistview);
     ArrayAdapter<String> adapter = new ArrayAdapter<String>(view.getContext(), android.R.layout.simple_list_item_1,arms);
     listview.setAdapter(adapter);
    }
    return view;
   }
   //获取指定组位置处的组数据
   @Override
   public Object getGroup(int groupPosition)
   {
    return armTypes[groupPosition];
   }
   @Override
   public int getGroupCount()
   {
    return armTypes.length;
   }
   @Override
   public long getGroupId(int groupPosition)
   {
    return groupPosition;
   }
   //该方法决定每个组选项的外观
   @Override //该方法与android原ExpandableListViewAdapter中一样，即获得一级项的view及显示
   public View getGroupView(int groupPosition, boolean isExpanded,
     View convertView, ViewGroup parent)
   {
    LinearLayout ll = new LinearLayout(ExpandableListViewTest.this);
    ll.setOrientation(0);
    ImageView logo = new ImageView(ExpandableListViewTest.this);
    logo.setImageResource(logos[groupPosition]);
    ll.addView(logo);
    TextView textView = getTextView();
    textView.setText(getGroup(groupPosition).toString());
    ll.addView(textView);
    return ll;
   }
   @Override
   public boolean isChildSelectable(int groupPosition, int childPosition)
   {
    return true;
   }
   @Override
   public boolean hasStableIds()
   {
    return true;
   }
  };
</span>

最后在activity中显示

public class ExpandableListViewTest extends Activity
{
 private MyExpandableListView myExpanableListView;
 private String[] armTypes = new String[]
   { "神族兵种", "虫族兵种", "人族兵种"};
 
 private String[] arms = new String[]
   { "狂战士", "龙骑士", "黑暗圣堂", "电兵"};
 myExpanableListView = (MyExpandableListView)findViewById(R.id.list);
   myExpanableListView.setAdapter(adapter);

到此功能已实现，具体优化美观数据什么的自己修改。

第一次写CSDN博客，请多多谅解。