首先导入依赖
implementation ‘com.hjm:BottomTabBar:1.1.3’
然后在布局文件中写入这个控件
<com.hjm.bottomtabbar.BottomTabBar
android:id="@+id/bottom_tab_bar"
android:layout_width="match_parent"
android:layout_height="match_parent" />
然后在这个就是一个具体的调用
.setChangeColor(Color.RED,Color.DKGRAY)
.addTabItem("首页",R.mipmap.ic_launcher,ShouFragment.class)
.addTabItem("分类",R.mipmap.ic_launcher,FenLeiFragment.class)
.addTabItem("发现",R.mipmap.ic_launcher,FaXianFragment.class)
.addTabItem("购物车",R.mipmap.ic_launcher,GouWuFragment.class)
.addTabItem("订单",R.mipmap.ic_launcher,DinDanFragment.class)
.isShowDivider(false)
.setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
@Override
public void onTabChange(int position, String name, View view) {
}
});
控件属性
tab_bar_background BottomTabBar的整体背景颜色
tab_img_width 图片宽度
tab_img_height 图片高度
tab_font_size 文字尺寸
tab_padding_top 上边距
tab_img_font_padding 图片文字间隔
tab_padding_bottom 下边距
tab_isshow_divider 是否显示分割线
tab_divider_height 分割线高度
tab_divider_background 分割线背景
tab_selected_color 选中的颜色
tab_unselected_color 未选中的颜色
(3)Activity:
bottomTabBar.init(getSupportFragmentManager())
.setImgSize(35, 35)
.setFontSize(10)
.setChangeColor(Color.RED, Color.GRAY)
.addTabItem(“页”, R.mipmap.ic_nav_home_press, R.mipmap.ic_nav_home, Fragment1.class)
.addTabItem(“类”, R.mipmap.ic_nav_class_press, R.mipmap.ic_nav_class, Fragment2.class)
.addTabItem(“车”, R.mipmap.ic_nav_cart_press, R.mipmap.ic_nav_cart, Fragment3.class)
.addTabItem(“人”, R.mipmap.ic_nav_user_press, R.mipmap.ic_nav_user, Fragment4.class)
.isShowDivider(false);
前面第一个是点击后的图片,第二个是点击前的图片
ok,这个东西比较简单完事。