现在的位置: 首页 > 综合 > 正文

Android自定义ScrollView实现反弹效果

2013年01月05日 ⁄ 综合 ⁄ 共 1737字 ⁄ 字号 评论关闭

    android的ScrollView控件默认是没有反弹效果的,当滑动到边缘的时候便不能继续滑动。这里通过自定义ScrollView来实现反弹效果。看下面的效果图,红色图片在最左边,android默认ScrollView控件红色图片在最左边的时候是不能向右滚动的。


这里是水平滚动,我们可以通过自定义类继承自HorizontalScrollView类来实现。

public class MyScrollView extends HorizontalScrollView {
	private View inner;
	private float x;
	private Rect normal = new Rect();
	
	@Override
	protected void onFinishInflate() {
		if (getChildCount() > 0) {
			inner = getChildAt(0);
		}
		System.out.println("getChildCount():" + getChildCount());
	}
	
	public MyScrollView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}
	
	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		if (inner == null) {
			return super.onTouchEvent(ev);
		} else {
			commOnTouchEvent(ev);
		}

		return super.onTouchEvent(ev);
	}

	public void commOnTouchEvent(MotionEvent ev) {
		int action = ev.getAction();
		switch (action) {
		case MotionEvent.ACTION_DOWN:
			x = ev.getX();
			break;
		case MotionEvent.ACTION_UP:

			if (isNeedAnimation()) {
				animation();
			}

			break;
		case MotionEvent.ACTION_MOVE:
			final float preX = x;
			float nowX = ev.getX();
			int deltaX = (int) (preX - nowX);
			// 滚动
			scrollBy(0, deltaX);

			x = nowX;
			// 当滚动到最左或者最右时就不会再滚动,这时移动布局
			if (isNeedMove()) {
				if (normal.isEmpty()) {
					// 保存正常的布局位置
					normal.set(inner.getLeft(), inner.getTop(), inner.getRight(), inner.getBottom());
				}
				// 移动布局
				inner.layout(inner.getLeft() - deltaX/2, inner.getTop() , inner.getRight()- deltaX/2, inner.getBottom() );
			}
			break;

		default:
			break;
		}
	}

	// 开启动画移动
	public void animation() {
		// 开启移动动画
		TranslateAnimation ta = new TranslateAnimation(0, 0, inner.getTop(), normal.top);
		ta.setDuration(200);
		inner.startAnimation(ta);
		// 设置回到正常的布局位置
		inner.layout(normal.left, normal.top, normal.right, normal.bottom);
		normal.setEmpty();
	}
	// 是否需要开启动画
	public boolean isNeedAnimation() {
		return !normal.isEmpty();
	}
	// 是否需要移动布局
	public boolean isNeedMove() {
		int offset = inner.getMeasuredWidth() - getWidth();
		int scrollX = getScrollX();
		if (scrollX == 0 || scrollX == offset) {
			return true;
		}
		return false;
	}
}

抱歉!评论已关闭.