Android ExpandableListView开发简介

╰半夏微凉° 2024-02-17 16:24 42阅读 0赞

**Android ExpandableListView开发简介**

我之前写了一些文章是关于实现带有分组、标签的“ListView”：  
（文章1）《类似通讯录分组的Android PinnedSectionListView，且分组标签悬停滑入滑出》文章链接：[http://blog.csdn.net/zhangphil/article/details/47144125][http_blog.csdn.net_zhangphil_article_details_47144125]  
（文章2）《Android基于PinnedSectionListView实现联系人通讯录》文章链接：[http://blog.csdn.net/zhangphil/article/details/47271741][http_blog.csdn.net_zhangphil_article_details_47271741]  
（文章3）《Android ListView Adapter的getItemViewType和getViewTypeCount多种布局》文章链接：[http://blog.csdn.net/zhangphil/article/details/46984367][http_blog.csdn.net_zhangphil_article_details_46984367]  
文章1、2所使用的技术，通常会在一些社交类的APP开发中涉及。社交类APP中一些重要的功能模块是通讯录、联系人、好友等等这些，一般不仅要把这些联系人、好友在一个ListView里面显示出来，同时还要分组，这种需求，最基础的实现技术手段如文章3中那样可以使用Android ListView本身适配器的getItemViewType和getViewTypeCount实现，也可以使用文章1、2中那样使用开源库实现以达到更好的用户体验。不过Android本身的ExpandableListView也可以实现这样的分组功能，且ExpandableListView自身提供众多的接口，方便二次开发和定制使用。  
现给出一个完整的例子加以说明。  
测试的主activity MainActivity.java：

package zhangphil.expandablelistview;
    
    import java.util.ArrayList;
    import java.util.HashMap;
    import java.util.List;
    import java.util.Map;
    import java.util.Random;
    
    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.ViewGroup;
    import android.widget.ExpandableListAdapter;
    import android.widget.ExpandableListView;
    import android.widget.ExpandableListView.OnGroupClickListener;
    import android.widget.SimpleExpandableListAdapter;
    import android.widget.TextView;
    
    public class MainActivity extends Activity {
    
    	private final String GROUP = "group";
    	private final String CHILD = "child";
    
    	private ArrayList<HashMap<String, Object>> data;
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    
    		// 分组的标签
    		String[] g = { "A", "B", "C", "D", "E", "F" };
    
    		data = new ArrayList<HashMap<String, Object>>();
    
    		// 子数据的计数
    		int COUNT = 0;
    
    		Random rand = new Random();
    		for (int i = 0; i < g.length; i++) {
    			HashMap<String, Object> map = new HashMap<String, Object>();
    			map.put(GROUP, g[i]);
    
    			ArrayList<String> child = new ArrayList<String>();
    			int c = rand.nextInt(10);// 为每个子List随机生成c个测试数据。
    			for (int j = 0; j < c; j++) {
    				child.add("数据" + COUNT++);
    			}
    			map.put(CHILD, child);
    
    			data.add(map);
    		}
    
    		ExpandableListView elv = (ExpandableListView) findViewById(R.id.expandableListView);
    		elv.setGroupIndicator(null);
    
    		// 这是一个参数为空或者null的ExpandableListAdapter
    		// 构造在子类中完成
    		ExpandableListAdapter mExpandableListAdapter = new MyExpandableListAdapter(this, null, 0, null, null, null, 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 arg0, View arg1, int arg2, long arg3) {
    				// Android默认是返回false。
    				// 如果返回true，那么，不管是点击已展开的分组还是未展开的分组，都不会相应展开或者收缩的，也就是说这个ExpandableListView将成为一个‘死’的ListView
    				return false;
    			}
    		});
    	}
    
    	private class MyExpandableListAdapter extends SimpleExpandableListAdapter {
    
    		private LayoutInflater inflater;
    
    		public MyExpandableListAdapter(Context context, List<? extends Map<String, ?>> groupData, int groupLayout,
    				String[] groupFrom, int[] groupTo, List<? extends List<? extends Map<String, ?>>> childData,
    				int childLayout, String[] childFrom, int[] childTo) {
    			super(context, groupData, groupLayout, groupFrom, groupTo, childData, childLayout, childFrom, childTo);
    
    			inflater = LayoutInflater.from(context);
    		}
    
    		@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 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;
    		}
    
    		@Override
    		public Object getChild(int groupPosition, int childPosition) {
    			ArrayList<String> items = (ArrayList<String>) data.get(groupPosition).get(CHILD);
    			return items.get(childPosition);
    		}
    
    		@Override
    		public Object getGroup(int groupPosition) {
    			return data.get(groupPosition).get(GROUP);
    		}
    	}
    }

MainActivity.java需要的布局文件activity\_main.xml：

activity\_main.xml其实为MainActivity.java布局一个ExpandableListView。另外说一点，在实际的开发中如果场景简单，可以考虑使用和Android ListActivity像类似的Android ExpandableListActivity，这样简单到连布局文件都省去写了。

运行结果如图：

![Center][]

[http_blog.csdn.net_zhangphil_article_details_47144125]: http://blog.csdn.net/zhangphil/article/details/47144125
[http_blog.csdn.net_zhangphil_article_details_47271741]: http://blog.csdn.net/zhangphil/article/details/47271741
[http_blog.csdn.net_zhangphil_article_details_46984367]: http://blog.csdn.net/zhangphil/article/details/46984367
[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/3d1790f64cf24aac8880589114e78049.png