ExpandableListView如何实现手风琴效果
这篇文章将为大家详细讲解有关ExpandableListView如何实现手风琴效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、网站建设、随县网络推广、小程序制作、随县网络营销、随县企业策划、随县品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供随县建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
具体内容如下
1. 效果示例图
2. 创建方法
(1)第一种方法与ListView等普通控件一样,直接在布局文件中添加ExpandableListView控件即可。
(2)第二种方法则是创建一个Activity继承自ExpandableListActivity,而后通过getExpandableListView()方法可获得一个ExpandableListView对象。
第二种方法仅适用于一个页面中只有一个ExpandableListView的情况。继承的Activity不需要再调用setContentView()方法,在ExpandableListActivity中已经关联了一个系统定义的布局文件。
3. 部分属性和点击事件
android:groupIndicator、android:childIndicator:组条目和子条目前面的图标,默认值为箭头,可设置自定义图片资源。若不显示该图标,则设置为@null。
android:divider、android:childDivider:组和子条目的分隔线。
ExpandableListView的点击事件有两个,分别对应组和子条目的点击事件:
设置组的点击事件:setOnGroupClickListener(OnGroupClickListener listener)
设置子条目的点击事件:setOnChildClickListener(OnChildClickListener listener)
5. 适配器
根据数据源的不同,可使用的适配器有两个:BaseExpandableListAdapter和CursorTreeAdapter,其中,CursorTreeAdapter用于数据源为Cursor对象的情况下,其它情况则使用BaseExpandableListAdapter。
(1)BaseExpandableListAdapter需要重写的方法:
getGroup():从数据源中获取组的数据内容。
getGroupCount():获取组的总数。
getGroupId():获取组的ID。
getGroupView():获取组的视图。
getChild():从数据源中获取子条目的内容。
getChildCount():获取指定组中的子条目总数,并非全部的子条目。
getChildId():获取子条目的ID。
getChildView():获取子条目的视图
hasStableIds():判断id对应的条目是否已经绘制,用于优化列表。
isChildSelectable():子条目是否允许点击,若返回false,则子条目点击事件无效。
(2)CursorTreeAdapter需要重写的方法:
CursorTreeAdapter():构造方法传入组的Cursor对象。
getChildrenCursor():传入组的Cursor对象,获取相应的组的子条目的Cursor对象。
newGroupView():创建组的视图,返回一个新的视图。
bindGroupView():在这里绑定组视图的数据内容,第一个参数即newGroupView()方法的返回值。
newChildView():创建子条目的视图。
bindChildView():绑定子条目视图的数据内容。
6. 简单范例
实现效果图中的例子。
布局:
Activity:
public class MainActivity extends Activity { private ExpandableListView elv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); elv = (ExpandableListView) findViewById(R.id.elv_local_data); MyBaseExpandableListAdapter adapter = new MyBaseExpandableListAdapter(this, LoadData.getGroupData(), LoadData.getChildData()); elv.setAdapter(adapter); } }
加载测试数据用的工具类:
public class LoadData { // 组的数据内容 public static ListgetGroupData() { List groupDataList = new ArrayList<>(); groupDataList.add("计算机基础"); groupDataList.add("安卓开发"); return groupDataList; } // 子条目的数据内容 public static List > getChildData() { List
> childDataList = new ArrayList<>(); List
group1 = new ArrayList<>(); group1.add("数据结构"); group1.add("算法"); group1.add("计算机网络"); childDataList.add(group1); List group2 = new ArrayList<>(); group2.add("控件使用"); group2.add("网络操作"); group2.add("数据存储"); group2.add("四大组件"); childDataList.add(group2); return childDataList; } }
适配器:
public class MyBaseExpandableListAdapter extends BaseExpandableListAdapter { private Context mContext; private ListgroupName; private List > childName; public MyBaseExpandableListAdapter(Context mContext, List
groupName, List > childName) { this.mContext = mContext; this.groupName = groupName; this.childName = childName; } @Override public int getGroupCount() { return groupName.size(); } @Override public long getGroupId(int groupPosition) { return groupPosition; } @Override public String getGroup(int groupPosition) { return groupName.get(groupPosition); } @Override public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) { convertView = View.inflate(mContext, R.layout.item_group_name, null); TextView groupName = (TextView) convertView.findViewById(R.id.group_name); groupName.setText(getGroup(groupPosition)); return convertView; } @Override public int getChildrenCount(int groupPosition) { return childName.get(groupPosition).size(); } @Override public long getChildId(int groupPosition, int childPosition) { return childPosition; } @Override public String getChild(int groupPosition, int childPosition) { return childName.get(groupPosition).get(childPosition); } @Override public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) { convertView = View.inflate(mContext, R.layout.item_child_name, null); TextView childName = (TextView) convertView.findViewById(R.id.child_name); childName.setText(getChild(groupPosition, childPosition)); return convertView; } @Override public boolean hasStableIds() { return false; } @Override public boolean isChildSelectable(int groupPosition, int childPosition) { return true; } }
关于“ExpandableListView如何实现手风琴效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
分享文章:ExpandableListView如何实现手风琴效果
转载源于:http://scyanting.com/article/poohcg.html