AndroidのBottomNavigationViewの使い方

2年 ago
夏樹, 風
1 minute

Androidでは、BottomNavigationViewを利用することでボトムナビゲーションバーを作成できます。

XML レイアウト ファイルに BottomNavigationView コントロールを追加します。

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    app:menu="@menu/bottom_navigation_menu" />

次に、アクティビティやフラグメントを作成するコードに以下のようなメソッドを使用して、ボトムナビゲーションバーのオプションやリスナーを設定します。

BottomNavigationView bottomNavigationView = findViewById(R.id.bottom_navigation);

// 设置默认选中项
bottomNavigationView.setSelectedItemId(R.id.menu_item1);

// 监听选项点击事件
bottomNavigationView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {
        switch (menuItem.getItemId()) {
            case R.id.menu_item1:
                // 处理点击菜单项1的逻辑
                return true;
            case R.id.menu_item2:
                // 处理点击菜单项2的逻辑
                return true;
            case R.id.menu_item3:
                // 处理点击菜单项3的逻辑
                return true;
        }
        return false;
    }
});

次に、res/menu ディレクトリに bottom_navigation_menu.xml ファイルを作成して、ボトムナビゲーションのオプションを定義する必要があります。

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/menu_item1"
        android:icon="@drawable/ic_menu_item1"
        android:title="Item 1" />
    <item
        android:id="@+id/menu_item2"
        android:icon="@drawable/ic_menu_item2"
        android:title="Item 2" />
    <item
        android:id="@+id/menu_item3"
        android:icon="@drawable/ic_menu_item3"
        android:title="Item 3" />
</menu>

drawableディレクトリ内のic_menu_item1、ic_menu_item2、ic_menu_item3はカスタムのアイコンリソースです。

上記のステップを実行することで、BottomNavigationViewからボトムナビゲーションバーを作成し、オプションのクリックイベントを処理できます。

bannerAds