BottomTabBar的快捷实现方法

最新推荐文章于 2019-09-05 14:45:53 发布

武佳衡

最新推荐文章于 2019-09-05 14:45:53 发布

阅读量419

点赞数

CC 4.0 BY-SA版权

分类专栏： android-studio 文章标签： android 控件布局 xml

本文链接：https://blog.youkuaiyun.com/W2316/article/details/78492417

android-studio 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种在App开发中实现底部导航栏的方法，通过引入BottomTabBar库简化Fragment之间的切换逻辑，包括设置图片大小、字体大小及添加分割线等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们在一个app开发的时候我们都要写Fragment 的点击事件我们呢这里给大家推荐一个很实用的方法来实现我们的页面的切换点击的事件

首先我们要在自己工程中导入一个依赖我们就可以实现上面所说的效果 build.gradle

compile 'com.hjm:BottomTabBar:1.1.1'

然后我们在activitiy.main Xml文建中写入到

    <com.hjm.bottomtabbar.BottomTabBar
        android:layout_alignParentBottom="true"
        android:id="@+id/bottomtabbar"
        android:layout_width="match_parent"
        app:tab_selected_color="@color/colorBlue"
        app:tab_unselected_color="@color/colorGray"
        android:layout_height="match_parent">
    </com.hjm.bottomtabbar.BottomTabBar>

我们写入完成之后再Activity中做操作

 bottomtabbar = (BottomTabBar) findViewById(R.id.bottomtabbar);
        //底部导航栏
        bottomtabbar.init(getSupportFragmentManager())
                .setImgSize(60, 60)
                .setFontSize(15)
                .addTabItem("推荐", R.mipmap.tuijian_select, R.mipmap.tuijian_default, TJ_Fragment.class)
                .addTabItem("段子", R.mipmap.duanzi_select, R.mipmap.duanzi_default, DZ_Fragment.class)
                .addTabItem("视频", R.mipmap.video_select, R.mipmap.video_defaults, Sp_Fragment.class)
                .isShowDivider(false);

setImgSize:是设置添加图片的大小 宽和高的设置

setFontSize: 是设置文字的字体大小

addTabItem: 是添加 文字,点击时候的图片，没点击时候的图片，布局事Fragment类，

isShowDivider :是否要添加分割线

bottomtabbar.setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
            @Override
            public void onTabChange(int position, String name) {
                if(name.equals("推荐")){
                    mActivityBing.name.setText("推荐");
                }else if(name.equals("段子")){
                    mActivityBing.name.setText("段子");
                }else{
                    mActivityBing.name.setText("视频");
                }
            }
        });