无法使用 NavigationDrawer 设置工具栏菜单

Question

我正在尝试将 NavigationDrawer 与具有刷新菜单选项的工具栏结合起来：

我遇到的问题是我无法让工具栏显示菜单按钮。

我的MainActivity只包含一个片段。 activity_main.xml ：

<androidx.fragment.app.FragmentContainerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_nav_container"
    android:name="androidx.navigation.fragment.NavHostFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:defaultNavHost="true"
    app:navGraph="@navigation/main" />

MainActivity.kt ：

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContentView(R.layout.activity_main)
    }
}

nav_main ：

<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_main"
    app:startDestination="@id/drawerFragment"
    >
    <fragment
        android:id="@+id/drawerFragment"
        android:name="com.example.rocketman.drawer.DrawerFragment"
        android:label="DrawerFragment"
        tools:layout="@layout/fragment_drawer"
        />
</navigation>

基本上我的 MainActivity 直接导航到一个 DrawerFragment，它在这里：

<androidx.drawerlayout.widget.DrawerLayout
    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/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.rocketman.drawer.DrawerFragment">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.example.rocketman.drawer.DrawerFragment">
        <com.google.android.material.appbar.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <com.google.android.material.appbar.MaterialToolbar
                android:id="@+id/toolbar_home"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/midnight_blue"
                app:titleTextColor="@color/white"/>
        </com.google.android.material.appbar.AppBarLayout>
        <androidx.fragment.app.FragmentContainerView
            android:id="@+id/drawer_container"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>
    </LinearLayout>
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/drawer_nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/drawer_header"
        app:menu="@menu/drawer" />
</androidx.drawerlayout.widget.DrawerLayout>

最后，我的DrawerFragment ：

private const val KEY_SELECTED_DRAWER_ITEM = "DRAWER_SELECTED_ITEM_ID_KEY"

class DrawerFragment: Fragment() {

    private lateinit var binding: FragmentDrawerBinding
    private var drawerSelectedItemId = R.id.nav_home

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        binding = FragmentDrawerBinding.inflate(inflater)
        (requireActivity() as AppCompatActivity).setSupportActionBar(toolbar_home)
        return binding.root
    }

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

        savedInstanceState?.let {
            drawerSelectedItemId = it.getInt(KEY_SELECTED_DRAWER_ITEM, drawerSelectedItemId)
        }

        setupDrawer()
        setBackPressedHandler()
    }

    private fun setBackPressedHandler() {
        requireActivity().onBackPressedDispatcher.addCallback(viewLifecycleOwner) {
            if (binding.drawerLayout.isOpen) {
                binding.drawerLayout.close()
            } else {
                findNavController().popBackStack()
            }
        }
    }

    override fun onSaveInstanceState(outState: Bundle) {
        outState.putInt(KEY_SELECTED_DRAWER_ITEM, drawerSelectedItemId)
        super.onSaveInstanceState(outState)
    }

    private fun setupDrawer() {
        val controller = binding.drawerNavView.setupWithNavController(
            childFragmentManager,
            findNavController(),
            listOf(
                //all the items on the Drawer have their own navigation graph
                R.navigation.home,
                R.navigation.rocket,
                R.navigation.company
            ),
            R.id.drawer_container,
            drawerSelectedItemId,
            requireActivity().intent
        )

        controller.observe(
            viewLifecycleOwner,
            { navController ->
                NavigationUI.setupWithNavController(
                    binding.toolbarHome,
                    navController,
                    binding.drawerLayout
                )

                drawerSelectedItemId = navController.graph.id
            }
        )
    }
}

换句话说，抽屉有三个项目： home ， rocket和company ，可以在这里看到， menu/drawer ：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/nav_home"
        android:checked="true"
        android:checkable="true"
        android:icon="@drawable/ic_home"
        android:title="@string/nav_menu_home"
        />
    <item
        android:id="@+id/nav_rocket"
        android:checkable="true"
        android:icon="@drawable/ic_rocket"
        android:title="@string/nav_menu_rocket_list"
        />
    <item
        android:id="@+id/nav_company"
        android:checkable="true"
        android:icon="@drawable/ic_company"
        android:title="@string/nav_menu_company_data"
        />
</menu>

每个home 、 rocket和company都有自己的导航图，例如navigation/company如下所示：

<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_company"
    app:startDestination="@id/companyDataFragment">
    <fragment
        android:id="@+id/companyDataFragment"
        android:name="com.example.rocketman.company.CompanyFragment"
        android:label="@string/nav_menu_company_data"
        tools:layout="@layout/fragment_company_data"
        />
</navigation>

CompanyFragment直截了当：

class CompanyFragment: Fragment() {

    private lateinit var binding: FragmentCompanyDataBinding
    private val vm by lazy {
        ViewModelProvider(this).get(CompanyVM::class.java)
    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setHasOptionsMenu(true)
        Repo.init(requireContext())
    }

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        binding = FragmentCompanyDataBinding.inflate(inflater)
        return binding.root
    }

    override fun onCreateOptionsMenu(menu: Menu, inflater: MenuInflater) {
        super.onCreateOptionsMenu(menu, inflater)
        inflater.inflate(R.menu.company, menu)
    }

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

    private fun setupObservers() {
        //observing
    }
}

那部分有效。

但是，我想为Company创建一个菜单操作。 所以首先我创建一个菜单项menu/company ：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/update"
        android:icon="@drawable/ic_baseline_refresh_24"
        android:title="@string/menu_company_update"
        app:showAsAction="ifRoom|withText"
        />
</menu>

然后在CompanyFragment我调用override onCreate() { setHasOptionsMenu(true) }并override onCreateOptionsMenu() { inflater.inflate(R.menu.company, menu } 。

这应该为工具栏创建选项菜单。 但是，片段仅显示抽屉菜单图标，而不显示选项菜单图标。

我可以向内容片段本身添加一个工具栏，但是该应用程序有两个工具栏，一个带有抽屉，一个带有选项：

如何使工具栏同时具有 NavigationDrawer 和选项项？

Answer 1

根据我从您的问题中了解到的情况，您希望显示溢出菜单和抽屉菜单。

菜单 xml 文件中的 showAsAction 选项可用于控制单个菜单选项在操作栏中的显示方式。

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/update"
        android:icon="@drawable/ic_baseline_refresh_24"
        android:title="@string/menu_company_update"
        app:showAsAction="ifRoom|withText"
        />
</menu>

将其更改为

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/update"
        android:icon="@drawable/ic_baseline_refresh_24"
        android:title="@string/menu_company_update"
        app:showAsAction="never"
        />
</menu>

这将在溢出菜单中显示菜单项。

Answer 2

还是有很多人继续用ActionBar，我们不用再用了。 如果我是你，我不会使用与 ActionBar 相关的 ActionBar 和setHasOptionsMenu(true) ，而只会使用 Toolbar。

只需删除setHasOptionsMenu(true) 、 onCreateOptionsMenu()和onOptionsItemSelected() （如果有的话）。

相反，直接在工具栏上使用Toolbar.inflateMenu()和Toolbar.setOnMenuItemClickListener() 。