Android UI设计：ExpandableListView

ExpandableListView

ExpandableListView效果

ExpandableListView相当于ListView的嵌套，能够展开ListView中的每个Item。效果类似于扣扣界面。

ExpandableListView用法

1、在layout中添加ExpandableListView控件
2、创建clazz类
3、创建student类
4、创建Expenableadapter 继承BaseExpandableListAdapter

public class Expenableadapter extends BaseExpandableListAdapter{}

5、分别创建item_clazz布局和item_student布局
6、在主函数中进行数据初始化与调用

Layout

<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" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
    android:background="#5500ff00">

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

</RelativeLayout>

Clazz

public class Clazz {
    private String clazzname;
    private String clazznum;
    private List<Student>  students;

    public Clazz(String clazzname, String clazznum) {
        this.clazzname = clazzname;
        this.clazznum = clazznum;
    }

    public String getClazzname() {
        return clazzname;
    }

    public void setClazzname(String clazzname) {
        this.clazzname = clazzname;
    }

    public String getClazznum() {
        return clazznum;
    }

    public void setClazznum(String clazznum) {
        this.clazznum = clazznum;
    }

    public List<Student> getStudents() {
        return students;
    }

    public void setStudents(List<Student> students) {
        this.students = students;
    }
}

Student

public class Student {
    private String name;
    private String  age;
    private String lable;


    public Student(String name, String age, String lable) {
        this.name = name;
        this.age = age;
        this.lable = lable;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getAge() {
        return age;
    }

    public void setAge(String age) {
        this.age = age;
    }

    public String getLable() {
        return lable;
    }

    public void setLable(String lable) {
        this.lable = lable;
    }
}

Expenableadapter

public class Expenableadapter extends BaseExpandableListAdapter {
    private List<Clazz> mclazzs;
    private LayoutInflater minflater;

    public Expenableadapter(List<Clazz> mclazzs, LayoutInflater minflater) {
        this.mclazzs = mclazzs;
        this.minflater = minflater;
    }

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

    @Override
    public int getChildrenCount(int groupPosition) {
        return mclazzs.get(groupPosition).getStudents().size();
    }

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

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

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

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

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

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        convertView=minflater.inflate(R.layout.item_clazz,null);
        TextView textview_name= (TextView) convertView.findViewById(R.id.clazzname);
        TextView textview_num= (TextView) convertView.findViewById(R.id.clazznum);
        TextView textview_stu=(TextView) convertView.findViewById(R.id.clazzstu);
        Clazz clazz=mclazzs.get(groupPosition);
        textview_name.setText(clazz.getClazzname());
        textview_num.setText(clazz.getClazznum());
        textview_stu.setText(""+clazz.getStudents().size());
        return convertView;
}

    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
        convertView=minflater.inflate(R.layout.item_student,null);
        TextView textview_name= (TextView) convertView.findViewById(R.id.stuname);
        TextView textview_age= (TextView) convertView.findViewById(R.id.stuage);
        TextView textview_lable=(TextView) convertView.findViewById(R.id.stulable);
        Clazz clazz=mclazzs.get(groupPosition);
        Student student=clazz.getStudents().get(childPosition);
        textview_name.setText(student.getName());
        textview_age.setText(student.getAge());
        textview_lable.setText(" ("+student.getLable()+")");

        return convertView;
    }

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

item_clazz

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/clazzname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:text="班级名称"/>

    <TextView
        android:id="@+id/clazznum"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:text="班级号"/>
    <TextView
        android:id="@+id/clazzstu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:text="学生"/>

</LinearLayout>

item_student

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/stuname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="学生姓名"/>

    <TextView
        android:id="@+id/stuage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="学生年龄"/>
    <TextView
        android:id="@+id/stulable"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="学生宣言"/>


</LinearLayout>

MainActivity

package com.grid.administrator.myexpenablelistview;

import android.app.Activity;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ExpandableListView;

import java.util.ArrayList;
import java.util.List;

import modle.Clazz;
import modle.Student;

public class MainActivity extends Activity {
   private ExpandableListView mElistView;
    private Expenableadapter madapter;
    private List<Clazz> mclazzs;
    private LayoutInflater minflater;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mElistView= (ExpandableListView) findViewById(R.id.expanablelistview);
        initClazz();
        minflater=getLayoutInflater();
        madapter=new Expenableadapter(mclazzs,minflater);
        mElistView.setAdapter(madapter);

    }

    private void initClazz() {
        mclazzs=new ArrayList<>();
        Clazz clazz1=new Clazz("一班","201501");
        List<Student> students01=new ArrayList<>();

        students01.add(new Student("张三","19","生如夏花之绚烂"));
        students01.add(new Student("李四","20","我为自己代言"));
        students01.add(new Student("王五","21","世人笑我太疯癫，我笑世人看不穿"));
        students01.add(new Student("赵六","22","赵六就是我，我就是赵六"));
        clazz1.setStudents(students01);
        Clazz clazz2=new Clazz("二班","201502");
        List<Student> students02=new ArrayList<>();
        students02.add(new Student("张三","19","生如夏花之绚烂"));
        students02.add(new Student("李四","20","我为自己代言"));
        students02.add(new Student("王五","21","世人笑我太疯癫，我笑世人看不穿"));
        students02.add(new Student("赵六","22","赵六就是我，我就是赵六"));
        clazz2.setStudents(students02);
        Clazz clazz3=new Clazz("三班","201503");
        List<Student> students03=new ArrayList<>();
        students03.add(new Student("张三","19","生如夏花之绚烂"));
        students03.add(new Student("李四","20","我为自己代言"));
        students03.add(new Student("王五","21","世人笑我太疯癫，我笑世人看不穿"));
        students03.add(new Student("赵六","22","赵六就是我，我就是赵六"));
        clazz3.setStudents(students03);
        Clazz clazz4=new Clazz("四班","201504");
        List<Student> students04=new ArrayList<>();
        students04.add(new Student("张三","19","生如夏花之绚烂"));
        students04.add(new Student("李四","20","我为自己代言"));
        students04.add(new Student("王五","21","世人笑我太疯癫，我笑世人看不穿"));
        students04.add(new Student("赵六","22","赵六就是我，我就是赵六"));
        clazz4.setStudents(students04);
        clazz4.setStudents(students04);
        mclazzs.add(clazz1);
        mclazzs.add(clazz2);
        mclazzs.add(clazz3);
        mclazzs.add(clazz4);
    }
}