ExpandableListView可手动添加简单分组功能

原创 2015年11月17日 16:12:50

该片文章是下面文章的延伸版

效果图为

 

ExpandableListView实现简单分组功能


点击打开链接

http://blog.csdn.net/xiaoke804376088/article/details/49885793

java代码

package com.xiaoke.expandablelistview;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnGroupClickListener;
import android.widget.SimpleExpandableListAdapter;
import android.widget.TextView;

public class MainActivity extends Activity implements OnClickListener {
	private final String GROUP = "group";
	private final String CHILD = "child";
	private ArrayList<HashMap<String, Object>> data;
	private MyExpand mExpandableListAdapter =null;
	private EditText etGroup=null;
	private EditText etChild=null;		
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		data = new ArrayList<HashMap<String, Object>>();

		// 创建分组的信息
		String[] strGroup = { "A", "B", "C", "D", "E" };
		for (int i = 0; i < strGroup.length; i++) {
			HashMap<String, Object> map = new HashMap<String, Object>();
			map.put(GROUP, strGroup[i]);
			ArrayList<String> temp = new ArrayList<String>();
			for (int j = 0; j < 5; j++) {
				temp.add("数据" + j);
			}
			map.put(CHILD, temp);
			data.add(map);
		}
		etGroup=(EditText) findViewById(R.id.et_group_id);
		etChild=(EditText) findViewById(R.id.et_child_id);
		Button btnGroup;
		btnGroup=(Button) findViewById(R.id.btn_group_id);
		btnGroup.setOnClickListener(this);
		btnGroup=(Button) findViewById(R.id.btn_child_id);
		btnGroup.setOnClickListener(this);
		
		// 获取ExpandableListView对象
		ExpandableListView elv = (ExpandableListView) findViewById(R.id.expandableListView);
		//设置箭头符号不显示
		elv.setGroupIndicator(null);
		// 加载adapter,注意参数的对应
		 mExpandableListAdapter = new MyExpand(this, null,
				0, 0, null, null, null, 0, 0, null, null);
		elv.setAdapter(mExpandableListAdapter);		
		// // 演示
		//
		// // 展开0组
		// elv.expandGroup(0);
		// // 收起1组
		// elv.collapseGroup(1);
		// // 展开2组
		// elv.expandGroup(2);
		// 添加点击事件,点击打开或者关闭分组
		elv.setOnGroupClickListener(new OnGroupClickListener() {

			@Override
			public boolean onGroupClick(ExpandableListView parent, View v,
					int groupPosition, long id) {
				// TODO Auto-generated method stub
				return false;
			}
		});

	}
	@Override
	public void onClick(View v) {
		switch(v.getId()){
		case R.id.btn_group_id:
			createGroup(etGroup.getText().toString());
			//注意,数据更新后要跟新界面,不然显示不变
			mExpandableListAdapter.notifyDataSetChanged();
			break;
		case R.id.btn_child_id:
			if(!etChild.getText().toString().equals("")){
			creatChild(Integer.parseInt(etChild.getText().toString()));
			mExpandableListAdapter.notifyDataSetChanged();
			}
			break;
		}
		
	}
	public void createGroup(String str){
		HashMap<String, Object> map = new HashMap<String, Object>();
		map.put(GROUP, str);	
		ArrayList<String> temp = new ArrayList<String>();
		for (int j = 0; j < 5; j++) {
			temp.add("数据" + j);
		}
		map.put(CHILD, temp);
		data.add(map);
	}
	public void creatChild(int tempInt){
		ArrayList<String> listTemp= (ArrayList<String>) data.get(1).get(CHILD);
		listTemp.add(""+tempInt);
	}

	// /*
	// * 重写6个方法
	// * getGroup:返回对应位置的组的参数
	// * getGroupCount:返回分了多少组
	// * getGroupView:显示组
	// * getChild:返回每组的成员
	// * getChildCount:返回每组成员的个数
	// * getChildView : 显示每组成员
	// */

	public class MyExpand extends SimpleExpandableListAdapter {
		private LayoutInflater inflater = null;

		// 构造方法中实例化LayoutInflater对象
		public MyExpand(Context context,
				List<? extends Map<String, ?>> groupData,
				int expandedGroupLayout, int collapsedGroupLayout,
				String[] groupFrom, int[] groupTo,
				List<? extends List<? extends Map<String, ?>>> childData,
				int childLayout, int lastChildLayout, String[] childFrom,
				int[] childTo) {
			super(context, groupData, expandedGroupLayout,
					collapsedGroupLayout, groupFrom, groupTo, childData,
					childLayout, lastChildLayout, childFrom, childTo);
			// TODO Auto-generated constructor stub
			// 两个方法实例化LayoutInflater对象
			inflater = LayoutInflater.from(context);
			// inflater=(LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		}

		@Override
		public Object getChild(int groupPosition, int childPosition) {
			ArrayList<String> items = (ArrayList<String>) data.get(
					groupPosition).get(CHILD);
			return items.get(childPosition);
		}

		@Override
		public View getChildView(int groupPosition, int childPosition,
				boolean isLastChild, View convertView, ViewGroup parent) {
			View view = inflater.inflate(android.R.layout.simple_list_item_1,
					null);
			TextView text = (TextView) view.findViewById(android.R.id.text1);
			text.setText(getChild(groupPosition, childPosition) + "");
			return view;
		}

		@Override
		public int getChildrenCount(int groupPosition) {
			ArrayList<String> items = (ArrayList<String>) data.get(
					groupPosition).get(CHILD);
			return items.size();
		}

		@Override
		public Object getGroup(int groupPosition) {

			return data.get(groupPosition).get(GROUP);
		}

		@Override
		public int getGroupCount() {

			return data.size();
		}

		@Override
		public View getGroupView(int groupPosition, boolean isExpanded,
				View convertView, ViewGroup parent) {
			View view = inflater.inflate(android.R.layout.simple_list_item_1,
					null);
			TextView text = (TextView) view.findViewById(android.R.id.text1);
			text.setText(getGroup(groupPosition) + "");
			view.setBackgroundColor(Color.RED);
			return view;
		}

	}

	

}
xml布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <EditText
            android:id="@+id/et_group_id"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:singleLine="true" />

        <Button
            android:id="@+id/btn_group_id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="添加组"
            android:textSize="15sp" />

        <EditText
            android:id="@+id/et_child_id"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:singleLine="true" />

        <Button
            android:id="@+id/btn_child_id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="添加成员"
            android:textSize="15sp" />
    </LinearLayout>

    <ExpandableListView
        android:id="@+id/expandableListView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>



版权声明:本文为博主原创文章,未经博主允许不得转载。

ExpandableListView实现简单分组功能

第一步,创建分组所需的信息,图解为: 二、 设置简单参数 获取ExpandableListView对象 设置参数setGroupIndicator(null);  加载adapter...
  • xiaoke804376088
  • xiaoke804376088
  • 2015年11月17日 12:14
  • 218

Android 仿QQ好友分组列表、ExpandableListView的使用详解

ListView只能显示一级列表,如果我们需要像QQ好友列表的那样的效果,就需要用到ExpandableListView,入门新手可能对该控件不是很熟悉,下面就详解一下基本用法,其实跟ListView...
  • fan7983377
  • fan7983377
  • 2016年06月01日 16:23
  • 2289

详细讲解ExpandableListView显示和查询仿QQ分组列表用户信息

在我们的项目开发过程中,经常会对用户的信息进行分组,即通过组来显示用户的信息,同时通过一定的查询条件来显示查询后的相关用户信息,并且通过颜色选择器来设置列表信息的背景颜色,实现仿QQ分组列表显示以及查...
  • a123demi
  • a123demi
  • 2014年07月11日 23:09
  • 4404

Android自定义ViewGroup(二)——带悬停标题的ExpandableListView

项目里要加一个点击可收缩展开的列表,要求带悬停标题,具体效果如下图: 也就是说,在某一个分组内部滚动时,要求分组标题悬停,当滚出该分组范围时,把标题顶出去,悬停下一个分组的标题。正好看到一个比较有...
  • TurkeyCock
  • TurkeyCock
  • 2016年12月06日 01:04
  • 3596

Anroid ListView分组和悬浮Header以及下拉刷新功能实现

先上效果图 默认状态: 下拉刷新 滑动中 滑动后: 核心代码: package com.boredream.demo.pinnedheaderlv; ...
  • nwsuafer
  • nwsuafer
  • 2015年01月05日 15:40
  • 2694

Android UI视图效果篇之仿QQ好友列表分组悬浮PinnedHeaderExpandableListView

楼主是在平板上测试的,图片稍微有点大,大家看看效果就好 接下来贴源码: PinnedHeaderExpandableListView.java  要注意的是 在 on...
  • u010729005
  • u010729005
  • 2015年03月25日 14:14
  • 1363

Android ExpandableListView每组选一个值,并展开列表

在垂直滚动的两级列表中显示项目的视图。这个与{@link ListView}不同,允许两个级别:可以的组单独扩大显示其孩子。项目来自{@link ExpandableListAdapter}与此视图相...
  • qq_32365567
  • qq_32365567
  • 2017年01月16日 15:52
  • 1201

Android ExpandableListView简单使用(一)之仿QQ添加分组功能

Android ExpandableListView简单使用(一)之仿QQ添加分组功能
  • CSDN_zhi
  • CSDN_zhi
  • 2017年03月10日 16:43
  • 227

开源学习--SlideExpandableListView中的列表项动画实现框架分析

开源学习--SlideExpandableListView中的列表项动画实现框架分析     开源项目Android-SlideExpandableListView是一个简单的介绍列表项动画展示的小型...
  • klpchan
  • klpchan
  • 2014年05月22日 18:25
  • 2500

ExpandableListView添加头布局和尾部局

ExpandableListView添加头布局和尾部局,和ListView添加头尾布局一样。
  • fsx_xiaomei
  • fsx_xiaomei
  • 2017年06月20日 09:27
  • 1446
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ExpandableListView可手动添加简单分组功能
举报原因:
原因补充:

(最多只允许输入30个字)