没有导航控制器，抽屉布局不起作用

Posted 2023-04-18

【中文标题】没有导航控制器，抽屉布局不起作用

【英文标题】：Drawer Layout does not work without Navigation Controller

【发布时间】：2021-04-11 05:24:09

【问题描述】：

为什么我们不能在没有导航/导航控制器的情况下在 android 中设置抽屉布局？ 每当我们想要设置一个抽屉时，我们都需要一个导航控制器。如下：

private lateinit var drawerLayout: DrawerLayout

private lateinit var appBarConfiguration : AppBarConfiguration

val navController = this.findNavController(R.id.myNavHostFragment) NavigationUI.setupActionBarWithNavController(this, navController, drawerLayout)appBarConfiguration = AppBarConfiguration(navController.graph, drawerLayout)

但是，如果应用程序没有 Nav_Graph / NavController。 如果应用程序非常简单。 在这种情况下，我们应该如何在我们的 App 中设置一个 Drawer。

请指导。

注意：在发布这个问题之前，我做了很多工作和分析，但在所有文档中我看到 Drawer Layout 需要 NavGraph/NavController/Navigation。

【参考方案1】：

现在的方法是使用navigation architecture components 以便在您的应用中拥有一个活动和多个片段；每个屏幕都可以由一个片段表示...这是 Android studio Navigation Drawer Activity 模板的默认设置。 NavController在这种方式中用于控制fragment之间的导航

但是，如果您希望可以使用 DrawerLayout 而不使用 NavController.. 但在最近的 Android Studio 版本中，没有模板，您必须手动创建它，并处理导航、返回堆栈，几乎一切都是手动的。

示例

这是一个轻量级的例子，可以让你开始一个更大的例子。

当您从抽屉中选择一个项目时，通常您可以在NavigationItemSelectedListener 中进行片段交易，但在下面的示例中我只显示了一个Toast

活动：

class MainActivity : AppCompatActivity() 
    override fun onCreate(savedInstanceState: Bundle?) 
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // Setting custom ActionBar
        val toolbar: Toolbar = findViewById(R.id.toolbar)
        setSupportActionBar(toolbar)

        // Showing the burger button on the ActionBar
        supportActionBar?.setDisplayHomeAsUpEnabled(true); 
        val drawerLayout: DrawerLayout = findViewById(R.id.drawer_layout)
        val toggle =
            ActionBarDrawerToggle(this, drawerLayout, toolbar, R.string.open, R.string.close)
        drawerLayout.addDrawerListener(toggle)
        toggle.syncState()

        // Handle navigation click events
        val navigationView: NavigationView = findViewById(R.id.nav_view)
        navigationView.setNavigationItemSelectedListener  item ->

            when (item.itemId) 
                R.id.nav_account -> 
                    Toast.makeText(this, "Account", Toast.LENGTH_SHORT).show()
                
                R.id.nav_settings -> 
                    Toast.makeText(this, "Setting", Toast.LENGTH_SHORT).show()
                
                R.id.nav_logout -> 
                    Toast.makeText(this, "Logout", Toast.LENGTH_SHORT).show()
                
            

            // Closing navigation drawer
            drawerLayout.closeDrawer(GravityCompat.START)

            true
        
    

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_
    android:layout_>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_
        android:layout_>

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_
            android:layout_
            android:background="@color/colorPrimary"
            android:theme="@style/ThemeOverlay.AppCompat.Dark"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:layout_
            android:layout_
            android:text="Hello World!"
            android:textSize="28sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>

    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_view"
        android:layout_
        android:layout_
        android:layout_gravity="start"
        app:headerLayout="@layout/navigation_header_layout"
        app:menu="@menu/navigation_menu" />

</androidx.drawerlayout.widget.DrawerLayout>

navigation_header_layout.xml

<?xml version="1.0" encoding="utf-8"?>

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_
    android:gravity="center"
    android:layout_centerInParent="true"
    android:background="@color/colorPrimary"
    android:text="Navigation drawer"
    android:textColor="#ffffff"
    android:textSize="24sp" />

navigation_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/nav_account"
        android:title="My Account" />
    <item
        android:id="@+id/nav_settings"
        android:title="Settings" />

    <item
        android:id="@+id/nav_logout"
        android:title="Log Out" />
</menu>

build.gradle（模块）

 implementation 'com.google.android.material:material:1.2.1'

字符串.xml

<resources>
    <string name="app_name">Navigation Drawer Example</string>
    <string name="open">Open</string>
    <string name="close">Close</string>
</resources>

styles.xml（NoActionBar 主题）

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>