1. 秦子帅的博客首页
  2. Android

Android底部导航总结

Android底部导航总结

节后上班第一天,继续为大家分享干货!


底部导航方式

  • BottomNavigationBar

  • TabLayout

  • RadioGroup

  • LinearLayout + TextView

  • checkBox

这里只讲解前三种实现方式。


Android底部导航总结

一.BottomNavigationBar+viewPager


先上效果图:

Android底部导航总结


1.使用方法:

BottomNavigationBar源码下载地址:

https://github.com/Ashok-Varma/BottomNavigation

(1).添加依赖

(2).布局

(3).主要代码

2.部分属性解析

Mode属性:

对应的代码为:

这个属性有两种可选的值,MODE_FIXEDMODE_SHIFTING

  • MODE_FIXED:选中的Item会稍大于未选中的Item,无论Item是否选中,都会显示文字和图标。 

  • MODE_SHIFTING:选中的Item明显大于未选中的Item,未选中的Item只显示图标

上面的效果图就是MODE_SHIFTING的效果,被选中的item明显扩大,至于MODE_FIXED属性我就不做演示了。


BackgroundStyle属性:

对应的代码为:

这个属性有两个可选的值: 

  • BACKGROUND_STYLE_RIPPLE 

  • BACKGROUND_STYLE_STATIC 

上面的效果图是BackgroundStyle的属性是BACKGROUND_STYLE_RIPPLE ,下面展示的是BACKGROUND_STYLE_STATIC 属性的:

Android底部导航总结


Item角标设置

通过BottomNavigationItem的setBadgeItem方法,可以给每个Item设置一个独立的角标,对于角标支持设置它的背景、文案、文案颜色以及在选中时是否隐藏角标:

其他属性

还有一些其他的属性,这里就不一一列出了。

Android底部导航总结


二.RadioGroup+ViewPager


Android底部导航总结

核心代码:

Android底部导航总结


三.TabLayout+viewPager


TabLayout相信大家都很清楚吧,TabLayout提供了一个水平的布局用来展示Tabs。一般不会用在底部导航,这里只是总结这种方式。

效果图如下:

Android底部导航总结


代码就不贴出来了,如果有疑问直接留言或者加我微信!

这几天正在整体其他资源一起上传到Github,如果急需源码的话直接去CSDN下载:

http://download.csdn.net/download/qq_34908107/10011208


Android底部导航总结

Android底部导航总结

原文始发于微信公众号( 秦子帅 ):Android底部导航总结

发布者:秦子帅,转转请注明出处:http://qinzishuai.cn/index.php/2017/10/09/72035dd9e6/

联系我们

912241847

在线咨询:点击这里给我发消息

邮件:qzs531156@163.com

QR code