GIF.gif

底部切换卡用到自定义的BottomNavigationViewEx

地址：https://github.com/ittianyu/BottomNavigationViewEx

一，在这里设置BottomNavigationView底部切换卡图片

qwe.png

< ?xml version="1.0" encoding="utf-8"?>
< menu xmlns:android="http://schemas.android.com/apk/res/android">

<item
    android:id="@+id/btn_news"
    android:icon="@drawable/ic_news"
    android:title="@string/news" />

<item
    android:id="@+id/btn_joke"
    android:icon="@drawable/ic_joke"
    android:title="@string/joke" />

<item
    android:id="@+id/btn_pic"
    android:icon="@drawable/ic_photo"
    android:title="@string/pic" />

<item
    android:id="@+id/btn_person"
    android:icon="@drawable/ic_my"
    android:title="@string/person" />

< /menu>

activity_main.xml代码

<com.zjq.demo_zjq.ui.widget.BottomNavigationViewEx
    android:id="@+id/navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:background="?android:attr/windowBackground"
    app:menu="@menu/navigation" />

自定义BottomNavigationViewEx代码在上面链接里面

这里不用关心太多,直接复制过来就行了
例如我的：

123.png

最后设置MainActivity代码 禁用导航栏启用动画

   private BottomNavigationViewEx navigation;//声明BottomNavigationViewEx
   @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ButterKnife.bind(this);

    findView();
     }
   private void findView() {
       //禁用导航栏启用动画
       navigation.enableAnimation(false);
       navigation.enableShiftingMode(false);
       navigation.enableItemShiftingMode(false); 
       }