现在的应用基本都有用到这种ListView,打开QQ看到的消息列表就是了,下拉可以刷新,拉到底部还可以上拉,虽然没什么用,不过无聊的时候我就会去那里拉几下。。。
首先,android原生的ListView是没有这种上拉下拉效果的,所以这些可以下拉的ListView都是自定义的控件。
接下来讲一下原理:其实就是设置padding值啦~通过监听触摸的位置,动态改变ListView的padding值来达到被拉动的效果。
网上关于下拉ListView的文章还是挺多的,可以去查查,我就按原理做了个简单的ListView,可以下拉和上拉,但没做下拉刷新功能。也许你会问“没有下拉刷新那这个ListView有什么用啊?”,没错,这个LIstView确实没啥用,只能让人无聊时拉几下。。。不过我们今天只是为了了解原理,不用去在意这些细节啦~
下面贴代码:
/**
* 可以下拉回弹和上拉回弹的ListView,但没有下拉刷新和上拉加载更多的功能
* bug:在拖动过程中如果到达最顶或最底,再继续拖动的话会突然变了位置,体验不好
* @author linin
*/
public class XListViewSimple extends ListView implements OnScrollListener {
private int paddingLeft = 0;
private int paddingRight = 0;
private int paddingTop = 0;
private int paddingBottom = 0;
private float lastY = 0;
private boolean isPull = true;// 是否下拉/上拉//true下拉、false上拉
private boolean isTop = true;// 是否滚动到第一行
private boolean isBottom = false;// 是否滚动到最后一行
private int scrollState = 0;
private Handler mHandler = new Handler();
public XListViewSimple(Context context) {
super(context);
init(context);
}
public XListViewSimple(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
public XListViewSimple(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init(context);
}
private void init(Context context) {
// 初始化padding的值
paddingLeft = getPaddingLeft();
paddingRight = getPaddingRight();
paddingTop = getPaddingTop();
paddingBottom = getPaddingBottom();
//
setOnScrollListener(this);
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
float y = ev.getY();
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
lastY = y;
break;
case MotionEvent.ACTION_MOVE:
float historicalY = ev.getY();
int dy = (int) (historicalY - lastY) / 3;
isPull = dy > 0;
if (isPull) {// 下拉
if (isTop && scrollState != SCROLL_STATE_FLING) {
dy += paddingTop;
setPadding(paddingLeft, dy, paddingRight, paddingBottom);
setSelection(0);// 选中第一个item,不然没有下拉效果
}
} else {// 上拉
if (isBottom && scrollState != SCROLL_STATE_FLING) {
dy -= paddingBottom;
setPadding(paddingLeft, paddingTop, paddingRight, -dy);
setSelection(getCount());// 选中最后一个item,不然没有上拉效果
}
}
break;
case MotionEvent.ACTION_UP:// 回弹
if (isPull) {
int top = getPaddingTop();
int duration = 0;
while (top > paddingTop) {
top -= 10;
duration += 10;
final int t = top;
mHandler.postDelayed(new Runnable() {
@Override
public void run() {
setPadding(paddingLeft, t, paddingRight,
paddingBottom);
}
}, duration);
}
} else {
int bottom = getPaddingBottom();
int duration = 0;
while (bottom > paddingTop) {
bottom -= 10;
duration += 10;
final int b = bottom;
mHandler.postDelayed(new Runnable() {
@Override
public void run() {
setPadding(paddingLeft, paddingTop, paddingRight, b);
}
}, duration);
}
}
break;
}
return super.onTouchEvent(ev);
}
@Override
public void onScroll(AbsListView lv, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
isTop = firstVisibleItem == 0;
isBottom = firstVisibleItem + visibleItemCount == totalItemCount;
}
@Override
public void onScrollStateChanged(AbsListView lv, int scrollState) {
this.scrollState = scrollState;
}
}诶?你说我没细讲原理?这、、、看代码就懂了嘛!