自定义下拉刷新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>
动画效果的源码可下载。本文源码下载:点击
版权声明:本文为博主原创文章,未经博主允许不得转载。
Android 自定义下拉刷新ExpandableListView
原文地址:http://blog.csdn.net/qq_16064871/article/details/47183301