AndroidBottomNavigationBar

BottomNavigationBar
1,主题

Github: https://github.com/icuihai.
weibo:http://weibo.com/icuihai
相信现在市场上每个app都有底部导航栏吧,我随便截取了两张简书和掘金的大家看下
AndroidBottomNavigationBar_第1张图片

以上这些基本都是通过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扩展功能,
当然效果不止这么多,其他的童鞋可以自己去实现下~~,


你可能感兴趣的:(AndroidBottomNavigationBar)