当前位置: 代码迷 >> Iphone >> android listview仿iphone奇效
  详细解决方案

android listview仿iphone奇效

热度:45   发布时间:2016-04-25 06:35:43.0
android listview仿iphone特效

? ios常见视图在顶部往下拉(下冲)或底部往上拉(上冲)有一个弹性回退的动画效果。著名的CM ROM和一些手机厂商也争相集成这种效果。android 从2.3开始实现了下冲到底部和上冲到顶部时颜色渐变动画效果。这种在iphone中经典的特效在一定程度上满足了android迷们追逐体验的需求。下面我们来探讨实现这种效果的思路和实现锥形。

? view类有两个很重要的方法scrollTo和scrollBy,允许移动视图的可见区域。这就是我们今天实现动画效果的理论基础,我们可以在android数据列表顶部往下拖动列表或底部往上拖动列表时相应的移动数据列表,当停止拖动时再让它弹回去。那么怎么才能知道在顶端和底部呢?请查阅ListView的相关资料。具体的原理讲完了上代码。

?

package com.droidwolf;import android.content.Context;import android.util.AttributeSet;import android.view.MotionEvent;import android.widget.ListView;//by droidwolf 转载请注明public class IpListView extends ListView implements Runnable {    private float mLastDownY = 0f;    private int mDistance = 0;    private int mStep = 10;    private boolean mPositive = false;    public IpListView(Context context, AttributeSet attrs) {	super(context, attrs);    }    public IpListView(Context context, AttributeSet attrs, int defStyle) {	super(context, attrs, defStyle);    }    public IpListView(Context context) {	super(context);    }    @Override    public boolean onTouchEvent(MotionEvent event) {	switch (event.getAction()) {	case MotionEvent.ACTION_DOWN:	    if (mLastDownY == 0f && mDistance == 0) {		mLastDownY = event.getY();		return true;	    }	    break;	case MotionEvent.ACTION_CANCEL:	case MotionEvent.ACTION_UP:	    if (mDistance != 0) {		mStep = 1;		mPositive = mDistance >= 0;		this.post(this);		return true;	    }	    mLastDownY = 0f;	    mDistance = 0;	    break;	case MotionEvent.ACTION_MOVE:	    if (mLastDownY != 0f) {		mDistance = (int) (mLastDownY - event.getY());		if ((mDistance < 0 && getFirstVisiblePosition() == 0 && getChildAt(0).getTop() == 0)			|| (mDistance > 0 && getLastVisiblePosition() == getCount() - 1)) {		    mDistance /= 2;		    scrollTo(0, mDistance);		    return true;		}	    }	    mDistance = 0;	    break;	}	return super.onTouchEvent(event);    }    @Override    public void run() {	mDistance += mDistance > 0 ? -mStep : mStep;	scrollTo(0, mDistance);	if ((mPositive && mDistance <= 0) || (!mPositive && mDistance >= 0)) {	    scrollTo(0, 0);	    mDistance = 0;	    mLastDownY = 0f;	    return;	}	mStep += 1;	this.postDelayed(this, 10);    }}// end class

?

IpListView实现的动画只是简单的回退效果,也没有实现上冲和下冲特效,具体实现留给您去完善吧~~

?

1 楼 dengzhangtao 2011-09-27  
太感谢了学习了
2 楼 wly1028 2012-04-08  
厉害,学习之!!!
3 楼 qxj00 2012-04-25  
感谢感谢~~~~~~
  相关解决方案