📜  如何在Android App中实现SuperBottomBar?

📅  最后修改于: 2021-05-13 16:21:12             🧑  作者: Mango

在本文中,我们将像在Spotify中那样实现底部导航。我们都遇到了带有底部导航栏的应用程序。一些受欢迎的示例包括Instagram,Snapchat等。在本文中,让我们学习如何在Android应用程序中实现简单时尚的SuperBottomBar功能底部导航栏。有关创建基本的底部导航栏的信息,请参阅Android中的底部导航栏。

分步实施

步骤1:创建一个新项目

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

步骤2:添加依赖项和JitPack存储库

导航到Gradle脚本> build.gradle(Module:app)并将以下依赖项添加到“依赖项”部分。

将JitPack存储库添加到您的构建文件中。将其添加到allprojects {}部分中存储库末尾的根build.gradle中。

添加此依赖项后,同步您的项目,现在我们将继续执行它。

步骤3:使用菜单文件

请参阅如何在Android Studio中创建菜单文件夹和菜单文件并创建菜单文件。以下是menu.xml文件的代码。

XML


    
  
    
  
    
  
    
  
    
      


XML


  
    
  


Java
import android.os.Bundle;
import android.widget.Toast;
  
import androidx.appcompat.app.AppCompatActivity;
  
import me.ertugrul.lib.OnItemSelectedListener;
import me.ertugrul.lib.SuperBottomBar;
  
public class MainActivity extends AppCompatActivity {
      
    SuperBottomBar botttomBar;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
          
        // initialise the layout
        botttomBar = findViewById(R.id.bottomBar);
          
        // when we click on any item the show the toast message as selected
        botttomBar.setOnItemSelectListener(new OnItemSelectedListener() {
            @Override
            public void onItemSelect(int i) {
                Toast.makeText(MainActivity.this, "Selected", Toast.LENGTH_LONG).show();
            }
        });
    }
}


步骤4:使用activity_main.xml文件

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

XML格式



  
    
  

步骤5:使用MainActivity。 Java文件

转到MainActivity。 Java文件并参考以下代码。下面是MainActivity的代码。 Java文件。在代码内部添加了注释,以更详细地了解代码。我们刚刚为BottomBar设置了一个侦听器。

Java

import android.os.Bundle;
import android.widget.Toast;
  
import androidx.appcompat.app.AppCompatActivity;
  
import me.ertugrul.lib.OnItemSelectedListener;
import me.ertugrul.lib.SuperBottomBar;
  
public class MainActivity extends AppCompatActivity {
      
    SuperBottomBar botttomBar;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
          
        // initialise the layout
        botttomBar = findViewById(R.id.bottomBar);
          
        // when we click on any item the show the toast message as selected
        botttomBar.setOnItemSelectListener(new OnItemSelectedListener() {
            @Override
            public void onItemSelect(int i) {
                Toast.makeText(MainActivity.this, "Selected", Toast.LENGTH_LONG).show();
            }
        });
    }
}

输出: