第三方组件BottomBar使用

来源：互联网发布：域名到期查询编辑：程序博客网时间：2024/05/29 17:03

官方地址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消息等。

0 0