Android底部导航栏的实现

​​​​​​先直接上图

实现步骤：
1、导入引用

compile 'com.hjm:BottomTabBar:1.1.3'

2、在mainfreagment.xml设置布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:hjm="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.hjm.bottomtabbar.BottomTabBar
        android:id="@+id/bottom_tab_bar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        hjm:tab_bar_background="#FFFFFF"
        hjm:tab_divider_background="#FF0000"
        hjm:tab_divider_height="5dp"
        hjm:tab_font_size="6sp"
        hjm:tab_img_font_padding="0dp"
        hjm:tab_img_height="30dp"
        hjm:tab_img_width="30dp"
        hjm:tab_isshow_divider="true"
        hjm:tab_padding_bottom="5dp"
        hjm:tab_padding_top="8dp"
        hjm:tab_selected_color="#000000"
        hjm:tab_unselected_color="@color/colorPrimary" />

</LinearLayout>

3、在mainfreagment.class添加布局

package com.aebell.app.sxjs.view.fragment;
import android.graphics.Color;
import android.view.View;
import com.aebell.app.R;
import com.aebell.app.sxjs.view.base.SXWpBaseFm;
import com.aebell.app.zhjs.np.common.utils.ToastUtils;
import com.hjm.bottomtabbar.BottomTabBar;
/**
 * MainFm
 *
 * @author lyw
 * @version V1.0 <描述当前版本功能>
 * @FileName com.aebell.app.sxjs.view.fragment
 * @date 2019/4/10 9:40
 */
public class SXWpMainFm extends SXWpBaseFm {
    private BottomTabBar mBottomTabBar;

    @Override
    public int setLayout() {
        return R.layout.sx_fragment_main;
    }

    @Override
    public void initUI(View view) {
        mBottomTabBar = (BottomTabBar) view.findViewById(R.id.bottom_tab_bar);
    }

    @Override
    public void initDate() {
        mBottomTabBar.init(mActivity.getSupportFragmentManager())//初始化方法，必须第一个调用；传入参数为V4包下的FragmentManager
                .setImgSize(50, 50)//设置ICON图片的尺寸
                .setFontSize(15)//设置文字的尺寸
                .setTabPadding(4, 6, 10)//设置ICON图片与上部分割线的间隔、图片与文字的间隔、文字与底部的间隔
                .setChangeColor(Color.DKGRAY, Color.RED)//设置选中的颜色、未选中的颜色
                .addTabItem("第一页R.mipmap.ic_launcher, CrimQueryFm.class)//设置文字、一张图片、fragment
                .addTabItem("第二页R.mipmap.ic_launcher, ViolationFm.class)//设置文字、两张图片、fragment
                .addTabItem("第三页R.mipmap.ic_launcher, TakeInOutFm.class)//设置文字、两张图片、fragment
                .addTabItem("第四页R.mipmap.ic_launcher, DoctorMessageFm.class)//设置文字、两张图片、fragment
                .isShowDivider(false)//设置是否显示分割线    .setTabBarBackgroundColor(Color.WHITE)//设置底部导航栏颜色
//                .setTabBarBackgroundResource(R.mipmap.ic_launcher)//设置底部导航栏的背景图片【与设置底部导航栏颜色方法不能同时使用，否则会覆盖掉前边设置的颜色】
                .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
                    @Override
                    public void onTabChange(int i, String s, View view) {
                        ToastUtils.showShort("你选择的是" + i + "名字是--》" + s);
                    }
                })
                .setCurrentTab(0);//设置当前选中的Tab，从0开始
    }

    @Override
    public void initEvent() {

    }
}