Android 之 Material Design（二）—BottomNavigationView

2019年5月24日 235次阅读 来源: AFinalDream

前言

Material Design目前已经深入到开发中，随着越来越多的app已经遵循这个设计规范，慢慢的我也抽空去接触一些新的特性和控件。如果对Material Design有感兴趣的朋友，可以看一下以下的网址：
https://material.io/
https://developer.android.google.cn/develop/index.html

BottomNavigationView（导航栏）

BottomNavigationView是google推出的新的导航控件，解决了我们以前自己嵌套多层布局去写icon和处理一些繁琐的东西。BottomNavigationView使用起来还是很简单的，而且上手也很快，不过它有一些需要注意的事项：

  • icon的数量必须在3-5个之间，否则不能使用。
  • 文字标签尽量简短而有意义，否则会出现一些现实不全的现象

使用

由于BottomNavigationView默认会使用colorPrimary来设置icon和文字标签的颜色。不过出于学习的目的，所以对一些常用的属性进行了修改。

效果图

《Android 之 Material Design（二）—BottomNavigationView》 效果图

  1. 集成gradle

    《Android 之 Material Design（二）—BottomNavigationView》 gradle设置

  2. layout布局

    《Android 之 Material Design（二）—BottomNavigationView》 layout布局

  3. menu创建

    《Android 之 Material Design（二）—BottomNavigationView》 menu

  4. 设置style

    《Android 之 Material Design（二）—BottomNavigationView》 style样式

style样式中我的注释已经标清楚每个属性分别代表什么含义了，所以我只说下drawable中的一些细节。

1.首先说一下选中以后状态的修改xml

《Android 之 Material Design（二）—BottomNavigationView》 selector的xml

2.其次是itemBackground的xml，这里分sdk21以下和以上两个

《Android 之 Material Design（二）—BottomNavigationView》 sdk21以下
《Android 之 Material Design（二）—BottomNavigationView》 sdk21以上

item点击的操作

这个就是按照google的要求，去实现api即可。

BottomNavigationView bottomNavigationView;  
        
bottomNavigationView.setOnNavigationItemSelectedListener(new OnNavigationItemSelectedListener() {  
             @Override
             public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                 if (item.getItemId() == R.id.favorites) {
                     // on favorites clicked
                     return true;
                 }
                 return false;
             }
        });

结语

以上的步骤就是对BottomNavigationView的实现，现在回头看看是不是很简单。不过使用这个也有它相对的弊端，具体还是根据每个人的实际业务需求来选择使用吧。 以上只是对google的BottomNavigationView 一些简单介绍，网上也有比较好的第三方jar，大家也可以去直接使用。https://github.com/Ashok-Varma/BottomNavigation， 这是一个第三方封装的，感兴趣的可以去学习一下。gaygayup，祝大家端午节快乐。

    原文作者：AFinalDream
    原文地址: https://www.jianshu.com/p/dc11d579fa26
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞