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);
         }

    }