我有一个带有底部菜单栏的应用程序,用户可以使用它在4个主页选项卡之间切换。像下面这样工作正常。
我唯一的问题是当我在不同片段之间切换时,它显示后退按钮。由于所有这些片段都处于同一级别,所以我不希望它表现那样。
这是我的实现。
MainNavigationActivity
class MainNavigationActivity : AppCompatActivity() {
private lateinit var navigationController: NavController
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
initialization()
}
private fun initialization(){
navigationController = Navigation.findNavController(this, R.id.hostFragment)
setSupportActionBar(toolbar)
NavigationUI.setupWithNavController(bottomNavigationBar,navigationController)
NavigationUI.setupActionBarWithNavController(this,navigationController)
}
override fun onBackPressed() {
onSupportNavigateUp()
}
MainNavigationActivity布局
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".activities.MainNavigationActivity">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:background="@color/colorPrimary"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>
<fragment
android:id="@+id/hostFragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/toolbar"
android:layout_above="@id/bottomNavigationBar"
app:defaultNavHost="true"
app:navGraph="@navigation/main_navigation_graph" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomNavigationBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="@android:color/white"
app:menu="@menu/bottom_navigation_menu"
app:labelVisibilityMode="labeled"/>
</RelativeLayout>
bottom_navigation_menu.xml
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/navigation_home"
android:state_checked="true"
android:color="@color/colorPrimary"
android:title="@string/navigation_home"
android:icon="@drawable/ic_bottom_bar_menu_home"/>
<item
android:id="@+id/navigation_offers"
android:state_checked="false"
android:color="@color/gray"
android:title="@string/navigation_offers"
android:icon="@drawable/ic_bottom_bar_menu_offers"/>
<item
android:id="@+id/navigation_my_bookings"
android:state_checked="false"
android:color="@color/gray"
android:title="@string/navigation_my_bookings"
android:icon="@drawable/ic_bottom_bar_menu_bookings"/>
<item
android:id="@+id/navigation_my_account"
android:state_checked="false"
android:color="@color/gray"
android:title="@string/navigation_my_account"
android:icon="@drawable/ic_bottom_bar_menu_account"/>
</menu>
将ID赋予导航图中的片段,而menu.xml中的ID相同。这样便可以识别正确的片段并正确切换到该片段。
如何在主屏幕级别的工具栏上删除此后退按钮?
答案 0 :(得分:3)
您还可以使用AppBarConfiguration
的扩展功能,该功能将底部导航菜单作为其参数,只是使事情变得简单一些。 Check here
它将底部导航栏中的所有片段设置为顶级目的地。
就这么简单:
val appBarConfiguration = AppBarConfiguration(bottomNavigationBar.menu)
setupActionBarWithNavController(navigationController, appBarConfiguration)
同样,如@ianhanniballake所建议的那样,您需要具有navigation-ui-ktx
才能起作用。
答案 1 :(得分:0)
根据the NavigationUI
documentation:
默认情况下,当用户位于导航图的顶级目标位置时,“导航”按钮处于隐藏状态,而在其他任何目标位置均显示为“向上”按钮。
如果要自定义哪些目标被视为顶级目标,则可以将一组目标ID传递给构造函数,如下所示:
val appBarConfiguration = AppBarConfiguration(setOf(
R.id.navigation_home, R.id.navigation_offers,
R.id.navigation_my_bookings, R.id.navigation_my_account))
(请注意,此构造函数需要navigation-ui-ktx
工件-替代方法是使用AppBarConfiguration.Builder
)