页面包含带有 LayoutTransition（或 animateLayoutChanges="true"）的 ViewGroup，这会干扰滚动动画

Posted 2023-04-18

【中文标题】页面包含带有 LayoutTransition（或 animateLayoutChanges="true"）的 ViewGroup，这会干扰滚动动画

【英文标题】：Page(s) contain a ViewGroup with a LayoutTransition (or animateLayoutChanges="true"), which interferes with the scrolling animation

【发布时间】：2020-05-17 03:18:42

【问题描述】：

我在 ViewPager2 中使用 Fragments，我注意到在运行 android 8 或 9 的小米、宇龙、华硕、vivo 等设备中发生了两个相关的 IllegalStateExceptions（我自己无法重现）：

Fatal Exception: java.lang.IllegalStateException: Page can only be offset by a positive amount, not by -758
       at androidx.viewpager2.widget.ScrollEventAdapter.updateScrollEventValues(ScrollEventAdapter.java:280)
       at androidx.viewpager2.widget.ScrollEventAdapter.onScrolled(ScrollEventAdapter.java:178)
       at androidx.recyclerview.widget.RecyclerView.dispatchOnScrolled(RecyclerView.java:5173)
       at androidx.recyclerview.widget.RecyclerView$ViewFlinger.run(RecyclerView.java:5338)
       at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1029)
       at android.view.Choreographer.doCallbacks(Choreographer.java:834)
       at android.view.Choreographer.doFrame(Choreographer.java:760)
       at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:1015)
       at android.os.Handler.handleCallback(Handler.java:873)
       at android.os.Handler.dispatchMessage(Handler.java:99)
       at android.os.Looper.loop(Looper.java:224)
       at android.app.ActivityThread.main(ActivityThread.java:7083)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:537)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:928)

和

Fatal Exception: java.lang.IllegalStateException: Page(s) contain a ViewGroup with a LayoutTransition (or animateLayoutChanges="true"), which interferes with the scrolling animation. Make sure to call getLayoutTransition().setAnimateParentHierarchy(false) on all ViewGroups with a LayoutTransition before an animation is started.
       at androidx.viewpager2.widget.ScrollEventAdapter.updateScrollEventValues(ScrollEventAdapter.java:272)
       at androidx.viewpager2.widget.ScrollEventAdapter.onScrolled(ScrollEventAdapter.java:178)
       at androidx.recyclerview.widget.RecyclerView.dispatchOnScrolled(RecyclerView.java:5173)
       at androidx.recyclerview.widget.RecyclerView$ViewFlinger.run(RecyclerView.java:5338)
       at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1029)
       at android.view.Choreographer.doCallbacks(Choreographer.java:841)
       at android.view.Choreographer.doFrame(Choreographer.java:769)
       at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:1015)
       at android.os.Handler.handleCallback(Handler.java:794)
       at android.os.Handler.dispatchMessage(Handler.java:99)
       at android.os.Looper.loop(Looper.java:176)
       at android.app.ActivityThread.main(ActivityThread.java:6651)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:547)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:824)

环顾四周时，我通过了以下线程：https://issuetracker.google.com/issues/129530305，正如我理解正确的那样，似乎总结为在 viewPager2 的任何父布局上将 animateLayoutChanges 设置为 false，这就是我所做的。不幸的是，这并没有解决我的问题。然后我找到了另一个线程：java.lang.IllegalStateException: Page can only be offset by a positive amount，这似乎没有多大帮助。知道还有什么可能导致此问题吗？

【问题讨论】：

你看过source的第245和254行了吗？

【参考方案1】：

您需要在每个页面/片段上执行此操作

 View view = layoutInflater.inflate(R.layout.page, parent, false);
 ViewGroup viewGroup = view.findViewById(R.id.animated_viewgroup);
 viewGroup.getLayoutTransition().setAnimateParentHierarchy(false);

在这里查看官方文档

https://developer.android.com/reference/androidx/viewpager2/widget/ViewPager2

它表明

如果您的页面包含 LayoutTransitions，那么那些 LayoutTransitions 必须将 animateParentHierarchy 设置为 false。请注意，如果您有 在您的布局 xml 文件中具有 animateLayoutChanges="true" 的 ViewGroup，a LayoutTransition 会自动添加到该 ViewGroup。你会 需要手动调用 getLayoutTransition().setAnimateParentHierarchy(false) 扩展 xml 布局后的 ViewGroup。

与您在第一行提到的错误日志相同

Fatal Exception: java.lang.IllegalStateException: Page(s) contain a ViewGroup with a LayoutTransition (or animateLayoutChanges="true"), which interferes with the scrolling animation. Make sure to call getLayoutTransition().setAnimateParentHierarchy(false) on all ViewGroups with a LayoutTransition before an animation is started.

【讨论】：

问题是，我在我拥有的片段中找不到任何具有 LayoutTransition 的 ViewGroup。我也遍历了子视图并检查了viewGroup.getLayoutTransition()，但它们似乎都为空。所以我不确定代码在哪里触发了异常。

我启动了上面提到的线程。我在 Android Vitals 中间歇性地看到了第一个异常，但没有看到第二个异常。我没有使用任何 LayoutTransitions，但我使用的是viewpager2.setPageTransformer。

@grolschie 异常发生在哪些设备上？

我只遇到过几次这个异常。设备：摩托罗拉 Moto G4 Play（Android 6.0，en_GB）、Google Pixel 3（Android 9，en_GB）和华为 Mate 9（Android 7.0，fr_FR）。似乎没有任何模式。这可能是一个时间问题，自动化测试会迅速融合 UI。

相同。我想我通过遍历所有 ViewGroups 并将setAnimateParentHierarchy 设置为 false 来修复它，只要它是真的认为这可能会解决它，只要 ViewGroup 有一个 LayoutTransition 但崩溃报告似乎只是数量增加。我现在唯一的选择是恢复到 ViewPager。

【参考方案2】：

我在使用viewPager2 时遇到了第二个错误。 如上所述，在我的fragment 布局中，我发现viewGroup 和animateLayoutChanges="true"，然后在片段OnViewCreated 中我调用了

viewGroup.getLayoutTransition().setAnimateParentHierarchy(false);

这就解决了我的问题！

【参考方案3】：

我遇到的另一个问题是，我没有遇到上述异常，但是当转换开始时，我的 viewpager2 开始轻弹/重新加载页面。我对这些示例以及如何将 set setAnimateParentHiearchy 添加为 false 感到有些困惑，所以我想再添加一个示例，如何解决此问题：

ViewPager 布局

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_
        android:layout_>

        <!-- Toolbar -->
        <include
            android:id="@+id/headline"
            layout="@layout/registration_toolbar"
            app:isBold="@false"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:outsideToolbarTitle="@@string/fragment_user_data_toolbar_title" />

        <com.google.android.material.tabs.TabLayout
            android:id="@+id/tl_user_data"
            android:layout_
            android:layout_
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/headline" />

        <!-- This Viewpager contains a fragment, which has android:animateLayoutChanges="true" -->
        <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/vp_user_data"
            android:layout_
            android:layout_
            android:layout_marginTop="8dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tl_user_data" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

片段布局（将在 viewpager 内）

   <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/outerContraintLayout"
        android:layout_
        android:layout_
        android:animateLayoutChanges="true" > <-- THIS WILL CAUSE PROBLEMS

       <!-- Deleted unnecessary parts -->


    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

如果你想保留android:animateLayoutChanges，你必须在你的片段中调用这个onViewCreated()

class MyFragmentInsideViewPagerThatHasProblems : Fragment(R.layout.above_layout) 

     override fun onViewCreated(view: View, savedInstanceState: Bundle?) 
        super.onViewCreated(view, savedInstanceState)
        val viewGroup = requireView().findViewById<ConstraintLayout>(R.id.outerContraintLayout) as ViewGroup
        viewGroup.layoutTransition.setAnimateParentHierarchy(false)