《Android开发艺术探索》自定义View中关于“HorizontalScrollViewEx”的改进

最新推荐文章于 2024-05-30 09:57:31 发布
最新推荐文章于 2024-05-30 09:57:31 发布
阅读量228 收藏 1
点赞数
分类专栏： android 文章标签： android java android studio web app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39290394/article/details/114257723
版权

在《Android开发艺术探索》一书中自定义View一节中提到了关于一个类似横向滑动List的自定义ViewGroup：HorizontalScrollViewEx。如果你使用过的话就会发现，使用起来十分别扭。下面就是其原代码：

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Scroller;

public class HorizontalScrollViewEx extends ViewGroup {
    private static final String TAG = "HorizontalScrollViewEx";

    private int mChildrenSize;
    private int mChildWidth;
    private int mChildIndex;

    // 分别记录上次滑动的坐标
    private int mLastX = 0;
    private int mLastY = 0;
    // 分别记录上次滑动的坐标(onInterceptTouchEvent)
    private int mLastXIntercept = 0;
    private int mLastYIntercept = 0;

    private Scroller mScroller;
    private VelocityTracker mVelocityTracker;

    public HorizontalScrollViewEx(Context context) {
        super(context);
        init();
    }

    public HorizontalScrollViewEx(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public HorizontalScrollViewEx(Context context, AttributeSet attrs,
            int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    private void init() {
        mScroller = new Scroller(getContext());
        mVelocityTracker = VelocityTracker.obtain();
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        boolean intercepted = false;
        int x = (int) event.getX();
        int y = (int) event.getY();

        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN: {
            intercepted = false;
            if (!mScroller.isFinished()) {
                mScroller.abortAnimation();
                intercepted = true;
            }
            break;
        }
        case MotionEvent.ACTION_MOVE: {
            int deltaX = x - mLastXIntercept;
            int deltaY = y - mLastYIntercept;
            if (Math.abs(deltaX) > Math.abs(deltaY)) {
                intercepted = true;
            } else {
                intercepted = false;
            }
            break;
        }
        case MotionEvent.ACTION_UP: {
            intercepted = false;
            break;
        }
        default:
            break;
        }

        Log.d(TAG, "intercepted=" + intercepted);
        mLastX = x;
        mLastY = y;
        mLastXIntercept = x;
        mLastYIntercept = y;

        return intercepted;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        mVelocityTracker.addMovement(event);
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN: {
            if (!mScroller.isFinished()) {
                mScroller.abortAnimation();
            }
            break;
        }
        case MotionEvent.ACTION_MOVE: {
            int deltaX = x - mLastX;
            int deltaY = y - mLastY;
            scrollBy(-deltaX, 0);
            break;
        }
        case MotionEvent.ACTION_UP: {
            int scrollX = getScrollX();
            int scrollToChildIndex = scrollX / mChildWidth;
            mVelocityTracker.computeCurrentVelocity(1000);
            float xVelocity = mVelocityTracker.getXVelocity();
            if (Math.abs(xVelocity) >= 50) {
                mChildIndex = xVelocity > 0 ? mChildIndex - 1 : mChildIndex + 1;
            } else {
                mChildIndex = (scrollX + mChildWidth / 2) / mChildWidth;
            }
            mChildIndex = Math.max(0, Math.min(mChildIndex, mChildrenSize - 1));
            int dx = mChildIndex * mChildWidth - scrollX;
            smoothScrollBy(dx, 0);
            mVelocityTracker.clear();
            break;
        }
        default:
            break;
        }

        mLastX = x;
        mLastY = y;
        return true;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int measuredWidth = 0;
        int measuredHeight = 0;
        final int childCount = getChildCount();
        measureChildren(widthMeasureSpec, heightMeasureSpec);

        int widthSpaceSize = MeasureSpec.getSize(widthMeasureSpec);
        int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightSpaceSize = MeasureSpec.getSize(heightMeasureSpec);
        int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        if (childCount == 0) {
            setMeasuredDimension(0, 0);
        } else if (heightSpecMode == MeasureSpec.AT_MOST) {
            final View childView = getChildAt(0);
            measuredHeight = childView.getMeasuredHeight();
            setMeasuredDimension(widthSpaceSize, childView.getMeasuredHeight());
        } else if (widthSpecMode == MeasureSpec.AT_MOST) {
            final View childView = getChildAt(0);
            measuredWidth = childView.getMeasuredWidth() * childCount;
            setMeasuredDimension(measuredWidth, heightSpaceSize);
        } else {
            final View childView = getChildAt(0);
            measuredWidth = childView.getMeasuredWidth() * childCount;
            measuredHeight = childView.getMeasuredHeight();
            setMeasuredDimension(measuredWidth, measuredHeight);
        }
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int childLeft = 0;
        final int childCount = getChildCount();
        mChildrenSize = childCount;

        for (int i = 0; i < childCount; i++) {
            final View childView = getChildAt(i);
            if (childView.getVisibility() != View.GONE) {
                final int childWidth = childView.getMeasuredWidth();
                mChildWidth = childWidth;
                childView.layout(childLeft, 0, childLeft + childWidth,
                        childView.getMeasuredHeight());
                childLeft += childWidth;
            }
        }
    }

    private void smoothScrollBy(int dx, int dy) {
        mScroller.startScroll(getScrollX(), 0, dx, 0, 500);
        invalidate();
    }

    @Override
    public void computeScroll() {
        if (mScroller.computeScrollOffset()) {
            scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            postInvalidate();
        }
    }

    @Override
    protected void onDetachedFromWindow() {
        mVelocityTracker.recycle();
        super.onDetachedFromWindow();
    }
}

而利用书中提到的使用动画来实现平滑滑动的话，体验会好很多，下面是我改进的代码，主要修改了：smoothScrollBy(int dx, int dy)这个函数，读者可自行比较，以做学习参考：

import android.animation.ValueAnimator;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.DecelerateInterpolator;
import android.widget.Scroller;

public class HorizontalScrollViewEx extends ViewGroup {
    private static final String TAG = "HorizontalScrollViewEx";

    private int mChildrenSize;
    private int mChildWidth;
    private int mChildIndex;

    // 分别记录上次滑动的坐标
    private int mLastX = 0;
    private int mLastY = 0;
    // 分别记录上次滑动的坐标(onInterceptTouchEvent)
    private int mLastXIntercept = 0;
    private int mLastYIntercept = 0;

    private Scroller mScroller;
    private VelocityTracker mVelocityTracker;
    ValueAnimator animator;

    public HorizontalScrollViewEx(Context context) {
        super(context);
        init();
    }

    public HorizontalScrollViewEx(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public HorizontalScrollViewEx(Context context, AttributeSet attrs,
                                  int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    private void init() {
        mScroller = new Scroller(getContext());
        mVelocityTracker = VelocityTracker.obtain();
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        boolean intercepted = false;
        int x = (int) event.getX();
        int y = (int) event.getY();

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN: {
                intercepted = false;
                if (!mScroller.isFinished()) {
                    mScroller.abortAnimation();
                    intercepted = true;
                }
                break;
            }
            case MotionEvent.ACTION_MOVE: {
                int deltaX = x - mLastXIntercept;
                int deltaY = y - mLastYIntercept;
                if (Math.abs(deltaX) > Math.abs(deltaY)) {
                    intercepted = true;
                } else {
                    intercepted = false;
                }
                break;
            }
            case MotionEvent.ACTION_UP: {
                intercepted = false;
                break;
            }
            default:
                break;
        }

        Log.d(TAG, "intercepted=" + intercepted);
        mLastX = x;
        mLastY = y;
        mLastXIntercept = x;
        mLastYIntercept = y;

        return intercepted;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        mVelocityTracker.addMovement(event);
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN: {
                if(animator != null){
                    if(animator.isRunning()){
                        animator.cancel();
                    }
                }

                break;
            }
            case MotionEvent.ACTION_MOVE: {
                int deltaX = x - mLastX;
                int deltaY = y - mLastY;
                scrollBy(-deltaX, 0);
                break;
            }

            case MotionEvent.ACTION_UP: {
                int scrollX = getScrollX();
                int scrollToChildIndex = scrollX / mChildWidth;
                mVelocityTracker.computeCurrentVelocity(1000);
                float xVelocity = mVelocityTracker.getXVelocity();
                if (Math.abs(xVelocity) >= 50) {
                    //根据速度来决定要移动多少个Child，这里是500，可以调整
                    mChildIndex = mChildIndex - (int)xVelocity/500;
                } else {
                    mChildIndex = (scrollX + mChildWidth / 2) / mChildWidth;
                }
                mChildIndex = Math.max(0, Math.min(mChildIndex, mChildrenSize - 1));
                int dx = mChildIndex * mChildWidth - scrollX;
                smoothScrollBy(dx, 0);
                mVelocityTracker.clear();
                break;
            }
            default:
                break;
        }

        mLastX = x;
        mLastY = y;
        return true;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int measuredWidth = 0;
        int measuredHeight = 0;
        final int childCount = getChildCount();
        measureChildren(widthMeasureSpec, heightMeasureSpec);

        int widthSpaceSize = MeasureSpec.getSize(widthMeasureSpec);
        int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightSpaceSize = MeasureSpec.getSize(heightMeasureSpec);
        int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        if (childCount == 0) {
            setMeasuredDimension(0, 0);
        } else if (heightSpecMode == MeasureSpec.AT_MOST) {
            final View childView = getChildAt(0);
            measuredHeight = childView.getMeasuredHeight();
            setMeasuredDimension(widthSpaceSize, childView.getMeasuredHeight());
        } else if (widthSpecMode == MeasureSpec.AT_MOST) {
            final View childView = getChildAt(0);
            measuredWidth = childView.getMeasuredWidth() * childCount;
            setMeasuredDimension(measuredWidth, heightSpaceSize);
        } else {
            final View childView = getChildAt(0);
            measuredWidth = childView.getMeasuredWidth() * childCount;
            measuredHeight = childView.getMeasuredHeight();
            setMeasuredDimension(measuredWidth, measuredHeight);
        }
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int childLeft = 0;
        final int childCount = getChildCount();
        mChildrenSize = childCount;

        for (int i = 0; i < childCount; i++) {
            final View childView = getChildAt(i);
            if (childView.getVisibility() != View.GONE) {
                final int childWidth = childView.getMeasuredWidth();
                mChildWidth = childWidth;
                childView.layout(childLeft, 0, childLeft + childWidth,
                        childView.getMeasuredHeight());
                childLeft += childWidth;
            }
        }
    }

    private void smoothScrollBy(int dx, int dy) {
        int startX = getScrollX();
        animator = ValueAnimator.ofInt(0, 1).setDuration(Math.abs(dx));
        animator.setInterpolator(new DecelerateInterpolator());
        animator.addUpdateListener(animation -> {
            float fraction = animation.getAnimatedFraction();
            scrollTo(startX + (int)(dx*fraction), 0);
        });
        animator.start();
        invalidate();
    }


    @Override
    protected void onDetachedFromWindow() {
        mVelocityTracker.recycle();
        super.onDetachedFromWindow();
    }
}
Chester Chai
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
View的工作原理
aha_jasper的博客
11-26 203
View的工作原理4.1 初识ViewRoot和DecorView4.2 理解MeasureSpec4.2.1 MeasureSpec4.2.2 MeasureSpec和LayoutParams的对应关系4.3 View的工作流程4.3.1 measure过程1. View的measure过程2. ViewGroup的measure过程4.3.2 layout过程4.3.3 draw过程4.4 自定义View4.4.1 自定义View的分类4.4.2 自定义View须知4.4.3 自定义View示例4.4.
HorizontalScrollViewEx.zip
10-01
自定义 ViewPager 详细请见 http://blog.csdn.net/akaic/article/details/52713687 详细介绍了 滑动冲突的解决以及常见的滑动冲突
自定义ViewGroup容器HorizontalScrollViewEx
liuqinhou的博客
07-19 196
viewgroup的工作原理
Android，自定义HorizontalScrollView，更简单地实现分页效果
12-11
Android，自定义ScrollView，实现分页效果。利用此资源，可以灵活改变页宽、触发翻页的条件等。 本例中采用ScrollView自己的smoothScrollTo方法实现平滑过度效果。
Android7.0中文文档（API) -- HorizontalScrollView
应公子的专栏
06-08 2581
Android7.0中文文档（API) -- HorizontalScrollView
扩展HorizontalScrollView实现整个屏幕滚动
Android小子的博客笔记
07-17 921
import java.lang.reflect.Field; import android.content.Context; import android.util.AttributeSet; import android.view.animation.AnimationUtils; import android.view.animation.Interpolator; im
HorizontalScrollViewEX.zip
01-14
在Android开发中，有时我们需要创建具有特殊功能或行为的视图，这通常通过自定义View来实现。"HorizontalScrollViewEX.zip"中的项目就是一个这样的例子，它扩展了Android原生的HorizontalScrollView，使得用户可以在...
android中左右滑屏的实现（广告位banner组件）.doc
07-08
在Android开发中，实现左右滑屏的广告位（通常称为Banner组件）是一个常见的需求，它允许用户通过手势在多个视图之间切换，通常用于展示广告或者轮播信息。以下是对这个话题的详细解释： 首先，Banner组件的核心是...
HorizontalScrollView的简单使用
fuxuanyang的博客
09-05 1973
有时候我们会碰到如果一张图片过于大，而我们又不想拉伸该图片，我们就可以使用HorizontalScrollView，水平滑动图片。它的原理也很简单，就是一个控件而已，以下是使用情况 <HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="
Android PullZoomView：PullToZoomScrollViewEx（2）
Zhang Phil
12-07 4485
 Android PullZoomView：PullToZoomScrollViewEx（2） 在附录文章1中，介绍了Android PullZoomView在ListView中的实现：PullToZoomListViewEx，事实上，Android PullZoomView亦可在ScrollView实现，Android PullZoomView在ScrollView的实现是：PullTo
PullToZoomScrollViewEx 下拉放大图片处理类
夜观星空的博客
05-11 3920
参考 http://www.open-open.com/lib/view/open1432175568239.html 效果 实现了下拉放大头部图片，内容区，和 head_view 尺寸不变 自定义PullToZoomScrollViewEx 使用方法：这里是将该View 添加到碎片中显示的。 package xiaoxu.com.lifeservice.frag; import android.c
探索高效与灵活：Unity的ScrollView与ScrollViewEx开源组件
最新发布
gitblog_00024的博客
05-30 438
探索高效与灵活：Unity的ScrollView与ScrollViewEx开源组件 UnityDynamicScrollViewDynamic scrollView based on UGUI项目地址:https://gitcode.com/gh_mirrors/un/UnityDynamicScrollView 在开发2D和3D游戏或者构建交互式应用时，处理大量的动态列表通常是一项挑战。这正是...
Android 自定义 HorizontalScrollView 打造再多图片（控件）也不怕 OOM 的横向滑动效果...
weixin_30516243的博客
07-26 883
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/38140505自从Gallery被谷歌废弃以后，Google推荐使用ViewPager和HorizontalScrollView来实现Gallery的效果。的确HorizontalScrollView可以实现Gallery的效果，但是HorizontalScrollView存在...
横向滑动视图HorizontalScrollView精炼详解
Chin_Style的博客
05-01 3万+
一、前期基础知识储备 由于移动设备物理显示空间一般有限，不可能一次性的把所有要显示的内容都显示在屏幕上。所以各大平台一般会提供一些可滚动的视图来向用户展示数据。Android平台框架中为我们提供了诸如ListView、GirdView、ScrollView、RecyclerView等滚动视图控件，这几个视图控件也是我们平常使用最多的。本节内容我们来分析一下横向滚动视图Horizonta...
Android中使用HorizontalScrollView横向滑动布局
热门推荐
RickyXE
12-05 3万+
在Android中，ListView通常用来实现纵向滚动的列表，而HorizontalScrollView则可以实现横向滚动的列表项。引入HorizontalScrollView控件很简单，例如在一个LinearLayout中：<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tool
HorizontalScrollView入门技术
big_fff的博客
06-23 2604
HorizontalScrollView是一个滚动视图,可以帮助我们实现菜单栏之类的方法,实现左滑动右滑动.常用于做一些APP的导航条,那么我们如何进行实现呢?首先肯定是声明布局,做一个示范:(这是在一个相对布局中做的 上面是我们的HorizontalScrollView,下面是一个可以滑动的ViewPager)实现了布局,接下来就该声明控件的ID以及一些数据的声明,(我的数据是自定义的)    ...
android中文api(85)——HorizontalScrollView
weixin_33751566的博客
01-10 239
前言 　　本章内容是android.widget.HorizontalScrollView，译为"横向滚动条"，版本为Android 2.3 r1，翻译来自"Tina"，感谢"Tina"为大家带来精彩的翻译稿 ！期待你加入Android API 中文的翻译，联系我over140@gmail.com。   声明 　　欢迎转载，但请保留文章原始出处:)   　　　　农民伯伯：http...
用ListView+自定义的HorizontalScrollView实现滑动删除效果
gu_solo的博客
06-09 1583
先给出效果图，但是不会弄动画。。。所以给出了三张图 效果就这样，滑动非常流畅，ok首先来讲讲原理，ListView+HorizontalScrollView的组合，listView中的美个item的内容就是HorizontalScrollView，注意我这里使用的自定义HorizontalScrollView，具体效果小伙伴们跑起来就知道了 首先写好布局文件，一共4个，主布局m
解决Android滑动事件冲突的两种方法
"这篇文章主要探讨了在Android开发中如何解决滑动事件冲突的问题，特别是针对ScrollView、ListView和ViewPager等组件的嵌套使用时可能出现的冲突。文中提到了两种解决冲突的方法：外部拦截法和子视图判断法。" 在...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值