美文网首页
View滑动

View滑动

作者: Tom_Ji | 来源:发表于2018-12-10 19:10 被阅读15次

    通过三种方式可以实现view的滑动:

    • 通过View本身提供的scrollTo/scrollBy方法
    • 通过动画给View施加平移效果来实现滑动
    • 通过改变View的LayoutParams使得View重新布局从而实现滑动

    使用scrollTo/scrollBy

    View提供了scrollTo/scrollBy方法来实现滑动,这两个方法在源码中如下:

       /**
         * Set the scrolled position of your view. This will cause a call to
         * {@link #onScrollChanged(int, int, int, int)} and the view will be
         * invalidated.
         * @param x the x position to scroll to
         * @param y the y position to scroll to
         */
        public void scrollTo(int x, int y) {
            if (mScrollX != x || mScrollY != y) {
                int oldX = mScrollX;
                int oldY = mScrollY;
                mScrollX = x;
                mScrollY = y;
                invalidateParentCaches();
                onScrollChanged(mScrollX, mScrollY, oldX, oldY);
                if (!awakenScrollBars()) {
                    postInvalidateOnAnimation();
                }
            }
        }
    
        /**
         * Move the scrolled position of your view. This will cause a call to
         * {@link #onScrollChanged(int, int, int, int)} and the view will be
         * invalidated.
         * @param x the amount of pixels to scroll by horizontally
         * @param y the amount of pixels to scroll by vertically
         */
        public void scrollBy(int x, int y) {
            scrollTo(mScrollX + x, mScrollY + y);
        }
    
    

    源码的查看可以在androidStudio中写一下scrollTo,点击跳转就可以了看到了。从源码中可以看到,scrollBy实际上也是调用了scrollTo方法。scrollBy实现了基于当前位置的相对滑动,scrollTo实现了基于所传递参数的绝对滑动。

    View边缘 View的位置,由四个顶点组成
    View内容边缘 View中的内容的边缘

    在滑动过程中,mScrollX的值总是等于View左边缘和View内容左边缘在水平方向的距离;mScrollY的值总是等于View上边缘和View内容上边缘在竖直方向的距离。scrollToscrollBy只能改变View内容的位置,而不能改变View在布局中的位置mScrollXmScrollY的单位为像素。如果从左往右滑动,mScrollX为负值,从上往下滑动,mScrollY为负值。

    使用动画

    使用动画来移动View,主要是操作View的translationXtranslationY属性,既可以采用传统的View动画,也可以采用属性动画。

    采用View动画的代码如下,在100ms内,将一个View从原始位置向右下角移动100像素。动画文件放到anim文件夹下。

    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android"
         android:fillAfter="true"
         android:zAdjustment="normal">
    
        <translate
            android:fromXDelta="0"
            android:fromYDelta="0"
            android:toXDelta="100"
            android:toYDelta="100"
            android:duration="100"
            android:intepolator="@android:anim/linear_interpolator"
            />
    
    </set>
    

    android:intepolator表示所使用的插值器,这里使用的是线性插值器,其他的效果可以参考如下链接。

    插值器效果

    View动画是对View的影像做操作,它并不能真正改变View的位置参数,如果希望动画后的状态得以保留,则需要将fillAfter设置为true,否则动画完成后其动画结果会消失。

    使用属性动画的代码实现水平方向平移100像素的效果

    View view = new TextView(mContext);
    ObjectAnimator.ofFloat(view,"translationX",0,100).setDuration(100).start();
    

    改变布局参数

    即改变LayoutParams。示例代码如下:

    
            ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) mHello.getLayoutParams();
            params.width += 100;
            params.leftMargin += 100;
            mHello.requestLayout();
            //或者使用下面的方法
            mHello.setLayoutParams(params);
    

    各种滑动方式的对比

    scrollTo/scrollByView提供的原生方法,它可以比较方便的实现滑动并且不影响内部元素的点击事件。但是只能滑动View的内容,不能移动View本身。

    动画,如果动画元素不需要响应用户的交互,那么使用动画来做滑动是比较合适的。但是一些复杂的效果必须要通过动画才能实现。

    改变布局参数,主要适用对象是一些具有交互性的View

    总结如下:

    • scrollTo/scrollBy:操作简单,适合对 View 内容的滑动;
    • 动画:操作简单,主要适用于没有交互的 View 和实现复杂的动画效果;
    • 改变布局参数:操作稍微复杂,适用于有交互的 View 。

    相关文章

      网友评论

          本文标题:View滑动

          本文链接:https://www.haomeiwen.com/subject/homdhqtx.html