自定义scrollview实现吸附效果
2017-10-24 11:03
501 查看
由于没有制作gif的软件所以现在只能上代码了
1.首先我们需要在自定义scrollview中重写onFinishInflate方法找到相应的我们要控制的view
我这里写的是在child的child的child获取到的需要控制的布局这里根据自己需要在自己的层级上找到相应的view
2.接下来我们需要些onTouchEvent事件根据手指的触摸滑动以及离开控制view的变化
getScrollY():这个方法是获取滑动的距离(注意不是某次滑动的距离 是整个控件滑动到现在的距离)
setZoom :该方法是控制view的height通过对view的height的控制试下下拉的时候view的高度随之变高从而让我们看到滑到顶的view还可以继续滑动
replyView():如果是setZoom了那该方法的作用是让view从松手的时刻起从划过的高度变到0这里我们用了一个属性动画去处理待会儿下面有代码
soptionView() :该方法是判断如果view滑动的距离是在距离view高度0.3倍间的时候让scrollview滑动到view的底部实现吸附的效果
下面是我写的完整代码如有不明白欢迎提问
1.首先我们需要在自定义scrollview中重写onFinishInflate方法找到相应的我们要控制的view
@Override protected void onFinishInflate() { super.onFinishInflate(); //设置不可过度滚动,否则上移后下拉会出现部分空白的情况 setOverScrollMode(OVER_SCROLL_NEVER); View child = getChildAt(0); if (child != null && child instanceof ViewGroup) { mHeaderView = ((ViewGroup) ((ViewGroup) child).getChildAt(0)).getChildAt(0); //获取默认第一个子View } }
我这里写的是在child的child的child获取到的需要控制的布局这里根据自己需要在自己的层级上找到相应的view
2.接下来我们需要些onTouchEvent事件根据手指的触摸滑动以及离开控制view的变化
@Override public boolean onTouchEvent(MotionEvent ev) { if (mHeaderView == null) return super.onTouchEvent(ev); switch (ev.getAction()) { case MotionEvent.ACTION_MOVE: if (!mIsPulling) {//当滑到顶部时 getScrollY为0开始记录手指按下的位置 if (getScrollY() != 0) break; mLastY = (int) ev.getY(); } if (ev.getY() - mLastY < 0) { return super.onTouchEvent(ev); //之前逻辑如果上划知识调用系统的上划 } mIsPulling = true; setZoom((int) ((ev.getY() - mLastY) * mScaleRatio)); return true; case MotionEvent.ACTION_UP: mIsPulling = false; if (getScrollY() == 0) { 4000 replyView(); } soptionView(); break; } return super.onTouchEvent(ev); }
getScrollY():这个方法是获取滑动的距离(注意不是某次滑动的距离 是整个控件滑动到现在的距离)
setZoom :该方法是控制view的height通过对view的height的控制试下下拉的时候view的高度随之变高从而让我们看到滑到顶的view还可以继续滑动
replyView():如果是setZoom了那该方法的作用是让view从松手的时刻起从划过的高度变到0这里我们用了一个属性动画去处理待会儿下面有代码
soptionView() :该方法是判断如果view滑动的距离是在距离view高度0.3倍间的时候让scrollview滑动到view的底部实现吸附的效果
下面是我写的完整代码如有不明白欢迎提问
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ScrollView;
/**
* Created by Administrator on 2017/10/19.
*/
public class ZoomScrollView2 extends ScrollView {
View mHeaderView;
float mHeaderHeight;
int mLastY;
float mScaleRatio = 0.4f; // 滑动放大系数,系数越大,滑动时放大程度越大
float mScaleTimes = 2.0f;// 最大的放大倍数
float mReplyRatio = 0.5f; // 回弹时间系数,系数越小,回弹越快
boolean mIsPulling = false;//是否正在滑动
public ZoomScrollView2(Context context) {
this(context, null);
}
public ZoomScrollView2(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public ZoomScrollView2(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override protected void onFinishInflate() { super.onFinishInflate(); //设置不可过度滚动,否则上移后下拉会出现部分空白的情况 setOverScrollMode(OVER_SCROLL_NEVER); View child = getChildAt(0); if (child != null && child instanceof ViewGroup) { mHeaderView = ((ViewGroup) ((ViewGroup) child).getChildAt(0)).getChildAt(0); //获取默认第一个子View } }
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (mHeaderView == null)
return super.onTouchEvent(ev);
switch (ev.getAction()) {
case MotionEvent.ACTION_MOVE:
if (!mIsPulling) {//当滑到顶部时 getScrollY为0开始记录手指按下的位置
if (getScrollY() != 0) break;
mLastY = (int) ev.getY();
}
if (ev.getY() - mLastY < 0) {
return super.onTouchEvent(ev); //之前逻辑如果上划知识调用系统的上划
}
mIsPulling = true;
setZoom((int) ((ev.getY() - mLastY) * mScaleRatio));
return true;
case MotionEvent.ACTION_UP:
mIsPulling = false;
if (getScrollY() == 0) {
replyView();
}
soptionView();
break;
}
return super.onTouchEvent(ev);
}
/**
* 控制view的拉伸
*/
private void setZoom(float s) {
float scaleTimes = (float) ((mHeaderHeight + s) / (mHeaderHeight * 1.0));
if (scaleTimes > mScaleTimes) return;// 如超过最大放大倍数,直接返回
ViewGroup.LayoutParams layoutParams = mHeaderView.getLayoutParams();
layoutParams.height = (int) (mHeaderHeight * ((mHeaderHeight + s) / mHeaderHeight));
mHeaderView.setLayoutParams(layoutParams);
}
/**
* 回弹
*/
private void soptionView() {
final int absY = getScrollY();
//在 距离顶部0.7 或者大于顶部0.3距离后划回
if ((mHeaderHeight > absY && absY > (mHeaderHeight * 0.7)) || (absY > mHeaderHeight && absY < (mHeaderHeight * 1.3))) {
scrollTo(0, (int) mHeaderHeight);
}
}
/**
* 回弹
*/
private void replyView() {
final float distance = mHeaderView.getMeasuredHeight() - mHeaderHeight;
// 设置动画
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);
mHeaderHeight = mHeaderView.getMeasuredHeight();
}
}
相关文章推荐
- android 自定义ScrollView实现反弹效果(以及解决和ListView之间的冲突)
- Android自定义ScrollView实现反弹效果
- 一个 ScrollView 里面包含 viewpager 嵌套 listview 或 RecyclerView 极少代码实现的流畅滑动效果 处理一个两层滑动 view 的自定义布局,以最少的代码实现,
- Android自定义ScrollView实现反弹效果
- 自定义ScrollView实现放大回弹效果
- 自定义ScrollView 实现上拉下拉的回弹效果
- 自定义Scrollview--实现仿淘宝Toolbar透明度渐变效果
- android 自定义ScrollView实现反弹效果(以及解决和ListView之间的冲突)
- 自定义ScrollView实现图片下拉放大(弹性效果)+ 悬浮框
- Android自定义View--ScrollView实现回弹效果
- 自定义ScrollView实现阻尼效果(类似于QQ下拉一段距离)
- android 自定义ScrollView实现反弹效果(以及解决和ListView之间的冲突) .
- android 自定义ScrollView实现反弹效果(以及解决和ListView之间的冲突)
- android 自定义ScrollView实现背景图片伸缩(阻尼效果)
- android 自定义ScrollView实现反弹效果(以及解决和ListView之间的冲突)
- android 自定义ScrollView实现背景图片伸缩(阻尼效果)
- 自定义ScrollView实现反弹效果(以及解决和ListView之间的冲突)
- android 自定义ScrollView实现反弹效果(以及解决和ListView之间的冲突)
- 自定义ScrollView实现弹性效果
- android 自定义ScrollView实现背景图片伸缩(仿多米,PaPa个人页面特效也称为阻尼效果)