Android自定义ScrollView实现放大回弹效果实例代码
更新时间：2017年03月15日 08:23:45 作者：阿呆哥哥
本篇文章主要介绍了Android自定义ScrollView实现放大回弹效果实例代码，具有一定的参考价值，有兴趣的可以了解一下。
1，刚刚在别人开源的项目中看到了一个挺不错的用户体验，效果图如下：
2，那下面我们就来实现一下，首先看一下布局，由于一般只是我们包含头像的那部分方法，所以这里我们要把布局分成两部分，对应的布局文件效果图如下：
3，自定义ScrollView
第一步：创建一个类，继承自ScrollView，重写相应的构造函数
public class ZoomInScrollView extends ScrollView {
public ZoomInScrollView(Context context) {
this(context, null);
}
public ZoomInScrollView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public ZoomInScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
}
第二步：重写OnFinishInflate()方法，并记录第一个子view，即我们的head_fragment
@Override
protected void onFinishInflate() {
super.onFinishInflate();
//设置不可过度滚动，否则上移后下拉会出现部分空白的情况
setOverScrollMode(OVER_SCROLL_NEVER);
View child = getChildAt(0);
if (child != null && child instanceof ViewGroup) {
//获取默认第一个子View
mHeaderView = ((ViewGroup) child).getChildAt(0);
}
}
第三步：重写OnTouchEvent（）方法，在Action_Move方法中拿到下滑的距离，通过设置head_view的属性参数来改变它的大小，在UP的时候还原head_view
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (mHeaderView == null)
return super.onTouchEvent(ev);
switch (ev.getAction()) {
case MotionEvent.ACTION_MOVE:
if (!mIsPulling) {
//第一次下拉
if (getScrollY() == 0) {
//在顶部的时候，记录顶部位置
mLastY = (int) ev.getY();
} else {
break;
}
}
if (ev.getY() - mLastY < 0)
return super.onTouchEvent(ev);
int distance = (int) ((ev.getY() - mLastY) * mScaleRatio);
mIsPulling = true;
setZoom(distance);
return true;
case MotionEvent.ACTION_UP:
mIsPulling = false;
replyView();
break;
}
return super.onTouchEvent(ev);
}
在回弹view的时候通过属性动画动态的改变head_view的值，并重写onSizeChange（）方法，实时的记录head_view的宽高
/**
** 放大view
*/
private void setZoom(float s) {
float scaleTimes = (float) ((mHeaderWidth + s) / (mHeaderWidth * 1.0));
// 如超过最大放大倍数，直接返回
if (scaleTimes > mScaleTimes) return;
ViewGroup.LayoutParams layoutParams = mHeaderView.getLayoutParams();
layoutParams.width = (int) (mHeaderWidth + s);
layoutParams.height = (int) (mHeaderHeight * ((mHeaderWidth + s) / mHeaderWidth));
// 设置控件水平居中
((MarginLayoutParams) layoutParams).setMargins(-(layoutParams.width - mHeaderWidth) / 2, 0, 0, 0);
mHeaderView.setLayoutParams(layoutParams);
}
/**
* 回弹
*/
private void replyView() {
final float distance = mHeaderView.getMeasuredWidth() - mHeaderWidth;
// 设置动画
ValueAnimator anim = ObjectAnimator.ofFloat(distance, 0.0F).setDuration((long) (distance * mReplyRatio));
anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
setZoom((Float) animation.getAnimatedValue());
}
});
anim.start();
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mHeaderWidth = mHeaderView.getMeasuredWidth();
mHeaderHeight = mHeaderView.getMeasuredHeight();
}
这样就实现了我们的效果了，看一下我们自己实现的效果：
demo下载：ZoomInScrollView_jb51.rar
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
Android AutoCompleteTextView控件基本用法示例
这篇文章主要介绍了Android AutoCompleteTextView控件基本用法,结合实例形式分析了AutoCompleteTextView控件的功能、使用方法及相关操作步骤,需要的朋友可以参考下2016-06-06
这篇文章主要为大家详细介绍了Android WebView实现顶部进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
Android OkHttp Post上传文件并且携带参数实例详解
这篇文章主要介绍了Android OkHttp Post上传文件并且携带参数实例详解的相关资料,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了Android控件之TabHost用法,以完整实例形式较为详细的分析了TabHost控件实现选项卡的相关技巧,需要的朋友可以参考下2015-09-09
Flutter WillPopScope拦截返回事件原理示例详解
这篇文章主要为大家介绍了Flutter WillPopScope拦截返回事件原理示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了Android中获取手机屏幕大小的方法，Android开发需要获得屏幕的宽高，本文为大家解析 Android中如何获取手机屏幕大小，需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了Android中WebView加载网页设置进度条的相关代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要为大家详细介绍了Android实现象棋游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
最近做个项目自定义密码输入框功能，下面小编把实现思路分享到脚本之家平台，需要的朋友参考下吧2018-03-03
这篇文章主要介绍了自定义Android六边形进度条，本文设计的进度条是六边形的，对进度条感兴趣的小伙伴们可以参考一下2016-02-02
最新评论