ViewPager在实现gallery时PageTransformer初始不生效问题解决

最新推荐文章于 2024-06-22 09:39:46 发布

LiteHeaven

最新推荐文章于 2024-06-22 09:39:46 发布

阅读量1.4k

点赞数 2

分类专栏： android

本文链接：https://blog.csdn.net/starry_eve/article/details/99824450

版权

android 专栏收录该内容

64 篇文章 1 订阅

订阅专栏

本文解决ViewPager在实现gallery时，PageTransformer特效需要滑动一下才能生效的问题。

ViewPager版本:androidx-1.0.0。

复现问题前先复习下ViewPager实现gallery的方法：

ViewPager可以实现gallery效果，核心代码就是把ViewPager及其父View的clipChild设置为false，使ViewPager的子view可以超出ViewPager的范围：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipChildren="false">

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/vp_gallery"
        android:layout_width="240dp"
        android:layout_height="240dp"
        android:layout_gravity="center_horizontal"
        android:clipChildren="false"/>

</FrameLayout>

为了给gallery加入动效，需要使用PagerTransformer（PagerTransformer细节不再赘述，本例中两侧的视图会进行拉伸）；为了左右两边的视图都能同时实例化，设置offScreenPageLimit：

        vpGallery.setOffscreenPageLimit(3);
        vpGallery.setPageTransformer(false, new ViewPager.PageTransformer(){
            @Override
            public void transformPage(@NonNull View page, float position) {
                float scale = 1 - Math.abs(position) * .2f;
                page.setScaleX(scale);
                page.setScaleY(scale);
            }
        }, View.LAYER_TYPE_NONE);

问题的现象：

ViewPager初始化之后PagerTransformer不会把两侧的View变小，只有拖动之后才能使其生效。

思路：

既然初始时有问题，拖动时没问题，必然是transformPage回调情况存在差异，找出这种差异就能解决初始的问题。

追踪：

首先是拖动时，transformPage方法回调正常，对于位于两侧的View，其position参数不为0，保证这两个View的尺寸产生拉伸效果。

初始化时，追踪PagerTransformer的调用栈情况：

发现transformPage被回调时position参数都为0，再向上追踪到ViewPager的onPageScrolled方法，代码如下：

    @CallSuper
    protected void onPageScrolled(int position, float offset, int offsetPixels) {
        // Offset any decor views if needed - keep them on-screen at all times.
        if (mDecorChildCount > 0) {
            final int scrollX = getScrollX();
            int paddingLeft = getPaddingLeft();
            int paddingRight = getPaddingRight();
            final int width = getWidth();
            final int childCount = getChildCount();
            for (int i = 0; i < childCount; i++) {
                final View child = getChildAt(i);
                final LayoutParams lp = (LayoutParams) child.getLayoutParams();
                if (!lp.isDecor) continue;

                final int hgrav = lp.gravity & Gravity.HORIZONTAL_GRAVITY_MASK;
                int childLeft = 0;
                switch (hgrav) {
                    default:
                        childLeft = paddingLeft;
                        break;
                    case Gravity.LEFT:
                        childLeft = paddingLeft;
                        paddingLeft += child.getWidth();
                        break;
                    case Gravity.CENTER_HORIZONTAL:
                        childLeft = Math.max((width - child.getMeasuredWidth()) / 2,
                                paddingLeft);
                        break;
                    case Gravity.RIGHT:
                        childLeft = width - paddingRight - child.getMeasuredWidth();
                        paddingRight += child.getMeasuredWidth();
                        break;
                }
                childLeft += scrollX;

                final int childOffset = childLeft - child.getLeft();
                if (childOffset != 0) {
                    child.offsetLeftAndRight(childOffset);
                }
            }
        }

        dispatchOnPageScrolled(position, offset, offsetPixels);

        if (mPageTransformer != null) {
            final int scrollX = getScrollX();
            final int childCount = getChildCount();
            for (int i = 0; i < childCount; i++) {
                final View child = getChildAt(i);
                final LayoutParams lp = (LayoutParams) child.getLayoutParams();

                if (lp.isDecor) continue;
                final float transformPos = (float) (child.getLeft() - scrollX) / getClientWidth();
                mPageTransformer.transformPage(child, transformPos);
            }
        }

        mCalledSuper = true;
    }

发现这个transformPos是根据滚动以及left参数来计算的，断点进去发现left为0。

很显然，调用notifyDataSetChanged之后，会触发ViewPager的setCurrentItemInteral方法，此时还没有及时地layout生成上下左右参数，就回调了transformPage方法，才导致transformPage回调所有子View时position都为0。

此时第一个思路已经出现，就是在layout完之后再触发一下setCurrentItemInteral，进而触发transformPage回调。

阅读下ViewPager的源码，发现transformPage方法只有在onPageScrolled时才会调用，而触发onPageScrolled最方便的方法就是调用：