Question

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

上的小演示

【原帖】我是 Android 新手，我的演示项目是一个 BottomNav 单一活动项目。我查了很多帖子，看到很多人在这个场景中处理工具栏都受苦了，所有的片段都需要有自己的工具栏。

在底部选项卡之间切换时，工具栏背景颜色会闪烁。请查看 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);
}
...
}

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

0 个答案: