自动反弹的HorizontalScrollView

最新推荐文章于 2021-05-28 03:49:46 发布

转载最新推荐文章于 2021-05-28 03:49:46 发布 · 743 阅读

Android开发专栏收录该内容

52 篇文章

订阅专栏

本文介绍了一种自定义的Android视图组件——ElasticHScrollView，该组件实现了水平滚动及边缘回弹效果。通过监听触摸事件，实现了手指滑动时跟随滚动，并在达到边界时进行平滑回弹。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

package com.example.sy;

import android.content.Context;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.TranslateAnimation;
import android.widget.HorizontalScrollView;

public class ElasticHScrollView extends HorizontalScrollView {

	private View inner;
	private float x;
	private Rect normal = new Rect();

	public ElasticHScrollView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
	}

	public ElasticHScrollView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
	}

	@Override
	protected void onFinishInflate() {
		if (getChildCount() > 0) {
			inner = getChildAt(0);
		}
	}

	@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(deltaX, 0);
			x = nowX;
			// 当滚动到最上或最下时就不会再滚动，这是移动布局
			if (isNeedMove()) {
				if (normal.isEmpty()) {
					// 保存正常的布局位置
					normal.set(inner.getLeft(), inner.getTop(),
							inner.getRight(), inner.getBottom());

				}
				// 移动布局
				inner.layout(inner.getLeft() - deltaX, inner.getTop(),
						inner.getRight() - deltaX, inner.getBottom());
			}
			break;
		default:
			break;
		}
	}

	// 开启动画移动

	public void animation() {
		// 开启移动动画
		TranslateAnimation ta = new TranslateAnimation(inner.getLeft(),
				normal.left, 0, 0);
		ta.setDuration(50);
		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;
	}

}