第三方组件BottomBar使用

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

原创最新推荐文章于 2023-10-20 16:22:02 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

组件使用专栏收录该内容

7 篇文章

订阅专栏

这篇博客介绍了如何在Android项目中使用第三方组件BottomBar。首先，通过在gradle中配置BottomBar库的2.0.1版本来引入组件。接着，提到了图标尺寸要求为24dp，并建议在不同资源文件夹下放置不同大小的图片。然后，展示了在xml文件中定义tab属性，并在布局文件中使用BottomBar。最后，添加了点击监听器，并提到可以处理相同tab的再次点击及添加badge功能。

官方地址https://github.com/roughike/BottomBar

在gradle中配置

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

不知道为什么用2.1以上的版本会配置错误，现在就用这个2.0.1的吧

素材准备：底部栏的几个icon对于大小有要求，24dp，应该在不同资源文件夹下存不同大小的图片，这里为了方便直接用美图秀秀把几个bmp缩小成24*24，直接放在drawable下。注意如果图片太大图片可以正常显示但是下面的文字不会显示。

先在res/xml下定义一个xml文件保存栏中几个tab的属性：

<tabs>
    <tab
        id="@+id/tab_chat"
        icon="@drawable/chat_1"
        title="会话" />
    <tab
        id="@+id/tab_contact"
        icon="@drawable/contact_1"
        title="发现" />
    <tab
        id="@+id/tab_setting"
        icon="@drawable/setting_1"
        title="设置" />
</tabs>

可以看到每个tab基本有三个属性，id，图标和文字。

接着在布局文件中使用就可以了，载入tab列表需要使用自定义属性：

<com.roughike.bottombar.BottomBar
        app:bb_tabXmlResource="@xml/bottom_tabs"
        android:layout_gravity="bottom"
        android:layout_width="match_parent"
        android:layout_height="60dp"></com.roughike.bottombar.BottomBar>

高度显式指定一下。

添加监听：

bb.setOnTabSelectListener(new OnTabSelectListener() {
            @Override
            public void onTabSelected(@IdRes int tabId) {
                
            }
        });

可以拿到的参数是按下tab的id

此外，还可以监听再次点击同一tab，添加badge消息等。