Android底部导航栏中的Easy Fashion Chip按钮

我们都遇到了带有底部导航栏的应用程序。一些受欢迎的示例包括Instagram，Snapchat等。在本文中，让我们学习如何在Android应用程序中实现简单时尚的功能性底部导航栏。有关创建基本的底部导航栏的信息，请参阅Android中的底部导航栏。下面给出了一个示例GIF，以了解我们将在本文中做些什么。注意，我们将使用Java语言实现该项目。

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

• 它使用户可以轻松地从一个片段导航到另一个片段。
• 它使查看应用程序中存在的所有其他屏幕变得容易。
• 用户可以轻松地检查当前正在使用哪个屏幕。

分步实施

步骤1：创建一个新项目

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

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

implementation ‘com.ismaeldivita.chipnavigation:chip-navigation-bar:1.3.4’

步骤3：使用activity_main.xml文件

导航到应用程序> res>布局> activity_main.xml，然后将以下代码添加到该文件中。以下是activity_main.xml文件的代码。

这是activity_main.xml的样子：

步骤4：为Chip Navigation Bar创建菜单

转到应用程序> res>右键单击>新建> Android Resource File，然后在弹出屏幕中选择Resource type作为Menu ，并将文件名保留为menu 。以下是menu.xml文件的代码。

步骤5：使用MainActivity。 Java文件

转到MainActivity。 Java文件并参考以下代码。下面是MainActivity的代码。 Java文件。在代码内部添加了注释，以更详细地了解代码。

Java

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import com.ismaeldivita.chipnavigation.ChipNavigationBar;
  
public class MainActivity extends AppCompatActivity {
  
    ChipNavigationBar chipNavigationBar;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        chipNavigationBar = findViewById(R.id.bottom_nav_bar);
    }
}

输出：

想要一个节奏更快，更具竞争性的环境来学习Android的基础知识吗?

单击此处，前往由我们的专家精心策划的指南，以使您立即做好行业准备！