AndroidBottomNavigationBar

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

崔老板

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

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/icuihai/article/details/52956872

版权

BottomNavigationBar
1，主题

Email:icuihai@aliyun.com.

Github: https://github.com/icuihai.

weibo:http://weibo.com/icuihai

相信现在市场上每个app都有底部导航栏吧，我随便截取了两张简书和掘金的大家看下

以上这些基本都是通过RadioGroup加RadioButton实现的，代码其实还好，只是感觉好Low好吗；

所以go ogle官方实现底部导航栏， Material design中的底部导航栏BottomNavigationBar。可以节省很多代码，而且还很优雅，不是吗？哈哈哈~~

今天我看了以下代码写了个小demo，先来看下效果吧；

当然我仅仅是实现了一小部分功能，其他功能还需大家一起是探讨；

2，实现

首先导入jar包

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

然后在布局文件中引用：

<com.ashokvarma.bottomnavigation.BottomNavigationBar
        android:id="@+id/bottom_navigation_bar_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true" />

代码如下：

<span style="font-size:18px;"> bottomNavigationBarContainer
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher, "Home"))
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher, "Video"))
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher, "Music"))
                .addItem(new BottomNavigationItem(R.mipmap.ic_launcher, "Photo"))
                .initialise();</span>

然后执行这段代码之前首先要设置下tab的模式：

分为以下几种：MODE_FIXED　，MODE_SHIFTING　，MODE_DEFAULT;

上面gif动画中我相信你能看出这几种区别~~

其中还有许多属性设置；比如：

setActiveColor(R.color.colorPrimary);设置背景颜色；
setBarBackgroundColor("#00FF55");设置tab标签的背景颜色；
其实实现起来就这么简单对吧，基本上项目中能用到的就这么些，源码可以稍微看下怎么实现的，无非就是自定义view继承VIew扩展功能，
当然效果不止这么多，其他的童鞋可以自己去实现下~~,