您的位置:首页 > 移动开发 > Android开发

Android 自定义下拉刷新ExpandableListView

2015-08-01 09:31 609 查看
自定义下拉刷新ExpandableListView,在本文的demo中做的是好友分组列表,可以通过下拉刷新数据。自定义控件是继承了ExpandableListView这个类,接口就是OnScrollListener这样来实现的。接下看看怎样调用这个自定义控件。先看效果图。

本文源码下载:点击

一、实现的效果图



二、看自定义控制类XExpandableListView

package com.org.xlistview;
import com.example.pullrefresh.R;
import com.example.pullrefresh.TimeUtil;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewTreeObserver.OnGlobalLayoutListener;
import android.view.animation.DecelerateInterpolator;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ExpandableListView;
import android.widget.ListAdapter;
import android.widget.RelativeLayout;
import android.widget.Scroller;
import android.widget.TextView;

public class XExpandableListView extends ExpandableListView implements
		OnScrollListener {

	private float mLastY = -1; // save event y
	private Scroller mScroller; // used for scroll back
	private OnScrollListener mScrollListener; // user's scroll listener

	// the interface to trigger refresh and load more.
	private IXListViewListener mListViewListener;

	// -- header view
	private XListViewHeader mHeaderView;
	// header view content, use it to calculate the Header's height. And hide it
	// when disable pull refresh.
	private RelativeLayout mHeaderViewContent;
	private TextView mHeaderTimeView;
	private int mHeaderViewHeight; // header view's height
	private boolean mEnablePullRefresh = true;//
	private boolean mPullRefreshing = false; // is refreashing.

	// -- footer view
	private XListViewFooter mFooterView;
	private boolean mEnablePullLoad;
	private boolean mPullLoading;
	private boolean mIsFooterReady = false;

	// total list items, used to detect is at the bottom of listview.
	private int mTotalItemCount;

	// for mScroller, scroll back from header or footer.
	private int mScrollBack;
	private final static int SCROLLBACK_HEADER = 0;
	private final static int SCROLLBACK_FOOTER = 1;

	private final static int SCROLL_DURATION = 400; // scroll back duration
	private final static int PULL_LOAD_MORE_DELTA = 50; // when pull up >= 50px
														// at bottom, trigger
														// load more.
	private final static float OFFSET_RADIO = 1.8f; // support iOS like pull
													// feature.

	/**
	 * @param context
	 */
	public XExpandableListView(Context context) {
		super(context);
		initWithContext(context);
	}

	public XExpandableListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initWithContext(context);
	}

	public XExpandableListView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		initWithContext(context);
	}

	private void initWithContext(Context context) {
		mScroller = new Scroller(context, new DecelerateInterpolator());
		// XListView need the scroll event, and it will dispatch the event to
		// user's listener (as a proxy).
		super.setOnScrollListener(this);

		// init header view
		mHeaderView = new XListViewHeader(context);
		mHeaderViewContent = (RelativeLayout) mHeaderView
				.findViewById(R.id.xlistview_header_content);
		mHeaderTimeView = (TextView) mHeaderView
				.findViewById(R.id.xlistview_header_time);
		addHeaderView(mHeaderView);

		// init footer view
		mFooterView = new XListViewFooter(context);

		// init header height
		mHeaderView.getViewTreeObserver().addOnGlobalLayoutListener(
				new OnGlobalLayoutListener() {
					@Override
					public void onGlobalLayout() {
						mHeaderViewHeight = mHeaderViewContent.getHeight();
						getViewTreeObserver()
								.removeGlobalOnLayoutListener(this);
					}
				});
	}

	@Override
	public void setAdapter(ListAdapter adapter) {
		// make sure XListViewFooter is the last footer view, and only add once.
		if (mIsFooterReady == false) {
			mIsFooterReady = true;
			addFooterView(mFooterView);
		}
		super.setAdapter(adapter);
	}

	/**
	 * enable or disable pull down refresh feature.
	 * 
	 * @param enable
	 */
	public void setPullRefreshEnable(boolean enable) {
		mEnablePullRefresh = enable;
		if (!mEnablePullRefresh) { // disable, hide the content
			mHeaderViewContent.setVisibility(View.INVISIBLE);
		} else {
			mHeaderViewContent.setVisibility(View.VISIBLE);
		}
	}

	/**
	 * enable or disable pull up load more feature.
	 * 
	 * @param enable
	 */
	public void setPullLoadEnable(boolean enable) {
		mEnablePullLoad = enable;
		if (!mEnablePullLoad) {
			mFooterView.hide();
			mFooterView.setOnClickListener(null);
		} else {
			mPullLoading = false;
			mFooterView.show();
			mFooterView.setState(XListViewFooter.STATE_NORMAL);
			// both "pull up" and "click" will invoke load more.
			mFooterView.setOnClickListener(new OnClickListener() {
				@Override
				public void onClick(View v) {
					startLoadMore();
				}
			});
		}
	}

	/**
	 * stop refresh, reset header view.
	 */
	public void stopRefresh() {
		if (mPullRefreshing == true) {
			mPullRefreshing = false;
			resetHeaderHeight();
		}
	}

	/**
	 * stop load more, reset footer view.
	 */
	public void stopLoadMore() {
		if (mPullLoading == true) {
			mPullLoading = false;
			mFooterView.setState(XListViewFooter.STATE_NORMAL);
		}
	}

	/**
	 * set last refresh time
	 * 
	 * @param time
	 */
	public void setRefreshTime(String time) {
		mHeaderTimeView.setText(time);
	}
	
	public void setRefreshTime(long time){
		mHeaderTimeView.setText(TimeUtil.getChatTime(time));
	}

	private void invokeOnScrolling() {
		if (mScrollListener instanceof OnXScrollListener) {
			OnXScrollListener l = (OnXScrollListener) mScrollListener;
			l.onXScrolling(this);
		}
	}

	private void updateHeaderHeight(float delta) {
		mHeaderView.setVisiableHeight((int) delta
				+ mHeaderView.getVisiableHeight());
		if (mEnablePullRefresh && !mPullRefreshing) { // 未处于刷新状态,更新箭头
			if (mHeaderView.getVisiableHeight() > mHeaderViewHeight) {
				mHeaderView.setState(XListViewHeader.STATE_READY);
			} else {
				mHeaderView.setState(XListViewHeader.STATE_NORMAL);
			}
		}
		setSelection(0); // scroll to top each time
	}

	/**
	 * reset header view's height.
	 */
	private void resetHeaderHeight() {
		int height = mHeaderView.getVisiableHeight();
		if (height == 0) // not visible.
			return;
		// refreshing and header isn't shown fully. do nothing.
		if (mPullRefreshing && height <= mHeaderViewHeight) {
			return;
		}
		int finalHeight = 0; // default: scroll back to dismiss header.
		// is refreshing, just scroll back to show all the header.
		if (mPullRefreshing && height > mHeaderViewHeight) {
			finalHeight = mHeaderViewHeight;
		}
		mScrollBack = SCROLLBACK_HEADER;
		mScroller.startScroll(0, height, 0, finalHeight - height,
				SCROLL_DURATION);
		// trigger computeScroll
		invalidate();
	}

	private void updateFooterHeight(float delta) {
		int height = mFooterView.getBottomMargin() + (int) delta;
		if (mEnablePullLoad && !mPullLoading) {
			if (height > PULL_LOAD_MORE_DELTA) { // height enough to invoke load
													// more.
				mFooterView.setState(XListViewFooter.STATE_READY);
			} else {
				mFooterView.setState(XListViewFooter.STATE_NORMAL);
			}
		}
		mFooterView.setBottomMargin(height);

		// setSelection(mTotalItemCount - 1); // scroll to bottom
	}

	private void resetFooterHeight() {
		int bottomMargin = mFooterView.getBottomMargin();
		if (bottomMargin > 0) {
			mScrollBack = SCROLLBACK_FOOTER;
			mScroller.startScroll(0, bottomMargin, 0, -bottomMargin,
					SCROLL_DURATION);
			invalidate();
		}
	}

	private void startLoadMore() {
		mPullLoading = true;
		mFooterView.setState(XListViewFooter.STATE_LOADING);
		if (mListViewListener != null) {
			mListViewListener.onLoadMore();
		}
	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		if (mLastY == -1) {
			mLastY = ev.getRawY();
		}

		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:
			mLastY = ev.getRawY();
			break;
		case MotionEvent.ACTION_MOVE:
			final float deltaY = ev.getRawY() - mLastY;
			mLastY = ev.getRawY();
			if (getFirstVisiblePosition() == 0
					&& (mHeaderView.getVisiableHeight() > 0 || deltaY > 0)) {
				// the first item is showing, header has shown or pull down.
				updateHeaderHeight(deltaY / OFFSET_RADIO);
				invokeOnScrolling();
			} else if (getLastVisiblePosition() == mTotalItemCount - 1
					&& (mFooterView.getBottomMargin() > 0 || deltaY < 0)) {
				// last item, already pulled up or want to pull up.
				updateFooterHeight(-deltaY / OFFSET_RADIO);
			}
			break;
		default:
			mLastY = -1; // reset
			if (getFirstVisiblePosition() == 0) {
				// invoke refresh
				if (mEnablePullRefresh
						&& mHeaderView.getVisiableHeight() > mHeaderViewHeight) {
					mPullRefreshing = true;
					mHeaderView.setState(XListViewHeader.STATE_REFRESHING);
					if (mListViewListener != null) {
						mListViewListener.onRefresh();
					}
				}
				resetHeaderHeight();
			} else if (getLastVisiblePosition() == mTotalItemCount - 1) {
				// invoke load more.
				if (mEnablePullLoad
						&& mFooterView.getBottomMargin() > PULL_LOAD_MORE_DELTA) {
					startLoadMore();
				}
				resetFooterHeight();
			}
			break;
		}
		return super.onTouchEvent(ev);
	}

	@Override
	public void computeScroll() {
		if (mScroller.computeScrollOffset()) {
			if (mScrollBack == SCROLLBACK_HEADER) {
				mHeaderView.setVisiableHeight(mScroller.getCurrY());
			} else {
				mFooterView.setBottomMargin(mScroller.getCurrY());
			}
			postInvalidate();
			invokeOnScrolling();
		}
		super.computeScroll();
	}

	@Override
	public void setOnScrollListener(OnScrollListener l) {
		mScrollListener = l;
	}

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		if (mScrollListener != null) {
			mScrollListener.onScrollStateChanged(view, scrollState);
		}
	}

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		// send to user's listener
		mTotalItemCount = totalItemCount;
		if (mScrollListener != null) {
			mScrollListener.onScroll(view, firstVisibleItem, visibleItemCount,
					totalItemCount);
		}
	}

	public void setXListViewListener(IXListViewListener l) {
		mListViewListener = l;
	}

	/**
	 * you can listen ListView.OnScrollListener or this one. it will invoke
	 * onXScrolling when header/footer scroll back.
	 */
	public interface OnXScrollListener extends OnScrollListener {
		public void onXScrolling(View view);
	}

	/**
	 * implements this interface to get refresh/load more event.
	 */
	public interface IXListViewListener {
		public void onRefresh();

		public void onLoadMore();
	}
}
三、根据自定义控件的适配器MyListAdapter

package com.example.pullrefresh;

import java.util.List;
import java.util.Map;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.content.DialogInterface.OnClickListener;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnLongClickListener;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class MyListAdapter extends BaseExpandableListAdapter {
	
	private List<String> mGroup;// 组名
	private Map<Integer, List<User>> mChildren;// 每一组对应的child
	private LayoutInflater mInflater;
	private Context mContext;

	public MyListAdapter(Context context,List<String> group,Map<Integer, List<User>> children) {
		this.mInflater = LayoutInflater.from(context);
		this.mGroup = group;
		this.mChildren = children;
		this.mContext = context;
	}

	public void addUser(User u) {
		int groupId = u.getGroup();
		if (groupId < mGroup.size()) {
			mChildren.get(groupId).add(u);
			notifyDataSetChanged();// 更新一下
		}
	}

	public Object getChild(int groupPosition, int childPosition) {
		return mChildren.get(groupPosition).get(childPosition);
	}

	public long getChildId(int groupPosition, int childPosition) {
		return childPosition;
	}

	public int getChildrenCount(int groupPosition) {
		return mChildren.get(groupPosition).size();
	}

	public View getChildView(int groupPosition, int childPosition,
			boolean isLastChild, View convertView, ViewGroup parent) {
		ViewHolder vHolder = null;
		if (convertView == null) {
			convertView = mInflater.inflate(R.layout.contact_list_item_for_buddy, null);
			vHolder = new ViewHolder();
			vHolder.nick = (TextView) convertView.findViewById(R.id.contact_list_item_name);
			vHolder.head = (ImageView) convertView.findViewById(R.id.icon);			
			convertView.setTag(vHolder);
		}else {
			vHolder = (ViewHolder) convertView.getTag();
		}
		
		final User u = (User) getChild(groupPosition, childPosition);
		vHolder.nick.setText(u.getNick());
		vHolder.head.setImageResource(u.getHeadIcon());
		
		convertView.setOnClickListener(new android.view.View.OnClickListener() {
			@Override
			public void onClick(View v) {
				
				//每一项单击事件
				Intent intent = new Intent();
				intent.setClass(mContext, OtherActivity.class);
				Bundle bundle = new Bundle();
				bundle.putInt("headImage", u.getHeadIcon());
				bundle.putString("userName", u.getNick());
				intent.putExtras(bundle);
				mContext.startActivity(intent);
			}
		});
		
		convertView.setOnLongClickListener(new OnLongClickListener() {

			@Override
			public boolean onLongClick(View v) {
				new AlertDialog.Builder(mContext)
						.setMessage("确定删除 " + u.getNick()+" 吗?")
						.setPositiveButton(android.R.string.ok,
								new OnClickListener() {
									@Override
									public void onClick(DialogInterface dialog,int which) {
										//长按删除事件
									}
								})
						.setNegativeButton(android.R.string.cancel, null)
						.create().show();
				return false;
			}
		});
		return convertView;
	}
	
	class ViewHolder{
		public TextView nick;
		public ImageView head;
	}

	public Object getGroup(int groupPosition) {
		return mGroup.get(groupPosition);
	}

	public int getGroupCount() {
		return mGroup.size();
	}

	public long getGroupId(int groupPosition) {
		return groupPosition;
	}

	/**
	 * create group view and bind data to view
	 */
	public View getGroupView(int groupPosition, boolean isExpanded,
			View convertView, ViewGroup parent) {
		if (convertView == null) {
			convertView = mInflater.inflate(
					R.layout.contact_buddy_list_group, null);
		}
		TextView groupName = (TextView) convertView.findViewById(R.id.group_name);
		groupName.setText(getGroup(groupPosition).toString());
		TextView onlineNum = (TextView) convertView.findViewById(R.id.online_count);
		
		onlineNum.setText(getChildrenCount(groupPosition) + "/"+ getChildrenCount(groupPosition));
		
		ImageView indicator = (ImageView) convertView.findViewById(R.id.group_indicator);
		if (isExpanded)
			indicator.setImageResource(R.drawable.indicator_expanded);
		else
			indicator.setImageResource(R.drawable.indicator_unexpanded);
		return convertView;
	}

	public boolean isChildSelectable(int groupPosition, int childPosition) {
		return true;
	}

	public boolean hasStableIds() {
		return true;
	}
}
四、怎样调用适配器,以及数据源的传入,下拉刷新的接口。

package com.example.pullrefresh;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import com.org.xlistview.XExpandableListView;
import com.org.xlistview.XExpandableListView.IXListViewListener;
import android.os.Bundle;
import android.annotation.SuppressLint;
import android.app.Activity;

public class MainActivity extends Activity {

	private XExpandableListView mxListView;  //自定义控件
	private MyListAdapter mAdapter;   //适配器
	private List<String> mGroup;// 组名
	private Map<Integer, List<User>> mChildren;// 每一组对应的child
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		initUI();
	}

	private void initUI() {
		//关联控件的id
		mxListView = (XExpandableListView) findViewById(R.id.friend_xlistview);

		mxListView.setGroupIndicator(null);
		mxListView.setPullLoadEnable(false);// 禁止下拉加载更多
		mxListView.setXListViewListener(new IXListViewListener() {
			
			@Override
			public void onRefresh() {
				//设置显示刷新的提示
				initUserData1();     //测试下拉刷新的数据
				mxListView.setAdapter(mAdapter);
				mxListView.stopRefresh();
				mxListView.setRefreshTime(System.currentTimeMillis());			
			}
			
			@Override
			public void onLoadMore() {
			}
		});
		
		//初始化的数据
		initUserData();
	}
	
	 //测试下拉刷新的数据
	@SuppressLint("UseSparseArrays")
	private void initUserData1() {
		mGroup = new ArrayList<String>();
		mChildren = new HashMap<Integer, List<User>>();// 给每一组实例化child
		
		// 初始化组名和child
		for (int i = 0; i < groups.length; ++i) {
			mGroup.add(groups[i]);// 组名
			List<User> childUsers = new ArrayList<User>();// 每一组的child
			mChildren.put(i, childUsers);
		}
		
		nameArray = getResources().getStringArray(R.array.jazzy_effects_ch);
		for (int i = 0; i < 20; i++) {
			for (int j = 0; j < mGroup.size(); ++j){
			int icon = heads[i];
			String name = nameArray[i];
			User user = new User(name, icon,0);
			mChildren.get(j).add(user);
			}
		}
		
		//
		mAdapter = new MyListAdapter(this, mGroup, mChildren);
		mxListView.setAdapter(mAdapter);
	}
	
	//初始化的数据
	@SuppressLint("UseSparseArrays")
	private void initUserData() {
		mGroup = new ArrayList<String>();
		mChildren = new HashMap<Integer, List<User>>();// 给每一组实例化child
		
		// 初始化组名和child
		for (int i = 0; i < groups.length; ++i) {
			mGroup.add(groups[i]);// 组名
			List<User> childUsers = new ArrayList<User>();// 每一组的child
			mChildren.put(i, childUsers);
		}
		
		nameArray = getResources().getStringArray(R.array.jazzy_effects_ch);
		for (int i = 0; i < 5; i++) {
			for (int j = 0; j < mGroup.size(); ++j){
			int icon = heads[i];
			String name = nameArray[i];
			User user = new User(name, icon,0);
			mChildren.get(j).add(user);
			}
		}
		
		//加载数据,新建适配器
		mAdapter = new MyListAdapter(this, mGroup, mChildren);
		//列表绑定适配器
		mxListView.setAdapter(mAdapter);
	}
	
	public static  int[] heads = { R.drawable.h0, R.drawable.h1,
		R.drawable.h2, R.drawable.h3, R.drawable.h4, R.drawable.h5,
		R.drawable.h6, R.drawable.h7, R.drawable.h8, R.drawable.h9,
		R.drawable.h10, R.drawable.h11, R.drawable.h12, R.drawable.h13,
		R.drawable.h14, R.drawable.h15, R.drawable.h16, R.drawable.h17,
		R.drawable.h18, R.drawable.h19, R.drawable.h20, R.drawable.h21};
	
	public static String[] nameArray = new String[21];
	
	private static final String[] groups = { "未分组好友", "我的好友", "我的同学", "我的家人",
	"我的同事" };
}
五、主界面的xnl

<RelativeLayout 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"
    tools:context=".MainActivity" >

    <com.org.xlistview.XExpandableListView
        android:id="@+id/friend_xlistview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/transparent"
        android:cacheColorHint="@android:color/transparent"
        android:divider="@null"
        android:transcriptMode="normal" >
    </com.org.xlistview.XExpandableListView>

</RelativeLayout>


一些动画效果的源码,我就不贴上来,也不说细节了。我只说了怎样调用,写适配。

动画效果的源码可下载。本文源码下载:点击
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: