Android最好用的底部导航栏，开源框架

关注

VIP免费原创最新推荐文章于 2026-03-17 01:51:56 发布 1.3k 阅读 AI 写同款· GEO 优化 ›

快速构建Android底部导航栏：使用PagerBottomTabStrip组件在移动应用开发中，底部导航栏是用户界面中不可或缺的一部分，它帮助用户快速切换应用的主要功能区域。PagerBottomTabStrip作为一个高效且可定制的开源组件，为Android开发者提供了一个强大的解决方案来实现这一功能。开发者可以通过简单地添加依赖和配置XML布局，即可在Android Studio中构建具有丰富交互和视觉效果的底部导航栏。PagerBottomTabStrip组件的特性包括但不限于：高度可定制：从色彩、图标到形状，开发者可以根据应用的整体风格来调整底部导航栏的样式。阅读详情

转载自这个项目的github地址：https://github.com/xubinhong/BottomBar

这个底部导航栏的特点：

1.告别xml中的item布局，一切icon、title统统绘制得出；

2.扁平化，由于icon、title都是绘制得出的，所以只需要一个view即可，无需父布局

3.为你处理好碎片切换事务，告别冗余代码，让你从此光速开发

4.不怕需求变动，拔插式体验，增删item，只需修改1行代码

5.源代码十分简单，有助于使用者开发高度适配自身需求的底部

使用方式

1.只需要到给出的github地址中拷贝BottomBar类到你的包下即可,或者自己创建一个类名字叫BottomBar，复制如下代码并导包：

public class BottomBar extends View{

    private Context context;

    public BottomBar(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
    }

    //////////////////////////////////////////////////
    //提供的api 并且根据api做一定的物理基础准备
    //////////////////////////////////////////////////

    private int containerId;

    private List<Class> fragmentClassList = new ArrayList<>();
    private List<String> titleList = new ArrayList<>();
    private List<Integer> iconResBeforeList = new ArrayList<>();
    private List<Integer> iconResAfterList = new ArrayList<>();

    private List<Fragment> fragmentList = new ArrayList<>();

    private int itemCount;

    private Paint paint = new Paint();

    private List<Bitmap> iconBitmapBeforeList = new ArrayList<>();
    private List<Bitmap> iconBitmapAfterList = new ArrayList<>();
    private List<Rect> iconRectList = new ArrayList<>();

    private int currentCheckedIndex;
    private int firstCheckedIndex;

    private int titleColorBefore = Color.parseColor("#999999");
    private int titleColorAfter = Color.parseColor("#ff5d5e");

    private int titleSizeInDp = 10;
    private int iconWidth = 20;
    private int iconHeight = 20;
    private int titleIconMargin = 5;

    public BottomBar setContainer(int containerId) {
        this.containerId = containerId;
        return this;
    }

    public BottomBar setTitleBeforeAndAfterColor(String beforeResCode, String AfterResCode) {//支持"#333333"这种形式
        titleColorBefore = Color.parseColor(beforeResCode);
        titleColorAfter = Color.parseColor(AfterResCode);
        return this;
    }

    public BottomBar setTitleSize(int titleSizeInDp) {
        this.titleSizeInDp = titleSizeInDp;
        return this;
    }

    public BottomBar setIconWidth(int iconWidth) {
        this.iconWidth = iconWidth;
        return this;
    }

    public BottomBar setTitleIconMargin(int titleIconMargin) {
        this.title