自定义下拉刷新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