Android Material design 之 BottomNavigationView（底部导航栏的实现）

最新推荐文章于 2019-06-17 18:25:21 发布
最新推荐文章于 2019-06-17 18:25:21 发布
阅读量1.1w 收藏
点赞数 1
分类专栏： Android基础控件详解 Android Material design Android 底部导航栏 Android Material design UI控件 BottomNavigationView 文章标签： Android基础控件详解 Android Material design Android 底部导航栏 Android Material design UI控件 BottomNavigationView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29856589/article/details/80311907
版权

 

 

新建project然后导入以下support:design library，BottomNavigationView就在这个design库中。顺带导入这个V4包，因为待会要使用到ViewPager进行联动，

项目地址为(https://github.com/KilleTom/MyMaterialDesignDemo)这个项目我后面会陆续更新更多的MaterialDesignDemo

 

 

在res下新建menu文件夹，新建一个menu菜单，有具体需求决定。

app:itemIconTint="" 为icon着色，写个selector即可。
app:itemTextColor=""该属性为文字着色，同样写个selector实现点击颜色切换的效果。

具体实现代码如下：

app:itemIconTint="@drawable/bn_icon_seletor"
app:itemTextColor="@drawable/bn_icon_seletor"

 

 

// 利用反射，改变 item 中 mShiftingMode 的值 


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  易庞宙
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
底部导航栏控件BottomNavigationView的使用和修改样式

				
			

			

				

					11-14
				

			

		

		

			
				
底部导航栏控件BottomNavigationView的使用和修改样式
效果：http://blog.csdn.net/qq_37902949/article/details/78528787

			
		

	



                

              
                



	

		

			

				
					
Android学习Material design中的底部导航栏BottomNavigationBar

				
			

			

				

					hui9520的博客
				

				

					01-04
					
					2426
					
				

			

		

		

			
				
今天写项目的之于看了一下material Design关于底座图标BottomNacigationBar的介绍,网上的资料已经很详细了,在此留下记录便于以后查找.
  首先要添加项目依赖  

compile 'com.ashokvarma.android:bottom-navigation-bar:1.3.1'
我们也可以点击file选中Project Structure ,然后选择De

			
		

	



                


  
              

                


	

		

			

				
					
Android Toolbar详解-实现Material Design 风格的导航栏

				
			

			

				

					amoscxy的博客
				

				

					08-09
					
					1227
					
				

			

		

		

			
				
初识 ToolbarToolbar 是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ，Google 非常推荐大家使用 Toolbar 来作为Android客户端的导航栏，以此来取代之前的 Actionbar 。与 Actionbar 相比，Toolbar 明显要灵活的多。它不像 Actionbar 一样，一定要固定在Activity的顶部，而是可以放到界

			
		

	





	

		

			

				
					
Android Material Bottom Navigation使用教程

				
			

			

				

					hfrommane的博客
				

				

					04-30
					
					5630
					
				

			

		

		

			
				
今年三月Google已经将Bottom Navigation加入到Material中，但是目前还没有这方面的使用教程，所以本文介绍使用LuseenBottomNavigation
1、Google Material Design地址：
2、在项目中引用，采用 Gradle方式：
3、在布局文件中增加BottomNavigationView
4、添加BottomNavigation按钮，图标资源和选中按钮变换的颜色
5、设置每个按钮的点击事件
6、结合ViewPager使用
7、自定属性
8、设置始终显示文字

			
		

	



		

			
		



	

		

			

				
					
安卓 Material Design规范 底部导航框架介绍

				
			

			

				

					senkai123的博客
				

				

					09-22
					
					1021
					
				

			

		

		

			
				
BottomBarGitHub：https://github.com/roughike/BottomBar底部导航栏框架。引入：现在支持版本更高，如果你要支持更高版本，那么你工程支持版本应该要最新的。  //底部导航
    compile 'com.roughike:bottom-bar:2.2.0'效果：
第一张图，切换的时候有挡板动画切换效果跟BottomNavigationBar，具有一样的

			
		

	





	

		

			

				
					
Android BottomNavigationView底部导航效果

				
			

			

				

					08-31
				

			

		

		

			
				
在Android应用开发中，BottomNavigationView是一种常用的组件，用于实现底部导航栏功能。这个组件首次出现在Material Design设计规范中，并在Android Support Library 25版本中正式引入。通过使用BottomNavigation...

			
		

	





	

		

			

				
					
BottomNavigationView实现底部导航

				
			

			

				

					04-22
				

			

		

		

			
				
在Android应用开发中，`BottomNavigationView` 是一个非常重要的组件，它用于实现底部导航功能，让用户可以在多个主要视图之间轻松切换。这个组件通常包含3到5个图标和相应的文字标签，代表应用的主要功能模块。在...

			
		

	





	

		

			

				
					
BottomNavigationView实现material  design  的tab选项卡效果

				
			

			

				

					11-13
				

			

		

		

			
				
在Android应用开发中，...以上就是如何使用`BottomNavigationView`在Android应用中实现Material Design的tab选项卡效果。通过适当的定制和布局设计，可以创建出符合Material Design规范且用户体验良好的底部导航栏。

			
		

	





	

		

			

				
					
android Material Design 学习之十：底部Tab的两种实现

				
			

			

				

					dhl_1986的博客
				

				

					05-31
					
					1533
					
				

			

		

		

			
				
   上一篇：android Material Design 学习之九：TabLayout 基本使用 只是提到了TabLayout 作为顶部Tab 使用，其实TabLayout还可以作为底部的Tab。TabLayout 实现底部Tab布局：<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="htt...

			
		

	





	

		

			

				
					
Andoid实现顶部导航栏和底部导航滑动隐藏（BottomNavigationView，CoordinatorLayout）

				
			

			

				

					04-27
				

			

		

		

			
				
ndoid实现顶部导航栏和底部导航滑动隐藏（BottomNavigationView，CoordinatorLayout）

			
		

	





	

		

			

				
					
BottomNavigationView+ViewPager+Fragment底部导航栏切换功能的实现

				
			

			

				

					09-18
				

			

		

		

			
				
项目中具体设置导航栏的高度  文字和图片的距离 切换时候文字是否变大 切换时是否只是设置单张图片  还是切换图片样式

			
		

	





	

		

			

				
					
更简单更全的material design状态栏

				
			

			

				

					u013260551的专栏
				

				

					04-14
					
					6539
					
				

			

		

		

			
				
从实际使用需要出发，以最简单的方式实现了几种类型的MD状态栏。(重点在fitsSystemWindows的使用)
0，使用前提
targetSdkVersion 23；
support librariy 23.3.0
styles-v19: true
styles-v21+: true  @android:color/transparent


1，最普通的类型：只有一个ToolB

			
		

	





	

		

			

				
					
BottomNavigationView(design包提供的一个组件)

				
			

			

				

					lhp15575865420的博客
				

				

					07-29
					
					596
					
				

			

		

		

			
				
BottomNavigationView实现底部导航栏。BottomNavigationView没有动画效果解决办法

			
		

	





	

		

			

				
					
Navigation 详解二

				
			

			

				

					android开发笔记
				

				

					04-19
					
					742
					
				

			

		

		

			
				
配合 BottomNavigationView

创建 Bottom Navigation Activity

BottomNavigationView 以更简洁的方式来实现过去的 BottomNavigationBar 的样式。Android Studio 中创建一个 Bottom Navigation Activity，自动生成 Activity。


class BottomNavigati...

			
		

	





	

		

			

				
					
Android学习（简单使用Bottom Navigation Activity来实现底部导航栏）

					
热门推荐

				
			

			

				

					qq_42893430的博客
				

				

					06-17
					
					3万+
					
				

			

		

		

			
				
在我们实际编写程序时，不必每一个activity都要从零开始，利用好系统自带的模板往往可以起到事半功倍的效果。下面我们就来看看如何使用Bottom Navigation Activity来完成简单的底部导航栏功能。先来看一下效果图吧：
创建activity
首先在创建面板，我们选择
然后next,finish就OK了。创建成功以后我们来运行一下，发现
已经基本实现了底部导航栏的功能了！但是还没有结...

			
		

	





	

		

			

				
					
在NavigationView的中的菜单项显示选中效果

				
			

			

				

					EASYGOOO的专栏
				

				

					08-11
					
					1万+
					
				

			

		

		

			
				
google最新在android 5.2中推出的新控件NavigationView可以轻松实现侧拉菜单栏的效果，具体实现在网络上有很多文章描述，本文主要讲在设置菜单项选中效果中要注意的细节。
首先在布局文件中，NavigationView控件的menu中需要注明一个behavior：


    
        <item
            android:title="menu1"

			
		

	





	

		

			

				
					
Android 自己实现 NavigationView [Design Support Library(1)]

				
			

			

				

					weixin_30359021的博客
				

				

					06-30
					
					244
					
				

			

		

		

			
				
转载请标明出处： 
  http://blog.csdn.net/lmj623565791/article/details/46405409； 
  本文出自:【张鸿洋的博客】


一、概述

Google I/O 2015 给大家带来了Android Design Support Library，对于希望做md风格的app的来说，简直是天大的喜讯了~大家可以通过Andr...

			
		

	





	

		

			

				
					
android 底部导航栏 BottomNavigationView 让文字出现且图片文字不会变大 xml

					
最新发布

				
			

			

				

					06-09
				

			

		

		

			
				
可以通过设置 BottomNavigationView 的 itemIconSize 和 itemTextAppearance 属性来实现该效果。  例如，将 itemIconSize 设置为 24dp，将 itemTextAppearance 设置为 @style/BottomNavigationViewTextAppearance： ...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值