BottomTabBar 底部导航栏框架使用

weixin_42429629

于 2018-07-23 18:55:25 发布

阅读量525

点赞数

本文链接：https://blog.csdn.net/weixin_42429629/article/details/81172709

版权

第一步：添加依赖：

implementation 'com.hjm:BottomTabBar:1.1.3'

第二步：添加布局xml文件：

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

第三步：在Activity中设置底部导航各个图片以及名称：

mBottomTabBar = (BottomTabBar) findViewById(R.id.bottom_tab_bar);

        mBottomTabBar
                .init(getSupportFragmentManager())
                .setImgSize(70, 70)//设置图片尺寸
                .setFontSize(10)//设置文字大小
                .setTabPadding(4, 6, 10)//设置ICON图片与上部分割线的间隔、图片与文字的间隔、文字与底部的间隔
                .setChangeColor(Color.DKGRAY, Color.GREEN)//设置选中的颜色、未选中的颜色
                .addTabItem("首页", R.drawable.aa, ShouyeFragment.class)
                .addTabItem("发现", R.drawable.bb, FaxianFragment.class)
                .addTabItem("最近", R.drawable.cc, ZuijinFragment.class)
                .addTabItem("我的", R.drawable.dd, WodeFragment.class)
                .isShowDivider(false)//设置是否显示分割线
                .setTabBarBackgroundColor(Color.WHITE)
                .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
                    @Override
                    public void onTabChange(int position, String name, View view) {

                    }
                }).setCurrentTab(0);//设置当前选中的Tab，从0开始。

效果图：