ExpandableListView的用法与普通ListView的用法非常相似,只是ExpandableListView所显示的列表项应该由ExpandableListAdapter提供,ExpandableListAdapter是一个接口。与Adapter类似的是,实现ExpandableListAdapter也有如下三种常用方法:
(1)扩展BaseExpandableListAdapter实现ExpandableListAdapter。
(2)使用SimpleExpandableListAdapter将两个List集合包装成ExpandableListAdapter。
(3)使用SimpleCursorTreeAdapter将Cursor中的数据包装成SimpleCursorTreeAdapter。
目前只介绍第一种方法,用BaseExpandableListAdapter进行扩展时,其关键在于扩展如下四个方法:
<>getGroupCount();该方法返回包含组列表项的数量。
<>getGroupView();该方法返回的View对象作为将作为组列表项。
<>getChildrenCount();该方法返回特定组所包含的子列表项的数量。
<>getchildView();该方法返回的View对象将作为特定组、特定位置的子列表项。
这次我们来实现一个可扩展列表,先说一下步骤吧
1.编写一下布局文件,还有一个contact_item.xml文件
2.创建出存储父列表的数组
groupName =
new ArrayList<String>(); 以及存储子列表的数组
contact =
new ArrayList<List<String>>()
3.添加数据源,以及图像数据
4.设置adapter,扩展实现BaseExpandableListAdapter(这里是重点,可以参考一下上面的描述)
没什么难点,直接放代码咯
public class MainActivity
extends AppCompatActivity {
private ExpandableListView elvContact;
private List<String> groupName;
private List<List<String>> contact;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout. activity_main);
elvContact = (ExpandableListView) findViewById(R.id. expandableListView1);
groupName = new ArrayList<String>();
contact = new ArrayList<List<String>>();
addData( "friend", new String[]{ "小黑", "豆姐", "呱呱"});
addData( "family", new String[]{ "姐姐", "爸爸", "妈妈"});
addData( "classMate", new String[]{ "邢超", "小马", "宏春"});
//图片资源加载
final int[][] images = new int[][]{
{R.drawable. headimage01,R.drawable. headimage02,R.drawable. headimage03,},
{R.drawable. headimage04,R.drawable. headimage05,R.drawable. headimage01,},
{R.drawable. headimage01,R.drawable. headimage02,R.drawable. headimage03,}
};
private ExpandableListView elvContact;
private List<String> groupName;
private List<List<String>> contact;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout. activity_main);
elvContact = (ExpandableListView) findViewById(R.id. expandableListView1);
groupName = new ArrayList<String>();
contact = new ArrayList<List<String>>();
addData( "friend", new String[]{ "小黑", "豆姐", "呱呱"});
addData( "family", new String[]{ "姐姐", "爸爸", "妈妈"});
addData( "classMate", new String[]{ "邢超", "小马", "宏春"});
//图片资源加载
final int[][] images = new int[][]{
{R.drawable. headimage01,R.drawable. headimage02,R.drawable. headimage03,},
{R.drawable. headimage04,R.drawable. headimage05,R.drawable. headimage01,},
{R.drawable. headimage01,R.drawable. headimage02,R.drawable. headimage03,}
};
//在这里尝试吧adapter分离出来,本质一样。大家看下面被注释的部分也可以
mExpandableListViewAdapter adapter =
new mExpandableListViewAdapter(
groupName,
contact,MainActivity.
this);
elvContact.setAdapter(adapter);
/* elvContact.setAdapter(new BaseExpandableListAdapter() {
//得到父列表的个数
@Override
public int getGroupCount() {
return groupName.size();
}
//得到子列表的个数
@Override
public int getChildrenCount(int groupPosition) {
return contact.get(groupPosition).size();
}
//得到组名
@Override
public Object getGroup(int groupPosition) {
return groupName.get(groupPosition);
}
//得到子列表的元素
@Override
public Object getChild(int groupPosition, int childPosition) {
return contact.get(groupPosition).get(childPosition);
}
//得到父列表的ID
@Override
public long getGroupId(int groupPosition) {
return groupPosition;
}
//得到子列表的ID
@Override
public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}
@Override
public boolean hasStableIds() {
return false;
}
//获取到父列表的View
@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
TextView textView;
if (convertView == null){
textView = new TextView(MainActivity.this);
textView.setTextSize(20);
textView.setPadding(50,10,0,10);
}else {
textView = (TextView) convertView;
}
textView.setText(getGroup(groupPosition).toString());
return textView;
}
//获取到子列表的View
//得到子列表重复利用的View,我们用优化方案ViewHolder来保存contact_item中的控件,重复利用不需要重复取件
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
ViewHolder viewHolder;
if(convertView == null){
convertView = LayoutInflater.from(MainActivity.this).inflate(R.layout.contact_item,null);
viewHolder = new ViewHolder();
viewHolder.imageView = (ImageView) convertView.findViewById(R.id.imageView1);
viewHolder.textView = (TextView) convertView.findViewById(R.id.textView1);
convertView.setTag(viewHolder);
}else {
viewHolder = (ViewHolder) convertView.getTag();
}
viewHolder.imageView.setImageResource(images[groupPosition][childPosition]);
viewHolder.textView.setText(getChild(groupPosition,childPosition).toString());
return convertView;
}
@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
return false;
}
});*/
}
/**
* 内部类ViewHolder
*/
class ViewHolder{
ImageView imageView;
TextView textView;
}
/**
* 添加数据的方法
* @param g :组列表的名称
* @param c :子列表
*/
public void addData(String g,String[] c){
groupName.add(g);
List<String> item = new ArrayList<String>();
for( int i= 0;i<c. length;i++){
item.add(c[i]);
}
contact.add(item);
}
elvContact.setAdapter(adapter);
/* elvContact.setAdapter(new BaseExpandableListAdapter() {
//得到父列表的个数
@Override
public int getGroupCount() {
return groupName.size();
}
//得到子列表的个数
@Override
public int getChildrenCount(int groupPosition) {
return contact.get(groupPosition).size();
}
//得到组名
@Override
public Object getGroup(int groupPosition) {
return groupName.get(groupPosition);
}
//得到子列表的元素
@Override
public Object getChild(int groupPosition, int childPosition) {
return contact.get(groupPosition).get(childPosition);
}
//得到父列表的ID
@Override
public long getGroupId(int groupPosition) {
return groupPosition;
}
//得到子列表的ID
@Override
public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}
@Override
public boolean hasStableIds() {
return false;
}
//获取到父列表的View
@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
TextView textView;
if (convertView == null){
textView = new TextView(MainActivity.this);
textView.setTextSize(20);
textView.setPadding(50,10,0,10);
}else {
textView = (TextView) convertView;
}
textView.setText(getGroup(groupPosition).toString());
return textView;
}
//获取到子列表的View
//得到子列表重复利用的View,我们用优化方案ViewHolder来保存contact_item中的控件,重复利用不需要重复取件
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
ViewHolder viewHolder;
if(convertView == null){
convertView = LayoutInflater.from(MainActivity.this).inflate(R.layout.contact_item,null);
viewHolder = new ViewHolder();
viewHolder.imageView = (ImageView) convertView.findViewById(R.id.imageView1);
viewHolder.textView = (TextView) convertView.findViewById(R.id.textView1);
convertView.setTag(viewHolder);
}else {
viewHolder = (ViewHolder) convertView.getTag();
}
viewHolder.imageView.setImageResource(images[groupPosition][childPosition]);
viewHolder.textView.setText(getChild(groupPosition,childPosition).toString());
return convertView;
}
@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
return false;
}
});*/
}
/**
* 内部类ViewHolder
*/
class ViewHolder{
ImageView imageView;
TextView textView;
}
/**
* 添加数据的方法
* @param g :组列表的名称
* @param c :子列表
*/
public void addData(String g,String[] c){
groupName.add(g);
List<String> item = new ArrayList<String>();
for( int i= 0;i<c. length;i++){
item.add(c[i]);
}
contact.add(item);
}
}
可能需要理解的部分就是子列表为什么是List<List<String>>。我们细细想一下,子列表其实是两个列表嵌套起来了,所以就会这儿谢咯。