在底部导航片段之间切换时工具栏闪烁

Question

【更新】实际上，只需禁用默认 ActionBar 并为每个片段添加 Toolbar 即可轻松重现该问题。然后你可以看到工具栏在切换底部目的地时闪烁。请在 https://github.com/025nju/BottomNav

查看小演示

【原文post】我是 Android 的新手，我的演示项目是 BottomNav 单个 activity 项目。我检查了很多 post 并且看起来很多人都在处理这个 senario 中的工具栏，所有片段都需要有自己的工具栏。

在底部选项卡之间切换时，工具栏背景颜色会闪烁。请查看 gif 并忽略最后一个空白框。

如何消除眨眼？顺便说一句，当我使用默认的ActionBar时没有这样的问题，这是官方不推荐的。我在 Nexus 6 api26 AVD 和真实手机 android 版本 9 上进行了测试。同样的问题。以下是相关代码供您参考。非常感谢。

FragmentMoney.xml:

<?xml version="1.0" encoding="utf-8"?>
<layout 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">
<data>
</data>
<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ui.money.MoneyFragment">

    <include android:id="@+id/fragment_base" layout="@layout/fragment_base"/>

    <TextView
        android:id="@+id/text_money"
        ... />
</androidx.constraintlayout.widget.ConstraintLayout>

fragment_base.xml 用于工具栏定义：

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <com.google.android.material.appbar.MaterialToolbar
        android:id="@+id/mToolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:elevation="4dp"
        android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        app:layout_constraintTop_toTopOf="parent">
    </com.google.android.material.appbar.MaterialToolbar>

</com.google.android.material.appbar.AppBarLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

MoneyFragment.java:

public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View root = fragmentMoneyBinding.getRoot();
    ...
    Toolbar mToolbar = (Toolbar) root.findViewById(R.id.mToolbar);
    mToolbar.setTitle(R.string.title_money);
    ((AppCompatActivity) getActivity()).setSupportActionBar(mToolbar);
    return root;
    }
}

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent">

<fragment
    android:id="@+id/nav_host_fragment"
    android:name="androidx.navigation.fragment.NavHostFragment"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    app:defaultNavHost="true"
    app:layout_constraintBottom_toTopOf="@+id/nav_view"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:navGraph="@navigation/mobile_navigation" />

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/nav_view"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="0dp"
    android:layout_marginEnd="0dp"
    android:background="?android:attr/windowBackground"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toBottomOf="@id/nav_host_fragment"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:menu="@menu/bottom_nav_menu" />

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/floatingActionButton"
    ... />

</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    BottomNavigationView navView = findViewById(R.id.nav_view);
    appBarConfiguration = new AppBarConfiguration.Builder(
            R.id.navigation_note, R.id.navigation_money, R.id.navigation_time)
            .build();
    navController = Navigation.findNavController(this, R.id.nav_host_fragment);
    NavigationUI.setupWithNavController(navView, navController);
}
...
}

Answer 1

您必须禁用（替换）片段之间的动画。

创建空动画：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!--Empty to disable animation-->
</set>

并将其放入以下文件中：

res/animator/nav_default_enter_anim.xml
res/animator/nav_default_exit_anim.xml
res/animator/nav_default_pop_enter_anim.xml
res/animator/nav_default_pop_exit_anim.xml

在底部导航片段之间切换时工具栏闪烁

toolbar blinks when switch between bottom nav fragments

android-fragments

android-toolbar

bottomnavigationview

android-jetpack