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"/>

并在活动中设置此工具栏。

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" />

但是，当我要转到不同的片段时，它将在操作栏中显示默认的向上导航按钮和片段标签。如何删除/隐藏这些？

我也尝试了以下方法，但是这些方法对我来说不起作用。

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

toolbar.setNavigationIcon(null)

Answer 1

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

这意味着toolbar.setupWithNavController()永远都不应该被您呼叫。

相反，如果您希望自定义工具栏布局对导航更改做出反应，则需要遵循listening for navigation events的指南，并使用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()
}

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

1 个答案: