![这里写图片描述](https://img-blog.csdn.net/20180103135907544?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaF9zcTE4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
compile 'com.hjm:BottomTabBar:1.1.1'
- 创建BottomTabBar的布局(不居中不用写fragment布局)
<com.hjm.bottomtabbar.BottomTabBar
android:layout_alignParentBottom="true"
android:id="@+id/bottomTabBar"
android:layout_width="match_parent"
android:layout_height="match_parent">
</com.hjm.bottomtabbar.BottomTabBar>
- 获取控件给控件设置实现上图效果(需要五张底部导航图片,创建5个相对应的fragment)
//获取控件
mBottomTabBar = (BottomTabBar) findViewById(R.id.bottomTabBar)
//BottomTabBar配置
mBottomTabBar.init(getSupportFragmentManager()) //bottomTabBar是找到的控件的名字
.setImgSize(50,50)
.setFontSize(8)//字体的大小
.setTabPadding(4,6,10)
.setChangeColor(Color.RED,Color.DKGRAY)
//导航栏文字描述,图片id,fragment
.addTabItem("首页", R.drawable.sy_n,HomeFragment.class)
.addTabItem("分类", R.drawable.fl_n,ClassifyFragment.class)
.addTabItem("发现",R.drawable.fx_n, FindFragment.class)
.addTabItem("购物车",R.drawable.gwc_n, ShopFragment.class)
.addTabItem("我的",R.drawable.wd_n, MyFragment.class)
.isShowDivider(false)
.setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
@Override
public void onTabChange(int position, String name) {
}
})