使用导航组件为每个片段自定义工具栏

Question

我将导航组件与单个活动一起使用。为每个片段创建自定义工具栏的想法。例如，一个工具栏必须是黄色的，另一个工具栏必须是带有菜单图标的紫色，另一个是透明的。另外，如果可能的话，我想通过setupActionBarWithNavController(navController)在 MainActivity 中保存导航和工具栏之间的连接来实现它。我尝试(activity as? AppCompatActivity)?.setSupportActionBar(toolbar)在 Fragment 中使用此方法，但它重复了工具栏。

这是我的主题

<style name="Theme.Movies" parent="Theme.MaterialComponents.DayNight.NoActionBar">
        <!-- Primary brand color. -->
        <item name="colorPrimary">@color/purple_500</item>
        <item name="colorPrimaryVariant">@color/purple_700</item>
        <item name="colorOnPrimary">@color/white</item>
        <!-- Secondary brand color. -->
        <item name="colorSecondary">@color/teal_200</item>
        <item name="colorSecondaryVariant">@color/teal_700</item>
        <item name="colorOnSecondary">@color/black</item>
        <!-- Status bar color. -->
        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
        <!-- Customize your theme here. -->
    </style>

这是MainActivity布局中的工具栏

 <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/purple_700"
        android:elevation="4dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        app:layout_constraintTop_toTopOf="parent" />

这是MainActivity

@AndroidEntryPoint
class MainActivity : AppCompatActivity() {

    private lateinit var navController: NavController

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        
        setSupportActionBar(toolbar)

        val navHostFragment =
            supportFragmentManager.findFragmentById(R.id.nav_host_fragment) as NavHostFragment

        navController = navHostFragment.navController

        setupActionBarWithNavController(navController)
        bottom_nav.setupWithNavController(navController)

    }

    override fun onSupportNavigateUp(): Boolean {
        return navController.navigateUp() || super.onSupportNavigateUp()
    }
}

Answer 1

我尝试在片段中使用此方法（活动为？AppCompatActivity）？.setSupportActionBar（工具栏），但它重复了工具栏。

这是预期的，因为工具栏由 Activity 托管，并且由于 Jetpack 导航架构组件使用单 Activity 模型，因此该 Activity 托管的所有 navGraph 片段都共享该工具栏（因为它是 Activity 的一部分）。

因此，再次重置工具栏将会复制它。

解决方案是从活动中删除工具栏，并在每个片段布局中使用唯一的工具栏，这样当一个片段被传输到另一个片段时；旧片段的布局被新片段的新布局替换，因此旧工具栏消失了，我们有了一个新工具栏；这时候就需要调用setSupportActionBar(toolbar)新的工具栏了。

但请注意，每次调用时setSupportActionBar(toolbar)都必须回忆一下setupActionBarWithNavController()，因为它需要附加到新的工具栏上。

更新

那么，我必须在Fragment中调用setSupportActionBar(toolbar)和setupActionBarWithNavController()吗？

其实你可以调用setSupportActionBar(toolbar)活动。但你可以requireActivity()在片段中使用来做到这一点：

为了不重复事情，您可以使用 Activity 的函数来执行此操作：

活动中：

fun setupActionBar(toolBar: Toolbar) {

    setSupportActionBar(toolbar)

    val navHostFragment =
        supportFragmentManager.findFragmentById(R.id.nav_host_fragment) as NavHostFragment

    navController = navHostFragment.navController

    setupActionBarWithNavController(navController)
    
}   

并在片段中：

val toolbar = findViewById<Toolbar>(R.id.foo)
(requireActivity() as MainActivity).setupActionBar(toolbar)