数状列表还是很常见的 ,ExpandableListView由于 不够灵活所以 使用人数一般,不过使用比较简单,上手快。
要求不多的情况下,使用。列表里套列表是 程序表述,数状列表是标准表述。
案例:
需要实现一个通讯录,按照地区 分类。
1.xml ,注意layoutDirection 是子元素方向问题。rtl是从右到左。为了自带的箭头在右边
<ExpandableListView
android:layoutDirection="rtl"
android:id="@+id/expend_list"
android:layout_width="match_parent"
android:layout_height="match_parent" />
2.
@BindView(R.id.expend_list)
ExpandableListView expend_list;
//给ExpandableListView 配置适配器
myExtendableListViewAdapter = new MyExtendableListViewAdapter();
expend_list.setAdapter(myExtendableListViewAdapter);
3.配置 adapter,注释很清晰了,group xml最后给出。 子类的可以用group的布局也许
public class MyExtendableListViewAdapter extends BaseExpandableListAdapter {
private Context mcontext;
ArrayList<ConversationBean> list=new ArrayList<>();
public void setDataList(ArrayList<ConversationBean> ll){
list =ll;
notifyDataSetChanged();
}
@Override
// 获取分组的个数
public int getGroupCount() {
return list.size();
}
//获取指定分组中的子选项的个数
@Override
public int getChildrenCount(int groupPosition) {
ConversationBean conversationBean = list.get(groupPosition);
return conversationBean.getData().size();
}
// 获取指定的分组数据
@Override
public Object getGroup(int groupPosition) {
return list.get(groupPosition);
}
//获取指定分组中的指定子选项数据
@Override
public Object getChild(int groupPosition, int childPosition) {
ConversationBean conversationBean = list.get(groupPosition);
return conversationBean.getData().get(childPosition);
}
//获取指定分组的ID, 这个ID必须是唯一的
@Override
public long getGroupId(int groupPosition) {
return groupPosition;
}
//获取子选项的ID, 这个ID必须是唯一的
@Override
public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}
//分组和子选项是否持有稳定的ID, 就是说底层数据的改变会不会影响到它们
@Override
public boolean hasStableIds() {
return true;
}
/**
*
* 获取显示指定组的视图对象
*
* @param groupPosition 组位置
* @param isExpanded 该组是展开状态还是伸缩状态
* @param convertView 重用已有的视图对象
* @param parent 返回的视图对象始终依附于的视图组
*/
// 获取显示指定分组的视图
@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
GroupViewHolder groupViewHolder;
if (convertView == null){
convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.partent_item,parent,false);
groupViewHolder = new GroupViewHolder();
groupViewHolder.tvTitle = (TextView)convertView.findViewById(R.id.label_group_normal);
convertView.setTag(groupViewHolder);
}else {
groupViewHolder = (GroupViewHolder)convertView.getTag();
}
ConversationBean conversationBean = list.get(groupPosition);
String groupString =conversationBean.getType() + "(" + conversationBean.getData().size() +"人)";
groupViewHolder.tvTitle.setText(groupString);
return convertView;
}
/**
*
* 获取一个视图对象,显示指定组中的指定子元素数据。
*
* @param groupPosition 组位置
* @param childPosition 子元素位置
* @param isLastChild 子元素是否处于组中的最后一个
* @param convertView 重用已有的视图(View)对象
* @param parent 返回的视图(View)对象始终依附于的视图组
* @return
* @see android.widget.ExpandableListAdapter#getChildView(int, int, boolean, android.view.View,
* android.view.ViewGroup)
*/
//取得显示给定分组给定子位置的数据用的视图
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
ChildViewHolder childViewHolder;
if (convertView==null){
convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.conversation_item_text,parent,false);
childViewHolder = new ChildViewHolder();
childViewHolder.tvTitle = (TextView)convertView.findViewById(R.id.companyconversation_item_tv_name);
childViewHolder.companyconversation_item_iv_icon =
(AvatarImageView)convertView.findViewById(R.id.companyconversation_item_iv_icon);
convertView.setTag(childViewHolder);
}else {
childViewHolder = (ChildViewHolder) convertView.getTag();
}
ConversationBean conversationBean = list.get(groupPosition);
ConversationBean.DataBean dataBean = conversationBean.getData().get(childPosition);
String name = dataBean.getName();
childViewHolder.tvTitle.setText(name);
String substring = name.substring(0, 1);
childViewHolder.companyconversation_item_iv_icon.setTextAndColor(substring, AvatarImageView.COLORS[2]);
return convertView;
}
//指定位置上的子元素是否可选中
@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
return true;
}
static class GroupViewHolder {
TextView tvTitle;
}
static class ChildViewHolder {
TextView tvTitle;
AvatarImageView companyconversation_item_iv_icon;
}
}
4. 联网获取数据,设置数据,注意:setDataList () ,这个方法是我自己在适配器中添加的
myExtendableListViewAdapter.setDataList(beanArrayList);
5.设置监听 ,处理一些逻辑。 下面是只 打开一个组,和子页面跳转
private void initListener() {
//控制他只能打开一个组 //设置分组的监听
expend_list.setOnGroupExpandListener(new ExpandableListView.OnGroupExpandListener() {
@Override
public void onGroupExpand(int groupPosition) {
int count = myExtendableListViewAdapter.getGroupCount();
for(int i = 0;i < count;i++){
if (i!=groupPosition){
expend_list.collapseGroup(i);
}
}
}
});
//设置子项布局监听
expend_list.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
@Override
public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
ConversationBean.DataBean bean = (ConversationBean.DataBean) myExtendableListViewAdapter.getChild(groupPosition,childPosition);
Intent intent = new Intent();
intent.setClass(mContext,ConversationDetailsActivity.class);
intent.putExtra("data",bean);
mContext.startActivity(intent);
return true;
}
});
}
xml:
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/label_group_normal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/holo_blue_light"
android:gravity="center_vertical"
android:layoutDirection="ltr"
android:paddingBottom="8dp"
android:paddingLeft="32dp"
android:paddingTop="8dp"
android:textColor="@android:color/white"
android:textSize="20sp"
tools:text="测试数据"/>
这篇博客介绍了如何在Android中使用ExpandableListView来创建一个列表里套列表的通讯录应用,按照地区分类。虽然ExpandableListView灵活性不高,但因其简单易用,适合需求不复杂的情况。内容包括XML布局、适配器配置、数据设置以及监听处理。
3653

被折叠的 条评论
为什么被折叠?



