问题：

Android Jetpack导航、BottomNavigationView与Youtube或Instagram类似正确的后背导航（碎片后背堆栈）？

郎雪风

2023-03-14

Android Jetpack导航,BottomNavigationView带自动碎片返回堆栈返回按钮点击？

我想要的，在用户选择多个选项卡后，用户点击返回按钮后，应用程序必须重定向到他/她打开的最后一个页面。

我使用Android ViewPager实现了同样的功能，将当前选定的项保存在ArrayList中。Android Jetpack导航发布后是否有自动后退堆栈？我想用导航图实现它

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".main.MainActivity">

    <fragment
        android:id="@+id/my_nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:defaultNavHost="true"
        app:layout_constraintBottom_toTopOf="@+id/navigation"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:navGraph="@navigation/nav_graph" />

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/navigation" />

</android.support.constraint.ConstraintLayout>

navigation.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/navigation_home"
        android:icon="@drawable/ic_home"
        android:title="@string/title_home" />

    <item
        android:id="@+id/navigation_people"
        android:icon="@drawable/ic_group"
        android:title="@string/title_people" />

    <item
        android:id="@+id/navigation_organization"
        android:icon="@drawable/ic_organization"
        android:title="@string/title_organization" />

    <item
        android:id="@+id/navigation_business"
        android:icon="@drawable/ic_business"
        android:title="@string/title_business" />

    <item
        android:id="@+id/navigation_tasks"
        android:icon="@drawable/ic_dashboard"
        android:title="@string/title_tasks" />

</menu>

还添加了

bottomNavigation.setupWithNavController(Navigation.findNavController(this, R.id.my_nav_host_fragment))

我从Levi Moreira那里得到了一个答案，如下所示

navigation.setOnNavigationItemSelectedListener {item ->

            onNavDestinationSelected(item, Navigation.findNavController(this, R.id.my_nav_host_fragment))

        }

但这样做只会使上一个打开的片段的实例再次创建。

为BottomNavigationView提供正确的后向导航

共有2个答案

裴和怡

2023-03-14

您必须设置主机导航，如下XML所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary" />

    <fragment
        android:id="@+id/navigation_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        app:defaultNavHost="true"
        app:navGraph="@navigation/nav_graph" />

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/bottom_navigation_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:itemIconTint="@drawable/color_state_list"
        app:itemTextColor="@drawable/color_state_list"
        app:menu="@menu/menu_bottom_navigation" />
</LinearLayout>

使用导航控制器设置：

NavHostFragment navHostFragment = (NavHostFragment) getSupportFragmentManager().findFragmentById(R.id.navigation_host_fragment);
NavigationUI.setupWithNavController(bottomNavigationView, navHostFragment.getNavController());

menu_bottom_navigation.xml:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@id/tab1"  // Id of navigation graph 
        android:icon="@mipmap/ic_launcher"
        android:title="@string/tab1" />
    <item
        android:id="@id/tab2" // Id of navigation graph
        android:icon="@mipmap/ic_launcher"
        android:title="@string/tab2" />

    <item
        android:id="@id/tab3" // Id of navigation graph
        android:icon="@mipmap/ic_launcher"
        android:title="@string/tab3" />
</menu>

nav_graph.xml:

<navigation 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/nav_graph"
    app:startDestination="@id/tab1">
    <fragment
        android:id="@+id/tab1"
        android:name="com.navigationsample.Tab1Fragment"
        android:label="@string/tab1"
        tools:layout="@layout/fragment_tab_1" />

    <fragment
        android:id="@+id/tab2"
        android:name="com.navigationsample.Tab2Fragment"
        android:label="@string/tab2"
        tools:layout="@layout/fragment_tab_2"/>

    <fragment
        android:id="@+id/tab3"
        android:name="com.simform.navigationsample.Tab3Fragment"
        android:label="@string/tab3"
        tools:layout="@layout/fragment_tab_3"/>
</navigation>

通过设置相同的id“nav_graph”到“menu_bottom_navigation”将处理底部导航的单击。

公羊宇定

2023-03-14

使用BottomNavigation和新的导航体系结构组件并不需要ViewPager。我已经在一个应用程序的示例中使用了这两个，请看这里。

基本概念是这样的，您有一个主activity，它将承载BottomNavigationView并且它是导航图的导航主机，这是它的xml外观：

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".main.MainActivity">

    <fragment
        android:id="@+id/my_nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:defaultNavHost="true"
        app:layout_constraintBottom_toTopOf="@+id/navigation"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:navGraph="@navigation/nav_graph" />

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/navigation" />

</android.support.constraint.ConstraintLayout>

BottomNavigationView的导航菜单（制表符菜单）如下所示：

navigation.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/navigation_home"
        android:icon="@drawable/ic_home"
        android:title="@string/title_home" />

    <item
        android:id="@+id/navigation_people"
        android:icon="@drawable/ic_group"
        android:title="@string/title_people" />

    <item
        android:id="@+id/navigation_organization"
        android:icon="@drawable/ic_organization"
        android:title="@string/title_organization" />

    <item
        android:id="@+id/navigation_business"
        android:icon="@drawable/ic_business"
        android:title="@string/title_business" />

    <item
        android:id="@+id/navigation_tasks"
        android:icon="@drawable/ic_dashboard"
        android:title="@string/title_tasks" />

</menu>

所有这些只是BottomNavigationView设置。现在，要使它与导航拱组件一起工作，您需要进入导航图形编辑器，添加所有片段目标（在我的例子中，我有5个目标，每个选项卡一个），并将目标的id设置为与Navigation.xml文件中的目标同名：

这将告诉android在标签和片段之间建立一个链接，现在用户每次点击“主页”标签，android将负责加载正确的片段。还有一段kotlin代码需要添加到您的NavHost（主activity）中，以便与BottomNavigationView连接起来：

您需要在onCreate中添加：

bottomNavigation.setupWithNavController(Navigation.findNavController(this, R.id.my_nav_host_fragment))

这告诉android在导航架构组件和BottomNavigationView之间进行连接。请参阅文档中的更多内容。

要获得与使用youtube时相同的beahvior，只需添加以下内容：

navigation.setOnNavigationItemSelectedListener {item ->

            onNavDestinationSelected(item, Navigation.findNavController(this, R.id.my_nav_host_fragment))

        }

这将使目的地进入后栈，所以当你点击后退按钮，最后访问的目的地将弹出。

类似资料：

导航抽屉后退按钮碎片

我开始创建一个应用程序，它使用一个活动（导航抽屉）和许多片段。但我无法使用工具栏上的“后退”按钮从片段中导航回来。硬件后退按钮工作正常。我知道我需要覆盖选项ItemSelected，捕捉android。R、 id.home，检查后堆栈中是否有内容，然后弹出它。在更改片段后，“burger”按钮变为“back arrow”，但当我单击它时，选项ItemSelected将打开NavigationDra
弹出碎片后导航抽屉打开

所以我有一个活动，其中有一个片段，片段有一个导航抽屉和页面的内容。当我打开抽屉并单击一个项目时，片段被替换为一个新片段。当我按下后退按钮时，我在片段管理器上调用popBackStack，它返回到第一个片段，但导航抽屉是打开的。有几件事要注意：当按下抽屉中的一个项目时，我在抽屉布局上调用关闭抽屉，当片段被替换时抽屉关闭。如果我按下操作栏中的UP按钮，我可以用新的主片段替换片段容器，但我更喜欢能够将
使用导航组件和BottomNavigationView的后堆栈流问题

我使用的是Android导航组件。有一个带有FragmentContainerView（NavHostFragment）的活动，通过common_navigation_graph具有简单的导航流，但在一个片段上有一个嵌套的NavHostFragment和BottomNavigationView。原因是——我想在片段上有3个标签。底部导航配置自己的导航控制器和单独的导航图在每个选项卡上，还有一个嵌
滚动后更改导航栏背景色

我的导航栏有一个透明的背景，当用户向下滚动时，我想添加一个不同的背景。我使用了这个问题的代码：滚动后更改导航条颜色？我的代码现在如下所示：当我向下滚动时，一切正常，背景和不透明度适用，但当我向后滚动到顶部时，这种样式仍然存在。我希望它更改回没有背景的默认样式。谢啦
Android导航抽屉：碎片与Activity

在阅读了关于片段和活动的文档和讨论后，我想我已经把情况弄清楚了。活动应该为用户提供一个屏幕，用户可以在其中工作。导航到其他屏幕通常会破坏活动。片段应该提供很少或单个功能组件，可以在活动中再次使用。片段的内容应该相互独立地工作，因此可以在多个活动中重用。虽然这一切似乎都有道理，但有一件事我无法理解：如果您创建一个新的Android应用程序，并选择创建Android导航抽屉应用程序的选项，为什
react-导航的堆栈导航器

我需要一些关于react原生应用程序的社区建议。我是一个全新的人，不理解其中的一些基本区别。关于反应本地文档创建StackNavigator的示例建议如下：从“反应导航堆栈”导入{createStackNav导航仪}；我发现很多人使用下面的样式导入{堆栈导航器，Tab导航器}从“反应导航”; 为什么人们使用以上两种不同的风格？哪一个更合适，为什么？ react-navigation-stack

Android Jetpack导航、BottomNavigationView与Youtube或Instagram类似正确的后背导航（碎片后背堆栈）？

共有2个答案

相关问答

相关文章

相关阅读

相关工具

相关文档