第一步：导入依赖：implementation ‘com.hjm:BottomTabBar:1.2.2’

【Android】BottomTabBar的使用详解

第二步：activity_main.xml代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.hjm.bottomtabbar.BottomTabBar
        android:id="@+id/bottom_tab_bar"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </com.hjm.bottomtabbar.BottomTabBar>
    
</LinearLayout>

第三步：MainActivity.java代码

package cn.itcast.dhm.bottombar;

import android.graphics.Color;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;

import com.hjm.bottomtabbar.BottomTabBar;

public class MainActivity extends AppCompatActivity {
    BottomTabBar bottomtabbar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        bottomtabbar = findViewById(R.id.bottom_tab_bar);
        bottomtabbar.init(getSupportFragmentManager())
                .setImgSize(50,50)
                .setFontSize(8)
                .setTabPadding(4,6,10)
                .setChangeColor(Color.DKGRAY,Color.RED)
                .addTabItem("第一项", R.mipmap.ic_launcher, BlankFragment1.class)//图片随意添加
                .addTabItem("第二项", R.mipmap.ic_launcher, BlankFragment2.class)
                .addTabItem("第三项", R.mipmap.ic_launcher, BlankFragment3.class)
                .addTabItem("第四项", R.mipmap.ic_launcher, BlankFragment4.class)
                .setTabBarBackgroundColor(Color.WHITE)
                .isShowDivider(false);
    }
}

第四步：在layout文件夹上右键点击new一个fragment_blank

新建4个，并命名为:
fragment_blank_fragment1.xml,
fragment_blank_fragment2.xml,
fragment_blank_fragment3.xml,
fragment_blank_fragment4.xml
【Android】BottomTabBar的使用详解
代码基本相同，里面的TextView按顺序改好方便看效果
fragment_blank_fragment1.xml代码（其余相同，里面就是一个数字不同）：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".BlankFragment1">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="我是第1 " />

</FrameLayout>

第五步：前面的四个xml对应的.java文件代码，也是基本相同

这里只列出第一个

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class BlankFragment1 extends Fragment{
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_blank_fragment1, container, false);
        //上面的R.layout.xml名
        return view;

    }
}

这是命名图
【Android】BottomTabBar的使用详解