开源库BottomBar的使用实践

最新推荐文章于 2023-10-20 16:22:02 发布

fjnu_se

最新推荐文章于 2023-10-20 16:22:02 发布

阅读量894

点赞数

文章标签： android

本文链接：https://blog.csdn.net/fjnu_se/article/details/106730131

版权

本文介绍了如何在Android应用中使用开源库BottomBar来创建Material Design风格的导航栏，包括改变BottomBar颜色、实现滑动隐藏、模拟未读消息提示等功能。详细的操作步骤包括导入库、设置XML资源和在Activity中响应点击事件。通过调整各种属性，可以实现自定义的视觉效果。

摘要由CSDN通过智能技术生成

前言

此库支持最低版本：api11
BottomBar可以跟BottomNavagionView一样，是一种Material Design效果的导航栏，具有以下功能：

1.改变整个BottomBar的颜色
2.改变tab的icon与title的颜色和字体
3.实现滑动隐藏BottomBar

还有类似qq的消息未读的tab标签等花哨功能
我这里主要是实践了点击bottombar切换整个的颜色、模仿未读提示的功能

参考博文：https://blog.csdn.net/ss1168805219/article/details/53465885?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase

操作步骤

导入BottomBar包后，在Gradle中加入：

compile 'com.roughike:bottom-bar:2.3.1'

1.创建res/xml/bottombar_menu.xml;

2.在 layout/activity_main.xml 中设置 BottomBar

3.在 Activity 中设置鼠标点击之后的操作

1：创建res/xml/bottombar_menu.xml：

所有的属性和行为，都在xml中进行定义

<?xml version="1.0" encoding="utf-8"?>
<tabs>
    <tab
        id="@+id/tab_recents"
        title="Recents"
        icon="@mipmap/ic_recents"
        barColorWhenSelected="#FE3D81"
        />
    <tab
        id="@+id/tab_favorites"
        title="Favorites"
        icon="@mipmap/ic_favorites"
        barColorWhenSelected="#5D3C35"
        />
    <tab
        id="@+id/tab_nearby"
        title="Nearby"
        icon="@mipmap/ic_nearby"
        barColorWhenSelected="#7B1FA2"
        />
    <tab
        id="@+id/tab_friends"
        title="Friends"
        icon="@mipmap/ic_friends"
        barColorWhenSelected="#FF5252"
        />
    <tab
        id="@+id/tab_restaurants"
        title="Restaurants"
        icon="&#