BottomTabBar实现项目底部导航栏(自带选中变色)
程序员文章站
2022-05-30 16:47:39
...
- 示例效果展示(底部导航栏选中时会变色)
- 首先导入BottomTabBar的依赖
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) {
}
});