Android 底部導航欄 BottomNavigationView 是一種常用的用戶界面組件,用于在底部顯示導航選項卡。使用 BottomNavigationView 可以方便地切換不同的頁面或功能。
以下是 BottomNavigationView 的使用步驟:
步驟1:在 XML 布局文件中添加 BottomNavigationView。
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomNavigationView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:menu="@menu/bottom_navigation_menu" />
步驟2:創建底部導航欄菜單文件 bottom_navigation_menu.xml。
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/navigation_item_1"
android:title="Item 1"
android:icon="@drawable/ic_item_1" />
<item
android:id="@+id/navigation_item_2"
android:title="Item 2"
android:icon="@drawable/ic_item_2" />
<item
android:id="@+id/navigation_item_3"
android:title="Item 3"
android:icon="@drawable/ic_item_3" />
</menu>
步驟3:在 Activity 或 Fragment 中找到 BottomNavigationView,并設置選中項的監聽器。
BottomNavigationView bottomNavigationView = findViewById(R.id.bottomNavigationView);
bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.navigation_item_1:
// 處理 Item 1 的點擊事件
return true;
case R.id.navigation_item_2:
// 處理 Item 2 的點擊事件
return true;
case R.id.navigation_item_3:
// 處理 Item 3 的點擊事件
return true;
}
return false;
}
});
步驟4:根據選中的導航項,在相應的邏輯中顯示對應的頁面或功能。
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.navigation_item_1:
// 顯示 Item 1 的頁面或功能
return true;
case R.id.navigation_item_2:
// 顯示 Item 2 的頁面或功能
return true;
case R.id.navigation_item_3:
// 顯示 Item 3 的頁面或功能
return true;
}
return false;
}
以上是 BottomNavigationView 的基本使用步驟。你可以根據自己的需要自定義菜單項和點擊事件的邏輯。此外,你還可以通過設置圖標和文字等屬性來自定義底部導航欄的樣式。