导航组件 - 隐藏自定义工具栏中的向上导航图标和片段标签

Question

我正在尝试为我的应用程序使用自定义操作栏（带有自定义徽标和向上导航按钮）。

<androidx.appcompat.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@android:color/white"/>

并在activity中设置这个工具栏。

val navController = findNavController(R.id.nav_host_fragment_auth)
val appBarConfiguration = AppBarConfiguration(navController.graph)
val toolbar = findViewById<Toolbar>(R.id.toolbarAuth)
toolbar.setupWithNavController(navController, appBarConfiguration)

val mCustomView: View = layoutInflater.inflate(R.layout.custom_actionbar_auth, null)
val mButtonBack= mCustomView.findViewById<ImageView>(R.id.imageBack)
toolbar.addView(mCustomView)

自定义操作栏布局，

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/custom_actionbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
android:paddingStart="20dp"
android:paddingEnd="20dp">

<ImageView
    android:id="@+id/imageBack"
    android:layout_width="10dp"
    android:layout_height="15dp"
    android:layout_alignParentStart="true"
    android:layout_centerVertical="true"
    android:background="@drawable/ic_arrow_back_white" />

<ImageView
    android:id="@+id/imageTitle"
    android:layout_width="115dp"
    android:layout_height="20dp"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:background="@drawable/ic_actionbar_logo" />

但是当我转到不同的片段时，它会在操作栏中显示默认的向上导航按钮和片段标签。我怎样才能remove/hide这些？

我也尝试了以下方法，但这些都不适合我。

supportActionBar?.setDisplayHomeAsUpEnabled(false)
supportActionBar?.setHomeButtonEnabled(false)
supportActionBar?.setDisplayShowTitleEnabled(false)

toolbar.setNavigationIcon(null)

Answer 1

toolbar.setupWithNavController() 方法调用 setNavigationIcon() and setTitle() 的 Toolbar 方法。这些方法对您的自定义图标或标题一无所知——它们只更新内置导航图标和标题。

这意味着 toolbar.setupWithNavController() 不是您应该调用的东西。

相反，如果您希望您的自定义工具栏布局对导航更改做出反应，您需要按照 listening for navigation events and use an OnDestinationChangedListener 的指南执行您想要的任何自定义逻辑，而不是调用 toolbar.setupWithNavController()：

val navController = findNavController(R.id.nav_host_fragment_auth)
val toolbar = findViewById<Toolbar>(R.id.toolbarAuth)
val mCustomView: View = layoutInflater.inflate(R.layout.custom_actionbar_auth, null)
val mButtonBack = mCustomView.findViewById<ImageView>(R.id.imageBack)
toolbar.addView(mCustomView)
navController.addOnDestinationChangedListener { _, destination, arguments ->
    // Update the icon for your mButtonBack, etc.
}

如果您只想要向上导航图标的默认行为，您可以直接调用 navigateUp()：

mButtonBack.setOnClickListener {
    navController.navigateUp()
}

Answer 2

在隐藏片段标签中，你可以试试这个

android:label=""

这对我有用。

导航组件 - 隐藏自定义工具栏中的向上导航图标和片段标签

Navigation component - Hide navigation up icon and fragments label from the custom toolbar

navigation

android

android-actionbar

android-toolbar

android-architecture-components