android ScrollView实现水平滑动回弹

 更新时间:2022年04月18日 17:11:55   作者:球球_2014  
这篇文章主要为大家详细介绍了android ScrollView实现水平滑动回弹,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了android ScrollView实现水平滑动回弹的具体代码,供大家参考,具体内容如下

在研究了View的一些属性之后做了个Scroll的水平滑动回弹。

效果图:

主要代码:

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;
 
/**
 * ScrollView水平滑动回弹
 * 
 * @author qhg
 * @date 2014年3月12日
 * 
 */
public class MHorizontalScrollView extends HorizontalScrollView {
 
    private View view;
    /**
     * 移动时的增量
     */
    private static final int deltaX = 1;
    private Rect normalRt = new Rect();
 
    public MHorizontalScrollView(Context context) {
        super(context);
    }
 
    public MHorizontalScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
 
    /**
     * 在xml布局执行完后执行此方法
     */
    protected void onFinishInflate() {
        if (getChildCount() > 0) {
            view = getChildAt(0);
        }
    }
 
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (view != null) {
            onTouchEventImpl(event);
        }
        return super.onTouchEvent(event);
    }
 
    private void onTouchEventImpl(MotionEvent event) {
        switch (event.getAction()) {
        case MotionEvent.ACTION_MOVE:
            // 在当前视图内容继续偏移(x , y)个单位,显示(可视)区域也跟着偏移(x,y)个单位
            scrollBy(deltaX, 0);
            // 当滚动到最左或最右时就不会再滚动,这时移动布局达到回弹效果
            if (isLayoutMove()) {
                if (normalRt.isEmpty()) {
                    // 保存当前正常的布局位置,拉过头才能回弹到正常位置
                    normalRt.set(view.getLeft(), view.getTop(),
                            view.getRight(), view.getBottom());
 
                }
                // 移动布局
                view.layout(view.getLeft() - deltaX, view.getTop(),
                        view.getRight() - deltaX, view.getBottom());
            }
            break;
        case MotionEvent.ACTION_UP:
            if (isNeedAnimation()) {
                animationImpl();
            }
            break;
        default:
            break;
        }
    }
 
    /**
     * 动画移动
     */
    private void animationImpl() {
        // 移动动画
        TranslateAnimation ta = new TranslateAnimation(view.getLeft(),
                normalRt.left, 0, 0);
        // 动画持续时间
        ta.setDuration(50);
        view.startAnimation(ta);
        // 设置回到当前正常的布局位置
        view.layout(normalRt.left, normalRt.top, normalRt.right,
                normalRt.bottom);
        normalRt.setEmpty();
    }
 
    /**
     * 是否需要开启动画
     * 
     * @return
     */
    private boolean isNeedAnimation() {
        return !normalRt.isEmpty();
    }
 
    /**
     * 是否需要移动布局
     * 
     * @return
     */
    private boolean isLayoutMove() {
        int offset = view.getMeasuredWidth() - getWidth();
        if (offset <= 0) {
            return false;
        }
        // 上面已固定deltaX=1,scrollX永远等于1所以向右拉不动
        // 但当向左拉动到内容布局的最右端时scrollX == offset时还可以继续拉动
        int scrollX = getScrollX();
        if (scrollX == 0 || scrollX == offset) {
            return true;
        }
        return false;
    }
 
}

在xml布局文件里直接使用:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" 
    android:background="@drawable/background"
    >
 
    <cn.qhg.MHorizontalScrollView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:scrollbars="none" 
        >
 
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="horizontal" 
            android:paddingTop="100dp"
            android:id="@+id/ll_test"
            android:onClick="test"
            >
 
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/house_1" 
                android:layout_marginRight="40dp"
                />
 
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/house_4" 
                android:layout_marginRight="40dp"
                />
 
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/house_2"
                android:layout_marginRight="40dp"
                 />
 
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/house_3"
                android:layout_marginRight="40dp"
                 />
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/house_1" 
                android:layout_marginRight="40dp"
                />
 
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/house_4" 
                android:layout_marginRight="40dp"
                />
 
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/house_2"
                android:layout_marginRight="40dp"
                 />
 
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/house_3"
                android:layout_marginRight="40dp"
                 />
            <!-- 使右边多空一点 -->
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="20dp"
                 />
        </LinearLayout>
    </cn.qhg.MHorizontalScrollView>
 
</LinearLayout>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 详解Android业务组件化之URL Schema使用

    详解Android业务组件化之URL Schema使用

    这篇文章主要为大家详细介绍了Android业务组件化之URL Schema使用,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 深入浅析Android Fragment(下篇)

    深入浅析Android Fragment(下篇)

    本篇文章给大家介绍如何管理Fragment回退栈,Fragment如何与Activity交互,Fragment与Activity交互的最佳实践,没有视图的Fragment的用处,使用Fragment创建对话框,如何与ActionBar,MenuItem集成,对Android Fragment感兴趣的朋友可以参考下本篇文章
    2015-10-10
  • Android开发实现Launcher3应用列表修改透明背景的方法

    Android开发实现Launcher3应用列表修改透明背景的方法

    这篇文章主要介绍了Android开发实现Launcher3应用列表修改透明背景的方法,结合实例形式分析了Launcher3相关配置文件与功能函数修改设置操作技巧,需要的朋友可以参考下
    2017-11-11
  • Android 双击返回键退出程序的方法总结

    Android 双击返回键退出程序的方法总结

    这篇文章主要介绍了Android 双击返回键退出程序的方法总结的相关资料,需要的朋友可以参考下
    2017-06-06
  • Android实现带有进度条的按钮效果

    Android实现带有进度条的按钮效果

    这篇文章主要为大家详细介绍了Android实现带有进度条的按钮效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • Android开发之TabActivity用法实例详解

    Android开发之TabActivity用法实例详解

    这篇文章主要介绍了Android开发之TabActivity用法,结合实例形式较为详细的分析了Android扩展Activity实现标签页效果的具体步骤与相关技巧,需要的朋友可以参考下
    2016-03-03
  • Android编程实现动态支持多语言的方法

    Android编程实现动态支持多语言的方法

    这篇文章主要介绍了Android编程实现动态支持多语言的方法,涉及Android资源、控件及属性相关操作技巧,需要的朋友可以参考下
    2017-06-06
  • 深入分析Android NFC技术 android nfc开发

    深入分析Android NFC技术 android nfc开发

    本篇文章我们对android开发中nfc技术做了全面的原理分析以及实现过程,需要的读者们一起参考一下吧。
    2017-11-11
  • Kotlin Service实现消息推送通知过程

    Kotlin Service实现消息推送通知过程

    这几天分析了一下的启动过程,于是乎,今天写一下Service使用; 给我的感觉是它并不复杂,千万不要被一坨一坨的代码吓住了,虽然弯弯绕绕不少,重载函数一个接着一个,就向走迷宫一样,但只要抓住主线阅读,很快就能找到出口
    2022-12-12
  • Android 仿摩拜单车共享单车进度条实现StepView效果

    Android 仿摩拜单车共享单车进度条实现StepView效果

    这篇文章主要介绍了android 仿摩拜单车共享单车进度条实现StepView效果的实例,通过定义五个状态,分别为:为完成、正在进行、已完成、终点完成、终点未完成。具体实现代码,大家参考下
    2017-03-03

最新评论