嵌套GridView的ExpandableListView

这些天想做一个嵌套GridView的ExpandableListView，就是说，点击ExpandableListView展开显示GridView，基本实现思路就是重写ExpandableListView的getChildView（）函数，代码如下：

package com.ns.gridlist;

import android.app.Activity;
import android.content.Context;
import android.content.res.Resources.Theme;
import android.database.Cursor;
import android.net.Uri;
import android.os.Bundle;
import android.provider.ContactsContract;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Adapter;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ExpandableListView;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.SimpleCursorAdapter;
import android.widget.SimpleCursorTreeAdapter;
import android.widget.TextView;

/**
 * @author xiaolifan 2011-12-22
 * 嵌套显示GridView的ExpandableListView*/

public class GridListViewActivity extends Activity {
	private ExpandableListView mExpandableListView;
	/**
	 * 获取联系人ID的列位置，一般都是第一个，也就是0
	 */
	private int mGroupIdColumnIndex;

	/**
	 * 要查询联系人的电话号码的字段（也就是子视图的信息）
	 */
	private String mPhoneNumberProjection[] = new String[] {
			ContactsContract.CommonDataKinds.Phone._ID,
			ContactsContract.CommonDataKinds.Phone.NUMBER, };

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		mExpandableListView = (ExpandableListView) findViewById(R.id.expandableListView1);
		// 查询联系人并获取其Cursor对象
		Cursor groupCursor = managedQuery(
				ContactsContract.Contacts.CONTENT_URI, new String[] {
						ContactsContract.Contacts._ID,
						ContactsContract.Contacts.DISPLAY_NAME }, null, null,
				null);

		// 保存取联系人ID的列位置
		mGroupIdColumnIndex = groupCursor.getColumnIndexOrThrow(ContactsContract.Contacts._ID);
		// 设置 adapter
		MyExpandableListAdapter mAdapter = new MyExpandableListAdapter(
				groupCursor, this,
				R.layout.list_header_layout,// 组视图(联系人)
				R.layout.list_grid_layout,// 子视图(电话号码)
				new String[] { ContactsContract.Contacts.DISPLAY_NAME }, // 显示联系人名字
				new int[] { R.id.textView1 },
				new String[] { ContactsContract.CommonDataKinds.Phone.NUMBER }, // 显示电话号码
				new int[] { R.id.textView2 });
		mExpandableListView.setAdapter(mAdapter);
		
		mExpandableListView.setOnItemClickListener(new OnItemClickListener() {

			public void onItemClick(AdapterView<?> parent, View view,int position, long id) {
				// TODO Auto-generated method stub
				
			}
		});

	}

	/**
	 * 
	 * 为ExpandableListView填充数据的Adapter类，在这里面我们实现了在ExpandableListView中嵌套显示Gridview的功能；
	 * 
	 */
	private class MyExpandableListAdapter extends SimpleCursorTreeAdapter implements OnItemClickListener{

		private int gridLayoutResId;
		private LayoutInflater mLayoutInflater;
		private Cursor mGroupCursor;//用于填充数据的Cursor对象

		public MyExpandableListAdapter(Cursor cursor, Context context,
				int groupLayout, int childLayout, String[] groupFrom,
				int[] groupTo, String[] childrenFrom, int[] childrenTo) {
			// 别忘了调用父类的同等参数的构造函数
			// 这里用了八个参数，lastChildLayout没有设置；还有就是groupLayout整合了collapsedGroupLayout和expandedGroupLayout
			super(context, cursor, groupLayout, groupFrom, groupTo,
					childLayout, childrenFrom, childrenTo);
			this.gridLayoutResId = childLayout;
			mLayoutInflater = LayoutInflater.from(GridListViewActivity.this);
			this.mGroupCursor = cursor;
		}

		@Override
		public int getChildrenCount(int groupPosition) {
			//这里返回1是为了让ExpandableListView只显示一个ChildView，否则在展开
			//ExpandableListView时会显示和ChildCount数量相同的GridView
			return 1;
		}

		/**
		 * 
		 * 回调函数，主要实现当选中某个组视图时，要查询指定的子视图所需的信息。<br>
		 * 注意：<br>
		 * 别忘了在AdroidManifest.xml中配置读取联系人的权限。<br>
		 * 
		 */
		@Override
		protected Cursor getChildrenCursor(Cursor groupCursor) {
			// 获取联系人ID
			Long contactId = groupCursor.getLong(mGroupIdColumnIndex);
			Log.i("debug_out", "the contact id is " + contactId);
			// 构造电话号码URI
			Uri.Builder builder = ContactsContract.CommonDataKinds.Phone.CONTENT_URI.buildUpon();
			Uri phoneNumbersUri = builder.build();
			// 开始查询，Android推荐我们是其自身的managedQuery()方法进行查询，也就是自动管理Cursor。
			return managedQuery(
					phoneNumbersUri,
					mPhoneNumberProjection,
					ContactsContract.CommonDataKinds.Phone.CONTACT_ID + " = ? ",
					new String[] { String.valueOf(contactId) }, null);
		}

		/**
		 * 实现嵌套GridView的关键所在，这里返回一个包含GridView控件的View并未这个GridView绑定数据*/
		@Override
		public View getChildView(int groupPosition, int childPosition,boolean isLastChild, View convertView, ViewGroup parent) {
			ViewHolder mViewHolder;
			if (convertView == null) {//利用视图缓存优化数据加载过程
				convertView = mLayoutInflater.inflate(this.gridLayoutResId,null);
				mViewHolder = new ViewHolder();
				mViewHolder.gridView = (GridView) convertView.findViewById(R.id.gridView1);
				convertView.setTag(mViewHolder);
			} else {
				mViewHolder = (ViewHolder) convertView.getTag();
			}
			this.mGroupCursor.moveToPosition(groupPosition);

			Cursor childCursor = getChildrenCursor(this.mGroupCursor);
			//给GridView填充数据
			GridAdapter gridAdapter = new GridAdapter(
					GridListViewActivity.this,
					R.layout.grid_item_layout,
					childCursor,
					new String[] { ContactsContract.CommonDataKinds.Phone.NUMBER },
					new int[] { R.id.textView2 });
			mViewHolder.gridView.setAdapter(gridAdapter);
			mViewHolder.gridView.setOnItemClickListener(this);
			return convertView;
		}

		class ViewHolder {
			GridView gridView;
		}

		public void onItemClick(AdapterView<?> parent, View view, int position,long id) {
			Adapter adapter = parent.getAdapter();
			Cursor cursor = (Cursor) adapter.getItem(position);
			String number = cursor.getString(cursor.getColumnIndex(ContactsContract.CommonDataKinds.Phone.NUMBER));
			Log.i("debug_out", "------------>onItemClick the number is " + number);
		}

	}

	private class GridAdapter extends SimpleCursorAdapter {
		private LayoutInflater mLayoutInflater;
		private Cursor mCursor;

		public GridAdapter(Context context, int layout, Cursor c,String[] from, int[] to) {
			super(context, layout, c, from, to);
			mLayoutInflater = LayoutInflater.from(GridListViewActivity.this);
			this.mCursor = c;
		}

		class ViewHolder2 {
			ImageView ig;
			TextView tx;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			ViewHolder2 mViewHolder2;
			if (convertView == null) {
				convertView = mLayoutInflater.inflate(R.layout.grid_item_layout, null);
				mViewHolder2 = new ViewHolder2();
				mViewHolder2.ig = (ImageView) convertView.findViewById(R.id.imageView2);
				mViewHolder2.tx = (TextView) convertView.findViewById(R.id.textView2);
				convertView.setTag(mViewHolder2);
			} else {
				mViewHolder2 = (ViewHolder2) convertView.getTag();
			}
			
			this.mCursor.moveToPosition(position);
			String number = this.mCursor.getString(mCursor.getColumnIndex(ContactsContract.CommonDataKinds.Phone.NUMBER));
			Log.i("debug_out", "the number is " + number);
			mViewHolder2.tx.setText(number);
			return convertView;
		}

	}

}

评论

1 楼 本草洋葱 2013-08-15  

学习学习，求份源码，楼主发一份源码来看看吧，要是能有图就好了。[e-mail]