底部导航栏。

BottomNavigationView - 图1

定义底部按钮

在 res/menu 目录下新建 navigation.xml 文件。

  1. <menu xmlns:android="http://schemas.android.com/apk/res/android">
  2. <item
  3. android:id="@+id/navigation_home"
  4. android:icon="@drawable/ic_home_black_24dp"
  5. android:title="@string/title_home" />
  6. <item
  7. android:id="@+id/navigation_dashboard"
  8. android:icon="@drawable/ic_dashboard_black_24dp"
  9. android:title="@string/title_dashboard" />
  10. <item
  11. android:id="@+id/navigation_notifications"
  12. android:icon="@drawable/ic_notifications_black_24dp"
  13. android:title="@string/title_notifications" />
  14. </menu>

定义布局文件

在任意活动布局中添加 BottomNavigationView 控件。

  1. <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:app="http://schemas.android.com/apk/res-auto"
  3. xmlns:tools="http://schemas.android.com/tools"
  4. android:id="@+id/container"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. tools:context=".MainActivity">
  8. <TextView
  9. android:id="@+id/message"
  10. android:layout_width="wrap_content"
  11. android:layout_height="wrap_content"
  12. android:layout_marginStart="@dimen/activity_horizontal_margin"
  13. android:layout_marginLeft="@dimen/activity_horizontal_margin"
  14. android:layout_marginTop="@dimen/activity_vertical_margin"
  15. android:text="@string/title_home"
  16. app:layout_constraintLeft_toLeftOf="parent"
  17. app:layout_constraintTop_toTopOf="parent" />
  18. <android.support.design.widget.BottomNavigationView
  19. android:id="@+id/navigation"
  20. android:layout_width="0dp"
  21. android:layout_height="wrap_content"
  22. android:layout_marginStart="0dp"
  23. android:layout_marginEnd="0dp"
  24. android:background="?android:attr/windowBackground"
  25. app:layout_constraintBottom_toBottomOf="parent"
  26. app:layout_constraintLeft_toLeftOf="parent"
  27. app:layout_constraintRight_toRightOf="parent"
  28. app:menu="@menu/navigation" />
  29. </android.support.constraint.ConstraintLayout>

定义活动java类

底部导航每点击一个按钮都会触发一个事件,这个操作需要在活动中添加如下【新增代码】。

  1. import android.os.Bundle;
  2. import android.support.annotation.NonNull;
  3. import android.support.design.widget.BottomNavigationView;
  4. import android.support.v7.app.AppCompatActivity;
  5. import android.view.MenuItem;
  6. import android.widget.TextView;
  7. public class MainActivity extends AppCompatActivity {
  8. private TextView mTextMessage;
  9. // 新增代码
  10. private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
  11. = new BottomNavigationView.OnNavigationItemSelectedListener() {
  12. @Override
  13. public boolean onNavigationItemSelected(@NonNull MenuItem item) {
  14. switch (item.getItemId()) {
  15. case R.id.navigation_home:
  16. mTextMessage.setText(R.string.title_home);
  17. return true;
  18. case R.id.navigation_dashboard:
  19. mTextMessage.setText(R.string.title_dashboard);
  20. return true;
  21. case R.id.navigation_notifications:
  22. mTextMessage.setText(R.string.title_notifications);
  23. return true;
  24. }
  25. return false;
  26. }
  27. };
  28. @Override
  29. protected void onCreate(Bundle savedInstanceState) {
  30. super.onCreate(savedInstanceState);
  31. setContentView(R.layout.activity_main);
  32. // 新增代码
  33. mTextMessage = (TextView) findViewById(R.id.message);
  34. BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
  35. navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
  36. }
  37. }