实现底部导航的方式很多,大家可以在网上搜索一下就有很多参考了。我这里记录一下BottomNavigationView加ViewPage的方式实现的方法。开发工具是Android Studio3.5.2
一、效果预览
二、创建带有BottomNavigationView的项目
打开Android Studio新建一个项目,选择Bottom Navigation Activity,这样创建出来的就是有底部导航栏的项目了
三、自定义布局
我们需要再main布局中添加viewPager标签,所以需要稍稍改动一下默认布局,可是我比较喜欢LinearLayout,所以我就改动大一点吧。要注意的是ViewPager和BottomNavigationView需要写全包名
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="match_parent">
<androidx.viewpager.widget.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"/>
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/nav_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?android:attr/windowBackground"
app:menu="@menu/bottom_nav_menu" />
</LinearLayout>
</LinearLayout>
四、修改navigation菜单文件
在项目的menu文件夹下找到navigation.xml,这个文件定义了navigation展示的图标以及文字,大家可以修改成自己想要的样子。不过我们需要做的是添加一个orderInCategory属性,目的是能在代码中知道点击了哪一项
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:orderInCategory="0"
android:id="@+id/navigation_home"
android:icon="@drawable/ic_home_black_24dp"
android:title="@string/title_home" />
<item
android:orderInCategory="1"
android:id="@+id/navigation_dashboard"
android:icon="@drawable/ic_dashboard_black_24dp"
android:title="@string/title_dashboard" />
<item
android:orderInCategory="2"
android:id="@+id/navigation_notifications"
android:icon="@drawable/ic_notifications_black_24dp"
android:title="@string/title_notifications" />
</menu>
五、创建Fragment
创建自己想要展示的fragment以及对应的layout,然后再把它们对应起来。我这里创建三个,以下是其中一个
Fragment_home.java
public class Fragment_home extends Fragment {
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_home,container,false);
}
}
fragment_home.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="fragment_home"/>
</androidx.constraintlayout.widget.ConstraintLayout>
六、Java代码控制
以上工作都完成之后我们就可以写Java代码了。其实也很简单,分别找到BottomNavigationView、ViewPager,然后对他们设置监听(我以接口的方式),再在需要重写的方法里实现自己的逻辑控制即可
MainActivity.java
public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener,BottomNavigationView.OnNavigationItemSelectedListener{
private BottomNavigationView navigationView;
private ViewPager viewPager;
private Fragment_home fragment_home = new Fragment_home();
private Fragment_dashboard fragment_dashboard = new Fragment_dashboard();
private Fragment_notifications fragment_notifications = new Fragment_notifications();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewPager = findViewById(R.id.viewPager);
viewPager.addOnPageChangeListener(this);//监听viewPager页面变化
navigationView = findViewById(R.id.nav_view);
navigationView.setOnNavigationItemSelectedListener(this);
viewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
@NonNull
@Override
public Fragment getItem(int position) {
switch (position){
case 0:
return fragment_home;
case 1:
return fragment_dashboard;
case 2:
return fragment_notifications;
}
return null;
}
@Override
public int getCount() {
return 3;
}
});
}
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
navigationView.getMenu().getItem(position).setChecked(true);
}
@Override
public void onPageScrollStateChanged(int state) {
}
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {
//menu/navigation.xml里加的android:orderInCategory属性就是下面item.getOrder()取的值
viewPager.setCurrentItem(menuItem.getOrder());
return true;
}
}