android studio 4个底部导航栏完整代码
时间: 2023-07-27 12:34:06 浏览: 108
Android底部导航栏代码
5星 · 资源好评率100%
以下是一个简单的 Android Studio 底部导航栏的示例代码,包含 4 个选项卡:
1. 首先,在 `build.gradle` 文件中添加以下依赖项:
```groovy
implementation 'com.google.android.material:material:1.3.0'
```
2. 在布局文件中添加 `BottomNavigationView` 组件:
```xml
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottom_navigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:menu="@menu/bottom_navigation_menu" />
```
3. 在 `res/menu` 目录下创建一个名为 `bottom_navigation_menu.xml` 的菜单文件,并添加 4 个菜单项:
```xml
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/navigation_home"
android:icon="@drawable/ic_home"
android:title="@string/home" />
<item
android:id="@+id/navigation_dashboard"
android:icon="@drawable/ic_dashboard"
android:title="@string/dashboard" />
<item
android:id="@+id/navigation_notifications"
android:icon="@drawable/ic_notifications"
android:title="@string/notifications" />
<item
android:id="@+id/navigation_profile"
android:icon="@drawable/ic_profile"
android:title="@string/profile" />
</menu>
```
4. 在 `MainActivity` 中添加以下代码:
```java
public class MainActivity extends AppCompatActivity {
private BottomNavigationView bottomNavigationView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
bottomNavigationView = findViewById(R.id.bottom_navigation);
bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.navigation_home:
// 点击首页选项卡时的操作
return true;
case R.id.navigation_dashboard:
// 点击仪表板选项卡时的操作
return true;
case R.id.navigation_notifications:
// 点击通知选项卡时的操作
return true;
case R.id.navigation_profile:
// 点击个人资料选项卡时的操作
return true;
}
return false;
}
});
}
}
```
这样就完成了一个简单的 4 个底部导航栏的示例代码。
阅读全文