-
レイアウトファイルの準備: ボトムナビゲーションを含むレイアウトファイルを作成します。例えば、activity_main.xmlという名前のファイルを作成します。
-
ボトムナビゲーションの設定: activity_main.xml内で、ボトムナビゲーションを設定します。通常、
BottomNavigationViewという要素を使用します。以下は、ボトムナビゲーションの例です。
<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" />- メニューの作成:
res/menuディレクトリ内にbottom_navigation_menu.xmlという名前のメニューファイルを作成します。各タブに対応するメニューアイテムを追加します。以下は、ラベルとアイコンを持つメニューアイテムの例です。
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/navigation_item1"
android:title="Item 1"
android:icon="@drawable/ic_item1" />
<item
android:id="@+id/navigation_item2"
android:title="Item 2"
android:icon="@drawable/ic_item2" />
<item
android:id="@+id/navigation_item3"
android:title="Item 3"
android:icon="@drawable/ic_item3" />
<item
android:id="@+id/navigation_item4"
android:title="Item 4"
android:icon="@drawable/ic_item4" />
</menu>-
アクティビティの作成: 各タブに対応するアクティビティを作成します。例えば、Item1Activity.java、Item2Activity.java、Item3Activity.java、Item4Activity.javaという名前のファイルを作成します。それぞれのアクティビティ内で、対応するレイアウトファイルを表示します。
-
ボトムナビゲーションのリスナーの設定: アクティビティでボトムナビゲーションのリスナーを設定し、各タブが選択されたときに対応するアクティビティを表示するようにします。以下は、リスナーの例です。
BottomNavigationView 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_item1:
startActivity(new Intent(MainActivity.this, Item1Activity.class));
return true;
case R.id.navigation_item2:
startActivity(new Intent(MainActivity.this, Item2Activity.class));
return true;
case R.id.navigation_item3:
startActivity(new Intent(MainActivity.this, Item3Activity.class));
return true;
case R.id.navigation_item4:
startActivity(new Intent(MainActivity.this, Item4Activity.class));
return true;
}
return false;
}
});これで、ボトムナビゲーションの各タブにラベル4を表示することがです。