有弹性的ScrollView 实现下拉弹回和上拉弹回

最新推荐文章于 2024-08-22 17:12:15 发布
最新推荐文章于 2024-08-22 17:12:15 发布
阅读量1.6k 收藏 5
点赞数 2
文章标签： ScrollView回弹 ScrollView下拉弹回 ScrollView上拉弹回
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35742975/article/details/53762362
版权

1.有弹性的ScrollView 实现下拉弹回和上拉弹回自定义控件ScrollView

/**
 * 
 *
 * @author xiaolung
 */

public class UserDefineScrollView extends HorizontalScrollView {

    private static final String TAG = "UserDefineScrollView ";

// 移动因子, 是一个百分比, 比如手指移动了100px, 那么View就只移动50px

// 目的是达到一个延迟的效果

    private static final float MOVE_FACTOR = 0.5f;

// 松开手指后, 界面回到正常位置需要的动画时间

    private static final int ANIM_TIME = 300;

// ScrollView的子View， 也是ScrollView的唯一一个子View

    private View contentView;

// 手指按下时的Y值, 用于在移动时计算移动距离

// 如果按下时不能上拉和下拉， 会在手指移动时更新为当前手指的Y值

    private float startY;

// 用于记录正常的布局位置

    private Rect originalRect = new Rect();

// 手指按下时记录是否可以继续下拉

    private boolean canPullDown = false;

// 手指按下时记录是否可以继续上拉

    private boolean canPullUp = false;

// 在手指滑动的过程中记录是否移动了布局

    private boolean isMoved = false;

    public UserDefineScrollView(Context context) {

        super(context);

    }

    public UserDefineScrollView(Context context, AttributeSet attrs) {

        super(context, attrs);

    }

    @Override

    protected void onFinishInflate() {

        if (getChildCount() > 0) {

            contentView = getChildAt(0);

        }

    }

    @Override

    protected void onLayout(boolean changed, int l, int t, int r, int b) {

        super.onLayout(changed, l, t, r, b);

        if (contentView == null)

            return;

// ScrollView中的唯一子控件的位置信息, 这个位置信息在整个控件的生命周期中保持不变

        originalRect.set(contentView.getLeft(), contentView.getTop(), contentView.getRight(), contentView.getBottom());

    }

    /**
     * 在触摸事件中, 处理上拉和下拉的逻辑
     */

    @Override

    public boolean dispatchTouchEvent(MotionEvent ev) {

        if (contentView == null) {

            return super.dispatchTouchEvent(ev);

        }

// 手指是否移动到了当前ScrollView控件之外

        boolean isTouchOutOfScrollView = ev.getY() >= this.getHeight() || ev.getY() <= 0;

        if (isTouchOutOfScrollView) { // 如果移动到了当前ScrollView控件之外

            if (isMoved) // 如果当前contentView已经被移动, 首先把布局移到原位置, 然后消费点这个事件

                boundBack();

            return true;

        }

        int action = ev.getAction();

        switch (action) {

            case MotionEvent.ACTION_DOWN:

// 判断是否可以上拉和下拉

                canPullDown = isCanPullDown();

                canPullUp = isCanPullUp();

// 记录按下时的Y值

                startY = ev.getY();

                break;

            case MotionEvent.ACTION_UP:

                boundBack();

                break;

            case MotionEvent.ACTION_MOVE:

// 在移动的过程中， 既没有滚动到可以上拉的程度， 也没有滚动到可以下拉的程度

                if (!canPullDown && !canPullUp) {

                    startY = ev.getY();

                    canPullDown = isCanPullDown();

                    canPullUp = isCanPullUp();

                    break;

                }

// 计算手指移动的距离

                float nowY = ev.getY();

                int deltaY = (int) (nowY - startY);

// 是否应该移动布局

                boolean shouldMove = (canPullDown && deltaY > 0) // 可以下拉， 并且手指向下移动

                        || (canPullUp && deltaY < 0) // 可以上拉， 并且手指向上移动

                        || (canPullUp && canPullDown); // 既可以上拉也可以下拉（这种情况出现在ScrollView包裹的控件比ScrollView还小）

                if (shouldMove) {

// 计算偏移量

                    int offset = (int) (deltaY * MOVE_FACTOR);

// 随着手指的移动而移动布局

                    contentView.layout(originalRect.left, originalRect.top + offset, originalRect.right, originalRect.bottom + offset);

                    isMoved = true; // 记录移动了布局

                }

                break;

            default:

                break;

        }

        return super.dispatchTouchEvent(ev);

    }

    /**
     * 将内容布局移动到原位置 可以在UP事件中调用, 也可以在其他需要的地方调用, 如手指移动到当前ScrollView外时
     */

    private void boundBack() {

        if (!isMoved)

            return; // 如果没有移动布局， 则跳过执行

// 开启动画

        TranslateAnimation anim = new TranslateAnimation(0, 0, contentView.getTop(), originalRect.top);

        anim.setDuration(ANIM_TIME);

        contentView.startAnimation(anim);

// 设置回到正常的布局位置

        contentView.layout(originalRect.left, originalRect.top, originalRect.right, originalRect.bottom);

// 将标志位设回false

        canPullDown = false;

        canPullUp = false;

        isMoved = false;

    }

    /**
     * 判断是否滚动到顶部
     */

    private boolean isCanPullDown() {

        return getScrollY() == 0 || contentView.getHeight() < getHeight() + getScrollY();

    }

    /**
     * 判断是否滚动到底部
     */

    private boolean isCanPullUp() {

        return contentView.getHeight() <= getHeight() + getScrollY();

    }
}
2.main方法
public class MainActivity extends Activity{
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}
3.结局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".MainActivity">


    <mynot.xiaolung.example.packagecom.qiulung.UserDefineScrollView

        android:id="@+id/set_scrollview"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:fadingEdge="none"

        android:focusable="false"

        android:overScrollMode="never"

        android:scrollbars="none">
<LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_gravity="center_horizontal"
    android:layout_height="wrap_content">
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
    android:layout_width="50dp"
    android:layout_height="80dp"
    android:textSize="18sp"
    android:text="123"/>
    <TextView
    android:layout_width="50dp"
    android:layout_height="80dp"
    android:textSize="18sp"
    android:text="123"/>
    <TextView
    android:layout_width="50dp"
    android:layout_height="80dp"
    android:textSize="18sp"
    android:text="123"/>
    <TextView
    android:layout_width="50dp"
    android:layout_height="80dp"
    android:textSize="18sp"
    android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
    <TextView
        android:layout_width="50dp"
        android:layout_height="80dp"
        android:textSize="18sp"
        android:text="123"/>
</LinearLayout>
    </mynot.xiaolung.example.packagecom.qiulung.UserDefineScrollView>
</LinearLayout>


xiaolung菜菜鸟
关注
弹性ScrollView
02-22
弹性ScrollView，对应博文:http://blog.csdn.net/smarticeberg/article/details/50717460
弹性SCrollView
wqewq19的博客
06-07 332
传承者（Inheritors）打造共同进步生态圈！！！转载public class ReboundScrollView extends ScrollView { //移动因子, 是一个百分比, 比如手指移动了100px, 那么View就只移动50px //目的是达到一个延迟的效果 private static final float MOVE_FACTOR = 0.5f;
QML ScrollView 实现自动滚动到底部
最新发布
weixin_43808708的博客
08-22 412
先看效果,每当有新的日志,会自动添加到Text中,主要实现了ScrollView自动滑动到底部,显示最新的日志。
仿ios滚动 有弹性的ScrollView
dy12011023的专栏
04-13 494
import android.content.Context; import android.graphics.Rect; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.view.animation.TranslateA
弹性scrollview
等风来的博客
02-18 678
弹性scrollview 第一个子item是图片，随着下拉图片有弹性变化。
Android ScrollView实现下拉弹回动画效果
08-29
总结来说，Android中的SpringScrollView实现下拉弹回动画效果主要是通过自定义ScrollView，重写onTouchEvent()方法，监听用户的触摸事件，计算滑动距离，并在松手时通过TranslateAnimation实现内容的弹回。...
实现下拉弹回动画的6页ScrollView教程
资源摘要信息: 在这份标题为"下拉后...如果文件中有关于赚钱项目的具体信息，那么可能是在讨论如何结合实际的商业应用来设计和实现这样的动画效果，或者是在讲解该动画效果在提升用户体验方面如何应用到赚钱项目中。
个人中心下拉弹回scrollview
09-13
总结来说，"个人中心下拉弹回scrollview"是一个通过自定义`ScrollView`实现的交互效果，它涉及到Android触摸事件处理、动画系统以及弹性物理模型的应用。通过这样的设计，开发者可以为用户提供更加生动有趣的界面...
有弹性的ScrollView
01-24
有弹性的ScrollView.
带弹性的ScrollView效果
11-03
使用XListView做出的弹性ScrollView效果，代码虽然有点变态，但是和iOs的弹性效果非常接近，是目前遇到过最好的弹性效果，看到咕咚运动是这样的效果，估计就是这样干出来的吧，倒是有点曲线救国的意思了，有兴趣的朋友可以看看。
自定义拉到顶部和底部具有弹性ScrollView，支持下拉上拉弹性
12-20
自定义拉到顶部和底部具有弹性ScrollView，支持下拉上拉弹性
自定义弹性scrollviewDemo
08-14
自定义弹性scrollview实现下拉弹回和上拉弹回，类似于下拉刷新的效果
微信小程序scroll-view实现横向滚动和上拉加载示例
12-09
今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方。 先看最终效果。 横向滚动 1.设置滚动项display：inline-block; 2.设置滚动视图容器white-space: nowrap; 3.滚动项不要用float 为什么会有以上三点要求呢？ 其实横向滚动官方文档中是没有做太多说明的，只说明需要定义scroll-view滚动方向scroll-x=true允许横向滚动，但是我在实践的时候我发现，你要横向滚动，首先你得是一排吧。所以才发现需要定义滚动项及容器的一些属性，浮动是不能让所有的滚动项一排显示的。 上拉加载 代码如下: <
Android 弹性ScrollView
w119214972的专栏
07-06 1009
（参考了别人的代码） 实现类似IPad上的弹性scrollview的效果。 主要的实现思路：因为scrollview只能有一个子view，所以很容易通过scrollview子view的宽度和滑动偏移量来实现滑动动画。 代码： /**  * SpringScrollView有弹性的ScrollView  */ public class SpringScrollView extends
android 弹性scrollview,Android自定义控件（二）——有弹性的ScrollView
weixin_33952612的博客
05-29 294
实现了当手指滑动到ScrollView的顶部、底部时，可以继续的向上、向下拉伸。当释放手指的时候，向上、下弹回。效果如图所示： 主要代码：public class ElasticScrollView extends ScrollView {private View inner;private float y;private Rect normal = new Rect();private bool...
android 弹性view,Android自定义弹性ScrollView
weixin_39877182的博客
05-27 164
Android自定义弹性ScrollView总结了下最近写的弹性ScrollView，如下代码主要是通过触摸事件加动态更改布局实现的弹性ScrollView，具体分析都在注解中！package ljh.android.view;import android.content.Context;import android.graphics.Rect;import android.util.Attrib...
Android 弹性ScrollviewDemo
shuaizhigen的博客
09-28 267
传送门https://github.com/RegonBlack/FlexibleScrollView
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值