在垂直滚动的两级列表中显示项目的视图。这个与{@link ListView}不同,允许两个级别:可以的组单独扩大显示其孩子。项目来自{@link ExpandableListAdapter}与此视图相关联。简单的说这个就是ExpandableListView控件的介绍。我们都知道这个ExpandableListView其实是继承的listview控件,并且也是谷歌自定义的一个控件,也就是listview的一种扩展吧!根据我们现在的需求就帮我们已经定义好了的。而今天这篇主要是讲关于ExpandableListView每个孩子只能选择一个值。先上一张图,简单明了。
首先,我们的布局就是一个ExpandableListView,直接贴出代码:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/squareTitle"
style="@style/button_text_padding"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text=""
android:textColor="@color/text_color_black"
android:textSize="@dimen/text_middle" />
<ExpandableListView
android:id="@+id/discussexpandlist"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/white"
android:divider="@color/border"
android:dividerHeight="1dp"
android:fadingEdge="none"
android:scrollbars="none" />
</LinearLayout>
其次就是我们的Activity里的代码了,首先我们先把ExpandableListView的控件先实例化,在这里面我分几个小模块说,尽可能的把这个控件所有的方法都给囊括介绍出来。1).我们都知道ExpandableListView这个空间的组都是有一个箭头标记的。2).这个控件默认的状态组是会收缩的。也就是像QQ那种效果,点击张开。下面我们先看一下代码,只有代码才有说服力:
@Override
protected void initView() {
squareTitle = (TextView) findViewById(R.id.squareTitle);
discussexpandlist = (CustomExpandableListView) findViewById(R.id.discussexpandlist);
squareTitle.setText(titleTxt);
discussexpandlist.setGroupIndicator(null);
discussexpandlist.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
@Override
public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
adapter.setSelected(groupPosition, childPosition);
choice = 1;
adapter.notifyDataSetChanged();
return false;
}
});
discussexpandlist.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
@Override
public boolean onGroupClick(ExpandableListView parent, View v,
int groupPosition, long id) {
return true;
}
});
}
涉及到的一些方法:
setGroupIndicator(Drawable groupIndicator),源码的解释是:设置要在组旁边绘制的指标。@param groupIndicator可作为指标使用的drawable。如果组为空,状态{@link android.R.attr# state_empty}将会设置。如果组被展开,状态{@link android.R.attr# state_exoanded}将被设置。也就是我上面所说的默认是箭头的标志。当然这个也可以是你想要的Drawable图片。我这里是NULL,不需要图片,默认是空白。
setOnChildClickListener(OnChildClickListener onChildClickListener),源码的解释:当此可扩展列表中的子级具有调用的回调方法已点击@paramparentExpandableListView发生点击的位置 @Param v单机的可扩展列表中的视图 @param groupPosition包含子元素的组位置被点击 @param childPosition 组中的子位置 @param id 单击的子级的行标识 @return 如果处理了点击,则为True.也就是我们设置子元素的监听方法。
setOnGroupClickListener(OnGroupClickListener onGroupClickListener),源码的解释:当此可扩展列表中的组具有调用的回调方法已点击。@param parent 发生点击的ExpandableListConnertor @param v 单击的可扩展列表中的视图 @param groupPosition 单击的组位置 @param id 单击的组的行标识 @return 如果处理了点击,则为True,上面那个是监听子元素的,而这个是监听组元素的。而我上面是直接返回的true,也就是说我再次点击组元素是没有反应的,如果不设置为true,一点击组元素就会把它的子元素给收缩起来,这样就达不到我要的效果。以上就是需要为ExpandableListView设置的方法。
boolean expandGroup(int grouPos),源码的解释:展开分组列表视图中的组@param group指定要展开的组 @return如果组已展开则为True,否则为false(如果组为已经扩展,这将返回false)。但是当我们在请求数据的时候,我们要把每个组元素都给它打开,所以当你请求数据成功时,应该设置expandGroup(int groupPos)这个方法,我们要传递一个int值进去,而在初始化中我们又设置setOnGroupClickListener()这个方法为true,默认的是组全部展开,所以在这个方法中也是返回的true; 这个展开的方法就加入你请求数据成功时,再遍历一下for(int i=0;i<adapter.getGroupCount();i++){discussexpandlist.expandGroup(i);}
以上就是Activity中的代码,那我们又继续看一下BaseExpandableListAdapter中的代码。这里面的几个方法我就不用说了,我只说我重点实现这个功能的一些方法:首先我们要在创建获取这个列表数据的实体类中自己定义2个属性并赋值,如:private int groupId=-1;private int childid=-1;也就是说给组元素和子元素创建我们自己选择做一个标记。在adapter中写一个方法:
public void setSelected(int groupPosition, int selected) {
this.selected = selected;
groupId = groupPosition;
score = list.get(groupPosition);
score.setChildId(selected);
score.setGroupId(groupId);
}
当我们选择子元素的时候就通过这方法来进行标记,重要的就是View getChildView()这个方法里,我们需要判断当组元素不等于-1时,并且我们选择的子元素的位置与当前getChildView()里的子元素位置相等时就给它画上一个勾,如果子元素不等于当前的就设置为空白。当组元素等于-1时,就表示我们还没有操作就显示为空。这里在实体类增加了2个属性做标记,也可以用Map集合存起来做标记。这就看自己喜欢编码的方式了。代码如下:
if (currscore.getGroupId() != -1) {
if (currscore.getChildId() == childPosition) {
viewholder.squarechoice.setImageResource(R.mipmap.icon_status);
} else {
viewholder.squarechoice.setImageResource(R.drawable.white_background);
}
} else {
viewholder.squarechoice.setImageResource(R.drawable.white_background);
}
好了,以上这些就能实现我那种选择组类中单个的数据了,至于可以多选和组选也挺简单的,百度上也能搜到,我就不重复这些了,我写这篇主要是帮助需要这种效果的人,网上这方面也挺少的。可能我在adapter中贴出的代码挺少的,那我就提出来上传供大家下载参考一下。如实在不清楚的,欢迎在下方留言,我会及时的试着帮你解决一下。下载代码