Question

如果您难以理解以下段落，请查看我制作的流程图。

我目前正在制作具有3个顶级目的地的Notes应用。顶级目标之一（NotesList）显示用户创建的注释列表。 NotesList有一个过滤器按钮，该按钮调出带有FilterMenu目标的底部模式表。 FilterMenu有一个搜索按钮，单击该按钮将用搜索目标替换工作表的内容，还有一个名为tag的按钮，单击该按钮将用包含与所有注释关联的标签列表的片段替换该工作表的内容（TagList目的地）。

所有蓝色的内容是最高目的地。紫色的一切都出现在模式表中。

FilterMenu，Search和TagList显示在模式表中。这意味着NotesList 包含这些片段，而不是被它们代替。它们存在于小于NotesList的屏幕区域中。如果我使用导航，这些片段将相互替换。

我可以使用两个NavHost吗？一个用于顶层目的地，另一个用于模式表中的内容？如果是这样，我将如何实施？如果没有，在这种情况下建议采取什么措施？

Answer 1

您可以创建两个导航图来实现所需的行为。一个用于顶级目的地，第二个用于模式表。它们需要独立，并且彼此之间没有任何链接。您不能仅使用一个导航图，因为“导航表面”是不同的。对于主导航，它是活动，对于模式底部，它是底部窗口（在BottomSheetDialogFragment实际上是另一个窗口的情况下）。

从理论上讲，这很容易实现：

main_nav.xml持有Settings，NoteList和Trash
filter_nav.xml持有FilterMenu，Search和TagList

如果您不想在顶层进行反向导航，甚至可以在不使用片段事务的导航控制器的情况下进行顶层导航。

因此，基本上，您需要一个(BottomSheet)DialogFragment，它需要一个独立于主NavHost的单独NavHost。您可以通过以下课程来实现：

dialog_fragment_modal_bottom_sheet.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/filterNavHost"/>

ModalBottomSheetDialogFragment .kt

class ModalBottomSheetDialogFragment : BottomSheetDialogFragment() {

    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View =
        inflater.inflate(R.layout.dialog_fragment_modal_bottom_sheet, container, false)

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        // We can't inflate the NavHostFragment from XML because it will crash the 2nd time the dialog is opened
        val navHost = NavHostFragment()
        childFragmentManager.beginTransaction().replace(R.id.filterNavHost, navHost).commitNow()
        navHost.navController.setGraph(R.navigation.filter_nav)
    }

    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        return super.onCreateDialog(savedInstanceState).apply {
            // Normally the dialog would close on back press. We override this behaviour and check if we can navigate back
            // If we can't navigate back we return false triggering the default implementation closing the dialog
            setOnKeyListener { _, keyCode, event ->
                if (keyCode == KeyEvent.KEYCODE_BACK && event.action == KeyEvent.ACTION_UP) {
                    view?.findNavController()?.popBackStack() == true
                } else {
                    false
                }
            }
        }
    }
}

我们在这里有两个技巧：

我们需要手动创建NavHost片段。如果我们直接将其放入XML中，由于已经使用了ID，它将在第二次打开对话框时崩溃
我们需要覆盖对话框的后退导航。对话框是活动顶部的单独窗口，因此不会调用Activity的{{1}}。相反，我们添加了onBackPressed()，并在释放后退按钮（OnKeyListener）时使用ACTION_UP检查是否可以弹出后退堆栈（返回）。如果它可以弹出后退堆栈，则我们返回true，从而消耗back事件。对话框保持打开状态，NavController返回上一步。如果已经在起点，则对话框将关闭，因为我们返回false。

您现在可以在对话框内创建嵌套图，而不必关心外部图。要显示带有嵌套图的对话框，请使用：

NavController

您也可以在val dialog = ModalBottomSheetDialogFragment() dialog.show(childFragmentManager, "filter-menu")中将ModalBottomSheetDialogFragment添加为<dialog>的目的地，尽管我没有对此进行测试。此功能当前仍在Alpha中，并已在导航2.1.0-alpha03中引入。因为它仍然处于Alpha状态，所以API可能会更改，我个人将使用上面的代码来显示对话框。一旦超出alpha / beta范围，则首选使用main_nav中的目的地。从用户的角度来看，显示对话框的不同方法没有什么不同。

我使用导航结构here on GitHub创建了一个示例应用程序。它具有两个独立图形的两个级别的反向导航。您可以看到它工作here on Youtube。我在主导航中使用了底部栏，但您可以将其替换为抽屉。

Answer 2

创建两个navHostFragments的一种简单方法是创建另一个navigation.xml文件。

例如，在我的应用中，我有两个navHostsFragments。

我为导航流程定义了第一个，因此当用户进入应用程序时，他进入了登录片段，即navHostFragment。

用户登录后，他将被转移到mainActivity，其中包含我的新navHostFragment。

这样，每当我开始一个包含新navHostFragment的新活动时。

希望这会有所帮助

我可以在导航组件中使用多个NavHostFragments吗？

2 个答案: