Android中的底部导航栏

我们都遇到了带有底部导航栏的应用程序。一些受欢迎的示例包括Instagram，WhatsApp等。在本文中，我们将学习如何在Android应用中实现这种功能的底部导航栏。以下是示例底部导航栏的预览：

为什么我们需要底部导航栏?

• 它允许用户轻松切换到不同的活动/片段。
• 它使用户了解应用程序中可用的不同屏幕。
• 用户现在可以检查他们在哪个屏幕上。

以下是底部导航栏的解剖图：

创建底部导航栏的步骤

步骤1：建立新的Android Studio专案

要在Android Studio中创建新项目，请参阅如何在Android Studio中创建/启动新项目。请注意，选择Kotlin作为编程语言。

步骤2：将依赖项添加到build.gradle(：app)文件中

我们将使用Android的Material Design库，因此我们需要将其导入build.gradle(：app) 文件。这是我们需要添加的依赖项：

implementation ‘com.google.android.material:material:1.2.0’

步骤3：使用activity_main.xml文件

对于此示例，使用FrameLayout和Bottom Navigation Bar创建一个基本应用。 FrameLayout将包含片段，这些片段将随着用户单击底部导航栏中的项目而改变。这是activity_main.xml的样子：

XML

Kotlin

import androidx.fragment.app.Fragment
  
class FirstFragment:Fragment(R.layout.fragment_first) {
}

Kotlin

import androidx.fragment.app.Fragment
  
class SecondFragment:Fragment(R.layout.fragment_second) {
}

Kotlin

import androidx.fragment.app.Fragment
  
class ThirdFragment:Fragment(R.layout.fragment_third) {
}

Kotlin

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.fragment.app.Fragment
import kotlinx.android.synthetic.main.activity_main.*
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        val firstFragment=FirstFragment()
        val secondFragment=SecondFragment()
        val thirdFragment=ThirdFragment()
  
        setCurrentFragment(firstFragment)
  
        bottomNavigationView.setOnNavigationItemSelectedListener {
            when(it.itemId){
                R.id.home->setCurrentFragment(firstFragment)
                R.id.person->setCurrentFragment(secondFragment)
                R.id.settings->setCurrentFragment(thirdFragment)
  
            }
            true
        }
  
    }
  
    private fun setCurrentFragment(fragment:Fragment)=
        supportFragmentManager.beginTransaction().apply {
            replace(R.id.flFragment,fragment)
            commit()
        }
      
}

步骤4：为底部导航栏创建菜单

导航栏需要包含一些将使用Menu创建的项目。要创建菜单，首先，创建菜单目录 通过单击应用程序-> res (右键单击)->新建-> Android资源目录，然后在资源类型中选择菜单。

要创建菜单资源文件，请单击应用程序-> res- >菜单(右键单击)->新建->菜单资源文件，并将其命名为bottom_nav_menu 。

现在，用户可以在bottom_nav_menu.xml文件中创建任意数量的项。用户还需要为每个项目创建一个图标。要创建图标，请在应用程序上单击-> res- > drawable (右键单击)->新建->图片资产。

在打开的窗口中，用户可以根据需要命名图标，但该图标不应包含任何大写字母。用户可以通过搜索选择所需的图标，完成操作后，单击下一步->完成。

现在，将这些项目添加到bottom_nav_menu.xml中。添加项目后， bottom_nav_menu.xml文件如下所示：

步骤5：更改操作栏样式

由于我们使用的是Google的材料设计库，因此我们需要更改操作栏的样式以使用相同的库，否则底部导航栏将为黑色，并且其项目将不可见。要更改它，请通过单击应用程序-> res- >值-> styles.xml导航到styles.xml并将样式开头标记更改为：