【问题标题】:How to disable Hamburger Icon turnung into arrrow (Navigation Component)如何禁用汉堡图标变成箭头(导航组件)
【发布时间】:2020-06-17 18:38:34
【问题描述】:

请帮帮我。
简介:我使用导航组件,单活动模式,通过底部导航菜单切换了 3 个片段。我也有抽屉导航。
所有片段都处于同一级别(都是根,直接从底部导航访问)
事情应该是这样的:对于所有片段,必须有一个带有汉堡图标的工具栏用于抽屉。
问题:应用启动时,home fragment 显示抽屉的标准汉堡图标,这没问题。但是当我切换到任何其他片段时,抽屉图标变成箭头图标。 此外,当按下箭头时,抽屉从左侧滑动。这意味着它仍可用作显示抽屉菜单的按钮,但仅更改了图标
问题:如何禁用转换从底部导航菜单切换到另一个片段时,将汉堡图标转换为箭头图标?
文件: 导航图:

<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/bottom_nav_proposals"
    >
    <fragment
        android:id="@id/bottom_nav_proposals"
        android:name="com.base.ProposalsContainerFragment"
        android:label="fragment_proposals"
        tools:layout="@layout/fragment_proposals" />
    <fragment
        android:id="@id/bottom_nav_vehicles"
        android:name="com.base..DriversVehiclesFragment"
        android:label="Vehicles" >
    </fragment>
    <fragment
        android:id="@id/bottom_nav_drivers"
        android:name="com.bijov1apps.base.carrier.root.drivers.DriversVehiclesFragment"
        android:label="Drivers" >
    </fragment>
</navigation>

活动:

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
//initializing Navigation COmponent
       val navHostFragment = supportFragmentManager.findFragmentById(R.id.nav_host_carrier_root) as NavHostFragment
        val navController = navHostFragment.navController
//setting up toobar stuff
        val toolbar: Toolbar = findViewById(R.id.toolbar_root)
        toolbar.setupWithNavController(navController, drawerLayout)
//setting up navigation drawer stuff
        val drawerLayout:DrawerLayout = findViewById(R.id.drawer_layout)
        val navView: NavigationView = findViewById(R.id.nav_view)
        val toggle = ActionBarDrawerToggle(
            this, drawerLayout, toolbar, R.string.navigation_drawer_open, 
        R.string.navigation_drawer_close
        )
        drawerLayout.addDrawerListener(toggle)
        toggle.syncState()
        navView.setNavigationItemSelectedListener(this)
//setting up bottom navigation menu stuff
        val bottomNavigationView = findViewById<BottomNavigationView>(R.id.logisticBottomBar)
        bottomNavigationView.setupWithNavController(navController)
}

【问题讨论】:

  • 确保Navigation Graph 和菜单 XML 文件中的 ID 匹配。有关详细信息,请参阅此视频:youtu.be/wv5VFEcnb-8?t=217(视频将从他解释 ID 时的正确时间戳开始)。
  • 根据developer.android.com/guide/navigation/… 最新版本的导航抽屉与顶部栏重叠,汉堡图标或后退箭头甚至不应该是可见的。
  • @RenéSpies,一切正常,所有 ID 都匹配
  • 仔细听视频中的人怎么说。您使用的 @+id/ 在您的情况下是错误的。
  • @ich5003 问题是关于隐藏抽屉菜单时工具栏中的图标。

标签: android kotlin navigation-drawer hamburger-menu android-navigation-graph


【解决方案1】:

根据Navigation Top App Bar documentation

NavigationUI 使用AppBarConfiguration 对象来管理应用显示区域左上角导航按钮的行为。导航按钮的行为会根据用户是否位于顶级目的地而改变。

顶级目的地是一组分层相关目的地中的根或最高级别目的地。顶级目的地不会在顶部应用栏中显示向上按钮,因为没有更高级别的目的地。默认情况下,您的应用的起始目的地是唯一的顶级目的地。

当用户位于顶级目的地时,如果目的地使用DrawerLayout,则导航按钮将变为抽屉图标。如果目的地不使用 DrawerLayout,导航按钮将被隐藏。 当用户在任何其他目的地时,导航按钮显示为向上按钮。

因此,如果您希望抽屉图标出现在所有顶级图标上,您需要创建一个列出这些目的地的AppBarConfiguration,并在您调用setupWithNavController() 时使用它:

val appBarConfiguration = AppBarConfiguration(
    setOf(R.id.bottom_nav_proposals, R.id.bottom_nav_vehicles, R.id.bottom_nav_drivers), drawerLayout)
toolbar.setupWithNavController(navController, appBarConfiguration)

Navigation Drawer documentation on that same page 还特别指出您在使用导航时不应该使用ActionBarDrawerToggle。您必须删除所有这些代码。

【讨论】:

  • 非常感谢!作为一个魅力工作。我会研究你提到的文档。
猜你喜欢
  • 2015-03-02
  • 2015-11-20
  • 2021-01-18
  • 2015-07-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-07
  • 1970-01-01
相关资源
最近更新 更多