Android PullToZoomListView实现放大回弹效果

最新推荐文章于 2022-01-22 12:42:41 发布
最新推荐文章于 2022-01-22 12:42:41 发布
阅读量8.6k 收藏 13
点赞数 6
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangjinyu501/article/details/38367669
版权
版本：1.0 
日期：2014.8.4
版权：© 2014 kince 转载注明出处

  之前看过一篇文章，链接是：可以下拉缩放HeaderView的ListView:PullToZoomInListView。说的就是PullToZoomListView，不过这篇文章有个地方需要勘误，就是PullToZoomListView这个控件虽然是github上一个开源项目。不过最美应用并不是使用这个开源项目，而是这个开源项目反编译了最美应用的代码。
  但是，它这个代码是有问题的，当手指在屏幕上滑动的时候会引发onItemClick事件。看了一下它的代码，发现是因为在onTouchEvent()方法中的MotionEvent.ACTION_MOVE中return true了，这样就会消费这个事件，所以导致了onItemClick事件。之后我也反编译了一下最美应用，看了一下这个控件的实现，发现还有其他问题，比如少了一些变量，没有重写onInterceptTouchEvent()方法等，因此我又自己动手把这个控件丰富了一下，使其能够最大限度的接近原始代码，而且可正常使用。修改后代码如下： 
package com.kince.android.pulltozoomlistview;

import android.app.Activity;
import android.content.Context;
import android.os.SystemClock;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.MotionEvent;
import android.view.ViewGroup;
import android.view.animation.Interpolator;
import android.widget.AbsListView;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.ListView;

public class PullToZoomListView extends ListView implements
		AbsListView.OnScrollListener {

	private static final int INVALID_VALUE = -1;
	private static final String TAG = "PullToZoomListView";
	private static final Interpolator sInterpolator = new Interpolator() {
		public float getInterpolation(float paramAnonymousFloat) {
			float f = paramAnonymousFloat - 1.0F;
			return 1.0F + f * (f * (f * (f * f)));
		}
	};
	int mActivePointerId = -1;
	private FrameLayout mHeaderContainer;
	private int mHeaderHeight;
	private ImageView mHeaderImage;
	float mLastMotionY = -1.0F;
	float mLastScale = -1.0F;
	float mMaxScale = -1.0F;
	private AbsListView.OnScrollListener mOnScrollListener;
	private ScalingRunnalable mScalingRunnalable;
	private int mScreenHeight;
	private ImageView mShadow;

	private boolean mScrollable = true;
	private boolean mShowHeaderImage = true;
	private boolean mZoomable = true;

	public PullToZoomListView(Context paramContext) {
		super(paramContext);
		init(paramContext);
	}

	public PullToZoomListView(Context paramContext,
			AttributeSet paramAttributeSet) {
		super(paramContext, paramAttributeSet);
		init(paramContext);
	}

	public PullToZoomListView(Context paramContext,
			AttributeSet paramAttributeSet, int paramInt) {
		super(paramContext, paramAttributeSet, paramInt);
		init(paramContext);
	}

	private void endScraling() {
		if (this.mHeaderContainer.getBottom() >= this.mHeaderHeight)
			Log.d("mmm", "endScraling");
		this.mScalingRunnalable.startAnimation(200L);
	}

	private void init(Context paramContext) {
		DisplayMetrics localDisplayMetrics = new DisplayMetrics();
		((Activity) paramContext).getWindowManager().getDefaultDisplay()
				.getMetrics(localDisplayMetrics);
		this.mScreenHeight = localDisplayMetrics.heightPixels;
		this.mHeaderContainer = new FrameLayout(paramContext);
		this.mHeaderImage = new ImageView(paramContext);
		int i = localDisplayMetrics.widthPixels;
		setHeaderViewSize(i, (int) (9.0F * (i / 16.0F)));
		this.mShadow = new ImageView(paramContext);
		FrameLayout.LayoutParams localLayoutParams = new FrameLayout.LayoutParams(
				-1, -2);
		localLayoutParams.gravity = 80;
		this.mShadow.setLayoutParams(localLayoutParams);
		this.mHeaderContainer.addView(this.mHeaderImage);
		this.mHeaderContainer.addView(this.mShadow);
		addHeaderView(this.mHeaderContainer);
		this.mScalingRunnalable = new ScalingRunnalable();
		super.setOnScrollListener(this);
	}

	private void onSecondaryPointerUp(MotionEvent paramMotionEvent) {
		int i = (paramMotionEvent.getAction()) >> 8;
		Log.d("onSecondaryPointerUp", i + "");
		if (paramMotionEvent.getPointerId(i) == this.mActivePointerId)
			if (i != 0) {
				this.mLastMotionY = paramMotionEvent.getY(1);
				this.mActivePointerId = paramMotionEvent.getPointerId(0);
				return;
			}
	}

	private void reset() {
		this.mActivePointerId = -1;
		this.mLastMotionY = -1.0F;
		this.mMaxScale = -1.0F;
		this.mLastScale = -1.0F;
	}

	public ImageView getHeaderView() {
		return this.mHeaderImage;
	}

	public void hideHeaderImage() {
		this.mShowHeaderImage = false;
		this.mZoomable = false;
		this.mScrollable = false;
		removeHeaderView(this.mHeaderContainer);
	}

	public boolean isScrollable() {
		return this.mScrollable;
	}

	public boolean isZoomable() {
		return this.mZoomable;
	}

	public boolean onInterceptTouchEvent(MotionEvent paramMotionEvent) {
		if (!this.mZoomable) {
			return super.onInterceptTouchEvent(paramMotionEvent);
		}
		switch (paramMotionEvent.getAction() & MotionEvent.ACTION_MASK) {
		case MotionEvent.ACTION_DOWN:

			this.mActivePointerId = paramMotionEvent.getPointerId(0);
			this.mMaxScale = (this.mScreenHeight / this.mHeaderHeight);
			break;

		case MotionEvent.ACTION_UP:
			reset();
			break;

		case MotionEvent.ACTION_POINTER_DOWN:
			this.mActivePointerId = paramMotionEvent
					.getPointerId(paramMotionEvent.getActionIndex());
			break;

		case MotionEvent.ACTION_POINTER_UP:
			onSecondaryPointerUp(paramMotionEvent);
			break;
		}
		return super.onInterceptTouchEvent(paramMotionEvent);
	}

	protected void onLayout(boolean paramBoolean, int paramInt1, int paramInt2,
			int paramInt3, int paramInt4) {
		super.onLayout(paramBoolean, paramInt1, paramInt2, paramInt3, paramInt4);
		if (this.mHeaderHeight == 0)
			this.mHeaderHeight = this.mHeaderContainer.getHeight();
	}

	@Override
	public void onScroll(AbsListView paramAbsListView, int paramInt1,
			int paramInt2, int paramInt3) {
		if (this.mScrollable) {
			Log.d(TAG, "onScroll");
			float f = this.mHeaderHeight - this.mHeaderContainer.getBottom();
			Log.d("onScroll", "f|" + f);
			if ((f > 0.0F) && (f < this.mHeaderHeight)) {
				Log.d("onScroll", "1");
				int i = (int) (0.65D * f);
				this.mHeaderImage.scrollTo(0, -i);
			} else if (this.mHeaderImage.getScrollY() != 0) {
				Log.d("onScroll", "2");
				this.mHeaderImage.scrollTo(0, 0);
			}
		}

		if (this.mOnScrollListener != null) {
			this.mOnScrollListener.onScroll(paramAbsListView, paramInt1,
					paramInt2, paramInt3);
		}
	}

	public void onScrollStateChanged(AbsListView paramAbsListView, int paramInt) {
		if (this.mOnScrollListener != null)
			this.mOnScrollListener.onScrollStateChanged(paramAbsListView,
					paramInt);
	}

	public boolean onTouchEvent(MotionEvent ev) {

		Log.d(TAG, "" + (0xFF & ev.getAction()));
		if (!this.mZoomable) {
			Log.i("zoom", "zoom");
			return super.onTouchEvent(ev);
		}
		switch (ev.getAction() & MotionEvent.ACTION_MASK) {
		case MotionEvent.ACTION_OUTSIDE:
		case MotionEvent.ACTION_DOWN:
			if (!this.mScalingRunnalable.mIsFinished) {
				this.mScalingRunnalable.abortAnimation();
			}
			this.mLastMotionY = ev.getY();
			this.mActivePointerId = ev.getPointerId(0);
			this.mMaxScale = (this.mScreenHeight / this.mHeaderHeight);
			this.mLastScale = (this.mHeaderContainer.getBottom() / this.mHeaderHeight);
			break;
		case MotionEvent.ACTION_MOVE:
			Log.d("onTouchEvent", "mActivePointerId" + mActivePointerId);
			int j = ev.findPointerIndex(this.mActivePointerId);
			if (j == -1) {
				Log.e("PullToZoomListView", "Invalid pointerId="
						+ this.mActivePointerId + " in onTouchEvent");
			} else {
				if (this.mLastMotionY == -1.0F)
					this.mLastMotionY = ev.getY(j);
				if (this.mHeaderContainer.getBottom() >= this.mHeaderHeight) {
					ViewGroup.LayoutParams localLayoutParams = this.mHeaderContainer
							.getLayoutParams();
					float f = ((ev.getY(j) - this.mLastMotionY + this.mHeaderContainer
							.getBottom()) / this.mHeaderHeight - this.mLastScale)
							/ 2.0F + this.mLastScale;
					if ((this.mLastScale <= 1.0D) && (f < this.mLastScale)) {
						localLayoutParams.height = this.mHeaderHeight;
						this.mHeaderContainer
								.setLayoutParams(localLayoutParams);
					}
					this.mLastScale = Math.min(Math.max(f, 1.0F),
							this.mMaxScale);
					localLayoutParams.height = ((int) (this.mHeaderHeight * this.mLastScale));
					if (localLayoutParams.height < this.mScreenHeight)
						this.mHeaderContainer
								.setLayoutParams(localLayoutParams);
					this.mLastMotionY = ev.getY(j);
				}
				this.mLastMotionY = ev.getY(j);
			}
			break;
		case MotionEvent.ACTION_UP:
			reset();
			endScraling();
			break;
		case MotionEvent.ACTION_CANCEL:

			break;
		case MotionEvent.ACTION_POINTER_DOWN:
			int i = ev.getActionIndex();
			this.mLastMotionY = ev.getY(i);
			this.mActivePointerId = ev.getPointerId(i);
			break;
		case MotionEvent.ACTION_POINTER_UP:
			onSecondaryPointerUp(ev);
			this.mLastMotionY = ev.getY(ev
					.findPointerIndex(this.mActivePointerId));
			break;
		}
		return super.onTouchEvent(ev);
	}

	public void setHeaderViewSize(int paramInt1, int paramInt2) {
		if (!this.mShowHeaderImage) {
			return;
		}
		Object localObject = this.mHeaderContainer.getLayoutParams();
		if (localObject == null)
			localObject = new AbsListView.LayoutParams(paramInt1, paramInt2);
		((ViewGroup.LayoutParams) localObject).width = paramInt1;
		((ViewGroup.LayoutParams) localObject).height = paramInt2;
		this.mHeaderContainer
				.setLayoutParams((ViewGroup.LayoutParams) localObject);
		this.mHeaderHeight = paramInt2;
	}

	public void setOnScrollListener(
			AbsListView.OnScrollListener paramOnScrollListener) {
		this.mOnScrollListener = paramOnScrollListener;
	}

	public void setScrollable(boolean paramBoolean) {
		if (!this.mShowHeaderImage) {
			return;
		}
		this.mScrollable = paramBoolean;
	}

	public void setShadow(int paramInt) {
		if (!this.mShowHeaderImage) {
			return;
		}
		this.mShadow.setBackgroundResource(paramInt);
	}

	public void setZoomable(boolean paramBoolean) {
		if (!this.mShowHeaderImage) {
			return;
		}
		this.mZoomable = paramBoolean;
	}

	class ScalingRunnalable implements Runnable {
		long mDuration;
		boolean mIsFinished = true;
		float mScale;
		long mStartTime;

		ScalingRunnalable() {
		}

		public void abortAnimation() {
			this.mIsFinished = true;
		}

		public boolean isFinished() {
			return this.mIsFinished;
		}

		public void run() {
			float f2;
			ViewGroup.LayoutParams localLayoutParams;
			if ((!this.mIsFinished) && (this.mScale > 1.0D)) {
				float f1 = ((float) SystemClock.currentThreadTimeMillis() - (float) this.mStartTime)
						/ (float) this.mDuration;
				f2 = this.mScale - (this.mScale - 1.0F)
						* PullToZoomListView.sInterpolator.getInterpolation(f1);
				localLayoutParams = PullToZoomListView.this.mHeaderContainer
						.getLayoutParams();
				if (f2 > 1.0F) {
					Log.d("mmm", "f2>1.0");
					localLayoutParams.height = PullToZoomListView.this.mHeaderHeight;
					localLayoutParams.height = ((int) (f2 * PullToZoomListView.this.mHeaderHeight));
					PullToZoomListView.this.mHeaderContainer
							.setLayoutParams(localLayoutParams);
					PullToZoomListView.this.post(this);
					return;
				}
				this.mIsFinished = true;
			}
		}

		public void startAnimation(long paramLong) {
			this.mStartTime = SystemClock.currentThreadTimeMillis();
			this.mDuration = paramLong;
			this.mScale = ((float) (PullToZoomListView.this.mHeaderContainer
					.getBottom()) / PullToZoomListView.this.mHeaderHeight);
			this.mIsFinished = false;
			PullToZoomListView.this.post(this);
		}
	}
}
  关于这个控件的实现原理可以自行参考上面链接的文章，里面已经有较为细致的讲解，此处不再赘述。实现的效果就是下面这样：
  github链接： https://github.com/wangjinyu501/PullToZoomListView/，如果您发现了任何问题，可以在文章下面留言，我会第一时间处理，欢迎交流。


凤凰星河
关注
  • 6
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
Android自定义控件——PullZoomView
顾明伟
01-15 5105
本文介绍PullZoomView的简单实现，如图： 就是通过下拉ListView或者ScrollView或者更多的View如GridView，RecycleView等等，的时候对Header有一个放大缩小的效果 实现思路就是根据所需要封装的不同的下拉控件来做不同的实现，比如： ListView：该控件本身有添加Header的功能，我们只需做简单的处理就可以用了，在满足一定条件
Android自定义ScrollView实现放大回弹效果
08-30
主要为大家详细介绍了Android自定义ScrollView实现放大回弹效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android 惯性回弹效果，支持所有view，仿ios惯性回弹，滚动惯性回弹
12-02
Android 惯性回弹效果，还在羡慕ios页面的回弹效果吗？ Android 页面滚动惯性回弹 。支持所有view
Android -- 自定义ScrollView实现放大回弹效果
weixin_33828101的博客
03-14 104
1，刚刚在别人开源的项目中看到了一个挺不错的用户体验，效果图如下： 2，那下面我们就来实现一下，首先看一下布局，由于一般只是我们包含头像的那部分方法，所以这里我们要把布局分成两部分，对应的布局文件效果图如下： 3，自定义ScrollView 　　第一步：创建一个类，继承自ScrollView，重写相应的构造函数 public class ZoomInScrollView extends S...
Android PullZoomView：PullToZoomListViewEx（1）
Zhang Phil
12-06 2643
 Android PullZoomView：PullToZoomListViewEx（1） Android PullZoomView是github上面的一个第三方开源项目，该项目实现的功能被新浪微博的移动端广泛使用，其效果就是，当用户在下拉过程中，头部的图片会有一定的拉伸，当用户松开时候，图片又收缩复位，其效果如动态图所示： PullZoomView要实现两类，一类是典型的A
Android自定义ScrollView实现放大回弹效果实例代码
08-31
本篇文章主要介绍了Android自定义ScrollView实现放大回弹效果实例代码，具有一定的参考价值，有兴趣的可以了解一下。
Android 实现ViewPager边界回弹效果实例代码
08-30
主要介绍了Android 实现ViewPager边界回弹效果的实例代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下
Android编程ViewPager回弹效果实例分析
09-03
主要介绍了Android编程ViewPager回弹效果,以实例形式较为详细的分析了ViewPager回弹效果的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
Android-PullZoomScrollView滑动缩放顶部视图
08-13
PullZoomScrollView 滑动缩放顶部视图
PullToZoomListView1
03-17
一个类似QQ空间下拉图片放大刷新效果的demo
PullToZoomInListView
09-02
ＱＱ空间头部图片可拉伸的ＬｉｓｔＶｉｅｗ效果
Android仿ios回弹效果 scrollview回弹
07-13
http://blog.csdn.net/aaawqqq/article/category/2162679 我的blog http://blog.csdn.net/aaawqqq/article/category/2162679
Android代码-PullZoomRecyclerView
08-06
PullZoomRecyclerView Using RecyclerView requires three steps: Step one: use the PullZoomRecyclerView in XML Step two: call the function setAdapter and the function setLayoutManager Step three: call the function setZoomView and the function setHeaderContainer Features Two Pull Zoom mode (ZOOM_FOOTER or ZOOM_HEADER) Listening pull process (including pullStart、 pullZooming, pullEnd) You can reset the default smooth scroll to top interpolator(the default is DecelerateInterpolator) Precautions
Android-Android实现回弹效果的Scrollview
08-13
Android实现回弹效果的Scrollview
Android ListView拉到顶/底部，像橡皮筋一样弹性回弹复位
Zhang Phil
08-06 6437
 《Android ListView拉到顶/底部，像橡皮筋一样弹性回弹复位》 Android本身的ListView拉到顶部或者底部会在顶部/底部边缘间隙出现一道“闪光”效果，暗示ListView已经到顶/底，不能再动了。  这是Android原生的ListView拉到顶部/底部的一种交互设计。交互设计的可选方案很多。Android 5.0将ListView的这个交互设计改变成“一片荡漾的
Android实现背景图下拉回弹效果
qq_40709911的博客
01-22 2552
Android实现背景图下拉回弹效果 增加设置不横向拉伸时增加回弹效果 增加切换横屏时可滑动效果 实现 public class HeadZoomScrollView extends NestedScrollView { public HeadZoomScrollView(Context context) { super(context); } public HeadZoomScrollView(Context context, AttributeSet at
上下拉伸图片-第三方开源-PullToZoomListViewEx 实现阻尼效果
qq_35816104的博客
08-13 1328
本文要说的PullToZoomScrollViewEx 实现阻尼效果 什么是阻尼效果。简单解释就是一张图片，当你按住向下拖动,图片跟着拉升方大，当你松开时，回弹到原来的效果，在Android 上我们这种效果叫做阻尼效果。 这里我们用一个第三的 PullToZoomScrollViewEx 来实现，他的原理是自己定义的view 继承的我们ScrollView，设置我们初始的高度，然后实现下拉的
android 按钮回弹效果,Android仿IOS回弹效果 支持任何控件
weixin_32098191的博客
05-26 571
本文实例为大家分享了Android仿IOS回弹效果的具体代码，供大家参考，具体内容如下效果图:导入依赖:dependencies {// ...compile 'me.everything:overscroll-decor-android:1.0.4'}RecyclerView支持线性布局和网格布局管理器(即所有原生Android布局)。可以轻松适应支持自定义布局管理器。RecyclerView ...
Android VIewpager2 边界回弹
最新发布
05-17
Android ViewPager2 可以通过设置 `RecyclerView.OnScrollListener` 监听 ViewPager2 的滚动事件，然后在滚动到边界时触发边界回弹效果。 下面是一个示例： ```java public class BounceViewPager2 implements ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值