在本文中,我们将像在Spotify中那样实现底部导航。我们都遇到了带有底部导航栏的应用程序。一些受欢迎的示例包括Instagram,Snapchat等。在本文中,让我们学习如何在Android应用程序中实现简单时尚的SuperBottomBar功能底部导航栏。有关创建基本的底部导航栏的信息,请参阅Android中的底部导航栏。
分步实施
步骤1:创建一个新项目
要在Android Studio中创建新项目,请参阅如何在Android Studio中创建/启动新项目。请注意,选择Java作为编程语言。
步骤2:添加依赖项和JitPack存储库
导航到Gradle脚本> build.gradle(Module:app)并将以下依赖项添加到“依赖项”部分。
implementation ‘com.github.ertugrulkaragoz:SuperBottomBar:0.4’
将JitPack存储库添加到您的构建文件中。将其添加到allprojects {}部分中存储库末尾的根build.gradle中。
allprojects {
repositories {
…
maven { url “https://jitpack.io” }
}
}
添加此依赖项后,同步您的项目,现在我们将继续执行它。
步骤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();
}
});
}
}
输出: