Android Jetpack导航:具有多个导航视图的一项活动

时间:2019-08-14 22:01:48

标签: android android-jetpack android-jetpack-navigation

我正在考虑新的android jetpack navigation best practices,其中每个应用程序中应该只有一个活动。我想使用一个活动来分段实现以下菜单,但是对于在同一应用程序中实现多个菜单时的最佳实践,我感到不确定。

BottomNavigationViewReference repo):

<LinearLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.android.navigationadvancedsample.MainActivity">

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/nav_host_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_nav"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:menu="@menu/bottom_nav"/>
</LinearLayout>

截屏:
BttomNavigationView

DrawerLayout(Reference repo):

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <androidx.drawerlayout.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <com.google.android.material.appbar.AppBarLayout
                android:id="@+id/appbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:theme="@style/AppTheme.AppBarOverlay">

                <androidx.appcompat.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    app:popupTheme="@style/AppTheme.PopupOverlay"/>

            </com.google.android.material.appbar.AppBarLayout>

            <fragment
                android:id="@+id/garden_nav_fragment"
                android:name="androidx.navigation.fragment.NavHostFragment"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:defaultNavHost="true"
                app:navGraph="@navigation/nav_garden"/>

        </LinearLayout>

        <com.google.android.material.navigation.NavigationView
            android:id="@+id/navigation_view"
            style="@style/Widget.MaterialComponents.NavigationView"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            app:headerLayout="@layout/nav_header"
            app:menu="@menu/menu_navigation"/>

    </androidx.drawerlayout.widget.DrawerLayout>

</layout>

截屏:
enter image description here

考虑到Google提供的这些示例,对于如何使用最佳做法在一个活动中同时实现两个视图,尚无明确答案,因为每个示例仅针对其应用分别使用DrawerLayout或{ {1}}。

问题是: 1.使用针对不同片段的不同导航视图进行活动的最佳实践是什么?例如,使用BottomNavigationView的多个片段,以及使用DrawerLayout的其他片段。 2.如果要在查看身份验证视图和登录时同时隐藏BottomNavigationViewDrawerLayout并在身份验证时显示它们怎么办?

2 个答案:

答案 0 :(得分:1)

您既可以实现它们,也可以以编程方式隐藏或显示它们,或者在进行不包含<include/>这些导航组件的导航的活动之前拥有身份验证视图。

答案 1 :(得分:1)

使用Jetpack Navigation,您可以在主活动中添加与主导航图连接的导航主机和导航抽屉,以及在默认起始片段内添加与底部导航连接到第二导航图的另一导航主机。 我找到了本教程https://proandroiddev.com/android-jetpack-navigationui-a7c9f17c510e及其示例项目https://github.com/sagar-viradiya/NavigationUIDemo