如何在底部应用栏中使用后退按钮实现导航。安卓

Posted

技术标签:

【中文标题】如何在底部应用栏中使用后退按钮实现导航。安卓【英文标题】:How Implement navigation with back button in bottom app bar. ANDROID 【发布时间】:2021-12-19 23:03:54 【问题描述】:

我想用appbottombar实现导航,我的目标是在应用程序中的任何页面上都应该有返回按钮来导航,除了主页,我该如何实现?我尝试了 navgraph host 但无法成功,我正在谷歌搜索但找不到合适的解决方案,如果有人可以提供帮助,请发表评论或写一些建议

活动代码:

class MainActivity : AppCompatActivity() 
    private val profilePageFragment = ProfilePageFragment()
    private val homePageFragment = HomePageFragment()
    private val promoPageFragment = PromoPageFragment()
    private val newsPageFragment = NewsPageFragment()


    override fun onCreate(savedInstanceState: Bundle?) 
        super.onCreate(savedInstanceState)
        val binding =
            DataBindingUtil.setContentView<ActivityMainBinding>(this,R.layout.activity_main)

//        setSupportActionBar(binding.toolbar)
//        val navController = this.findNavController(R.id.myNavHostFragment)
//        NavigationUI.setupActionBarWithNavController(this, navController)


       replaceFragment(homePageFragment)

        binding.bottomNavigation.setOnNavigationItemSelectedListener
            when (it.itemId) 
                R.id.hometPage -> replaceFragment(homePageFragment)
                R.id.promotionPage -> replaceFragment(promoPageFragment)
                R.id.newsPage -> replaceFragment(newsPageFragment)
                R.id.profile -> replaceFragment(profilePageFragment)

            
            true
        


    

//    override fun onSupportNavigateUp(): Boolean 
//        val navController = this.findNavController(R.id.myNavHostFragment)
//        return navController.navigateUp()
//    

    private fun replaceFragment(fragment: Fragment)
        if(fragment !=null)
            val transaction = supportFragmentManager.beginTransaction()
            transaction.replace(R.id.bottom_navigation,fragment)
            transaction.commit()
        
    


XML 代码:

<?xml version="1.0" encoding="utf-8"?>
    <layout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto">
    
        <data>
            <variable
                name="mainActivity"
                type="com.example.navigation.MainActivity" />
        </data>
    
    
        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/constraint"
            android:layout_
            android:layout_>
    
            <com.google.android.material.bottomnavigation.BottomNavigationView
                android:id="@+id/bottom_navigation"
                android:layout_
                android:layout_
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:menu="@menu/menu"
                titleLabelText="true"
                app:itemRippleColor="@color/white" />
    
    
            <!--    <fragment-->
            <!--        android:id="@+id/myNavHostFragment"-->
            <!--        android:name="androidx.navigation.fragment.NavHostFragment"-->
            <!--        android:layout_-->
            <!--        android:layout_-->
            <!--        app:navGraph="@navigation/navigation"-->
            <!--        titleLabelText="dasdasdsa"-->
            <!--        app:defaultNavHost="true">-->
    
            <!--    </fragment>-->
    
            <FrameLayout
                android:id="@+id/fragment_container"
                android:layout_
                android:layout_
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintBottom_toTopOf="@+id/bottom_navigation"/>
 
    
        </androidx.constraintlayout.widget.ConstraintLayout>
    </layout>

【问题讨论】:

navGraph 很简单,解释一下您在使用 navGraph 时遇到的问题。也发navigation.xml 【参考方案1】:

    只使用默认模板

    就在你的包裹上,而不是空的活动使用底部导航

【讨论】:

以上是关于如何在底部应用栏中使用后退按钮实现导航。安卓的主要内容,如果未能解决你的问题,请参考以下文章

如何在 uiviewcontroller 的导航栏中添加后退按钮?

如何更改 iOS 13 导航栏中的后退按钮图像?

从 SwiftUI 中的导航栏中删除后退按钮文本

以编程方式创建的后退按钮未显示在导航栏中?

如何隐藏导航栏后退按钮

IOS - 垂直对齐导航栏中的后退按钮