使用导航组件将返回箭头添加到片段

Question

我在一个应用程序上实现了一个基本的导航组件，该组件由一个 MainActivity 组成，该组件包含一个 Toolbar（我已添加它以具有后退箭头功能）和一个片段以 Fragment A 开头的容器。在这个片段中，我有一个按钮，它重定向到一个空白的 Fragment B。

我可以使用 Navigation 组件从底部的 Android 导航返回 fragment A（从 fragment B），但我想使用来自我添加的工具栏。 我实现了将 setSupportActionBar(findViewById(R.id.toolbar)) 放入 Main Activity 和 (activity as AppCompatActivity).supportActionBar?.setDisplayHomeAsUpEnabled(true) 的箭头 在 Fragment B 上，但是当我点击它时它不会重定向到 Fragment A，因为（我想）后堆栈是空的。

MainActivity

class MainActivity : AppCompatActivity() {

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

MainActivity xml

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    android:theme="?attr/actionBarTheme"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<androidx.fragment.app.FragmentContainerView
    android:id="@+id/nav_host_fragment"
    android:name="androidx.navigation.fragment.NavHostFragment"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:defaultNavHost="true"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/toolbar"
    app:navGraph="@navigation/nav_graph" />

片段B

 override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    (activity as AppCompatActivity).supportActionBar?.setDisplayHomeAsUpEnabled(true)
}

添加此项以删除 styles.xml

中的默认工具栏

<item name="windowNoTitle">true</item>

在 FragmentB 中向上按钮不起作用 fragmentB with back not working

我想使用 导航组件 来做这件事，有什么想法吗？

谢谢。

Answer 1

感谢@MustafaKhaled，我可以在link 中找到正确的文档

我删除了fragmentB的setDisplayHomeAsUpEnabled（你不需要在这个fragment中添加任何东西）。

我离开，因为它是 styles.xml 的代码。

我的新MainActivity是这样的：

private lateinit var toolbar: Toolbar

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    toolbar = findViewById(R.id.toolbar)
    setupNavigation()
}

private fun setupNavigation() {
    val navHostFragment = supportFragmentManager.findFragmentById(R.id.nav_host_fragment) as NavHostFragment
    val navController = navHostFragment.navController
    val appBarConfiguration = AppBarConfiguration.Builder(navController.graph).build()
    toolbar.setupWithNavController(navController, appBarConfiguration)
}

按照这种方式，您可以通过 Navigation-UI 功能管理工具栏行为。

---

2020 年 4 月 28 日更新

有一种比这更简单的方法，它不需要工具栏，因为使用的是默认工具栏。

MainActivity

class MainActivity : AppCompatActivity() {
private lateinit var appBarConfiguration: AppBarConfiguration
private lateinit var navController: NavController

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

private fun setupNavigation() {
    val navHostFragment = supportFragmentManager.findFragmentById(R.id.nav_host_fragment) as NavHostFragment
    navController = navHostFragment.navController
    appBarConfiguration = AppBarConfiguration.Builder(navController.graph).build()
    setupActionBarWithNavController(navController, appBarConfiguration)
}

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

}

activity_main.xml

<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/fragment_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="0dp"
    android:layout_height="0dp"
    app:defaultNavHost="true"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:navGraph="@navigation/nav_graph" />

而我的 styles.xml 文件就像默认的一样：

 <!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

更新的回购link

Answer 2

在你的 MainActivity

设置您的导航：

    private fun setupNavigation() {
    val navHostFragment = supportFragmentManager.findFragmentById(R.id.nav_host_fragment) as NavHostFragment?
    navController = navHostFragment!!.navController
    appBarConfiguration = AppBarConfiguration.Builder(setOf(R.id.checklocation,R.id.questions,R.id.news,R.id.profile_tab)).build()
    NavigationUI.setupWithNavController(bottomNavigation,navController)
    NavigationUI.setupActionBarWithNavController(this,navController)
}

启用后退箭头并显示上一个目的地覆盖此功能

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

顺便说一下，使用带有底部导航的导航组件，我们不必配置您的工具栏，这将通过在您的 MainActivity 中添加上述功能来处理。