expandablelistview
吐槽
每次写个博客都要吐槽一下,这估计是我博客的习惯吧,,,,好了不多说了,上一篇讲了安卓的dialog的知识,但是产品给的需求还是弄不了,需要dialog和expandablelistview结合起来弄个选择框,然后我就又去学了下ExpandableListView的知识,But发现我俩个结合在一起之后,程序一运行就崩了,,,哇哇哇简直是心累啊,马上期末考试了,这个项目bug还是没改完,项目都托了这么久了,主体还是没写好,难受。
什么叫ExpandableListView
A view that shows items in a vertically scrolling two-level list. This differs from the ListView by allowing two levels: groups which can inpidually be expanded to show its children. The items come from the ExpandableListAdapter associated with this view.
。。。。
以上是官方给的定义,but英语太渣,就是简单的来说,它是一种用于滚动的展示的两级列表视图。也就是ListView的二级选择加强版这种。
先看下效果图
沉迷王者荣耀无法自拔哈哈哈哈
这个就是优化过的ExpandableListView,很简单,二级选择,只需要准备三个东西:
1.一级选择的布局//也就是父布局
2.二级选择的布局//也就是子布局
3. ExtendableListViewAdapter的自定义//也就是适配器的书写
看我的效果图我做了如下的优化:
1.将展开的箭头弄到最右边,一级选择在最左边//因为你不改的话,它会自动把箭头放在最左边
2.只让它展开一个父布局,不然一起展开太长了,不好看
实现过程
第一步:设置调用ExpandableListView的布局
<?xml version="1.0" encoding="utf-8"?>
<Linearlayout xmlns:Android="http://schemas.android.com/apk/res/android"
xmlns:APP="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<ExpandableListView
android:id="@+id/expend_list"
android:layout_width="match_parent"
android:layout_height="match_parent"></ExpandableListView>
</LinearLayout>
第二步:自己写个一级选择的布局,也就是父布局partent_item.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:paddingBottom="8dp"
android:paddingLeft="32dp"
android:paddingTop="8dp"
android:textColor="@android:color/white"
android:textSize="20sp"
tools:text="测试数据"/>
写个二级选择的子布局 child_item.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/expand_child"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:textSize="16sp"
android:paddingTop="8dp"
android:paddingBottom="8dp"
tools:text="测试数据"/>
第三步:继承BaseExpandableListAdapter写自己的适配器
public class MyExtendableListViewAdapter extends BaseExpandableListAdapter {
private Context mcontext;
public String[] groupString = {"射手", "辅助", "坦克", "法师"};
public String[][] childString = {
{"孙尚香", "后羿", "马可波罗", "狄仁杰"},
{"孙膑", "蔡文姬", "鬼谷子", "杨玉环"},
{"张飞", "廉颇", "牛魔", "项羽"},
{"诸葛亮", "王昭君", "安琪拉", "干将"}
};
@Override
// 获取分组的个数
public int getGroupCount() {
return groupString.length;
}
//获取指定分组中的子选项的个数
@Override
public int getChildrenCount(int groupPosition) {
return childString[groupPosition].length;
}
// 获取指定的分组数据
@Override
public Object getGroup(int groupPosition) {
return groupString[groupPosition];
}
//获取指定分组中的指定子选项数据
@Override
public Object getChild(int groupPosition, int childPosition) {
return childString[groupPosition][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();
}
groupViewHolder.tvTitle.setText(groupString[groupPosition]);
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.child_item,parent,false);
childViewHolder = new ChildViewHolder();
childViewHolder.tvTitle = (TextView)convertView.findViewById(R.id.expand_child);
convertView.setTag(childViewHolder);
}else {
childViewHolder = (ChildViewHolder) convertView.getTag();
}
childViewHolder.tvTitle.setText(childString[groupPosition][childPosition]);
return convertView;
}
//指定位置上的子元素是否可选中
@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
return true;
}
static class GroupViewHolder {
TextView tvTitle;
}
static class ChildViewHolder {
TextView tvTitle;
}
}
第四步:activity里面绑定这个 获取到他的东西+设置数据
第五步:主活动调用+加入点击监听
expandableListView = (ExpandableListView)findViewById(R.id.expend_list);
expandableListView.setAdapter(new MyExtendableListViewAdapter());
//设置分组的监听
expandableListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
@Override
public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) {
toast.maketext(getApplicationContext(), groupString[groupPosition], Toast.LENGTH_SHORT).show();
return false;
}
});
//设置子项布局监听
expandableListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
@Override
public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
Toast.makeText(getApplicationContext(), childString[groupPosition][childPosition], Toast.LENGTH_SHORT).show();
return true;
}
});
}
如何将箭头改到最右边
问题就是它会自动在一级框的最左边添加箭头,所以很烦人,因为产品给的图都是箭头在右边的,所以要自己改这个
第一步:在父的 Item 布局里面加入 Indicator 的图标,就用一个简单的 ImageView。
,,,,,,
,,,,,,
网上看别人这个感觉好烦人啊,就是把父布局定义下,然后绑定箭头的图标这种,,,但是我找到国外一个大神给的方案,就几行代码
1调用的时候加一行
android:layoutDirection=”rtl”
<ExpandableListView
android:layoutDirection="rtl" />
2然后在一级框父布局里面修改字的走向和位置
android:gravity=”left”
android:layoutDirection=”ltr”
这样就好了
如何只让他展开一个组
这个也蛮简单的,在活动里面监听下
//控制他只能打开一个组
expandableListView.setOnGroupExpandListener(new ExpandableListView.OnGroupExpandListener() {
@Override
public void onGroupExpand(int groupPosition) {
int count = new MyExtendableListViewAdapter().getGroupCount();
for(int i = 0;i < count;i++){
if (i!=groupPosition){
expandableListView.collapseGroup(i);
}
}
}
});
总结
总结一下来看 就是书写下一级选择的xml + 二级选择的xml 然后继承BaseExpandableListAdapter自定义 然后加上绑定,就ok了,,,继续改我项目的bug了哇哇哇
https://github.com/sakurakid/ExpandableListViewDemo这个Demo有需要的可以看下
相关阅读
今天seo实验室小编要来给各位讲述的内容是爱淘宝的每日红包链接在哪?爱淘宝红包怎么使用?如果大家感兴趣的话,那就跟上小编我的脚
相机参数标定(camera calibration)及标定结果如何使用
一直都想写一写这个主题,但是,一直都感觉有点虚,也没有去整理。在网上搜了一下,发现大多数都是转来转去,看着也是似懂非懂的,让人很老火
备注:更多资料尽在开发者社区的文档中心 RokidOS开放源代码项目简介 RokidOS是 Rokid领导的基于云端语音服
大多费尔公用模块都需要连接互联网,但有时可能因为网络问题而无法正常连接,这时可以尝试使用代理服务器。但首先您必需知道代理服务
恢复出厂设置这个功能并不是经常使用的,因为误操作引起的后果是非常严重的。恢复出厂设置从字面上就可以理解,手机中的所有设置将恢