View滑动

2018-12-10  本文已影响15人  Tom_Ji

通过三种方式可以实现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

总结如下:

上一篇下一篇

猜你喜欢

热点阅读