Android底部导航栏实现之BottomNavigationBar

最新推荐文章于 2024-06-19 18:17:32 发布

Otldan

最新推荐文章于 2024-06-19 18:17:32 发布

阅读量891

点赞数

分类专栏： android 文章标签： android

本文链接：https://blog.csdn.net/Otldan/article/details/72819503

版权

android 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

上篇文件讲解了官方的BottomNavigationView

这篇讲解下第三方的BottomNavigationBar

引入依赖

    compile 'com.ashokvarma.android:bottom-navigation-bar:1.3.1'

查看布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"

    android:orientation="vertical">


    <LinearLayout
        android:id="@+id/tb"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" />
    <com.ashokvarma.bottomnavigation.BottomNavigationBar
        android:id="@+id/bottom_navigation_bar"
        android:layout_gravity="bottom"
        android:layout_alignParentBottom="true"

        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    </com.ashokvarma.bottomnavigation.BottomNavigationBar>
</RelativeLayout>

实现：

 /**
         * 设置个性化---动画
         * Mode和BackgroundStyle分别有三种，分别包含一种Default模式 总共三种模式。
         * FIXED+STATIC
         * FIXED+RIPPLE
         * SHIFTING+RIPPLE
         */
        bottomNavigationBar.setMode(BottomNavigationBar.MODE_FIXED);
        bottomNavigationBar.setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_RIPPLE);
        bottomNavigationBar.addItem(new BottomNavigationItem(R.mipmap.foot_ask_image,"第一个").setActiveColorResource(R.color.colorAccent))
                .addItem(new BottomNavigationItem(R.mipmap.foot_look_live,"第二个").setActiveColorResource(R.color.colorPrimaryDark))
                .setActiveColor(R.color.button_text)
                .addItem(new BottomNavigationItem(R.mipmap.foot_seek_cricle,"第三个").setActiveColorResource(R.color.colorAccent))
                .setActiveColor(R.color.button_text)
                .initialise();

setActiveColorResources设置选中的颜色

mBottomNavigationBar.setBarBackgroundColor(R.color.blue);设置底部导航栏颜色

添加角标

BadgeItem badgeItem = new BadgeItem();
        badgeItem.setHideOnSelect(false)
                .setText("10")
                .setBackgroundColorResource(R.color.orange)
                .setBorderWidth(0);

//导航栏中的tab添加小圆点
mBottomNavigationBar.addItem(new BottomNavigationItem(R.drawable.icon_one, R.string.tab_one).setActiveColorResource(R.color.green).setBadgeItem(badgeItem));