Android 之 Material Design(二)—BottomNavigationView

前言

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和文字标签的颜色。不过出于学习的目的,所以对一些常用的属性进行了修改。

效果图
效果图

  1. 集成gradle
    gradle设置
  2. layout布局
    layout布局
  3. menu创建
    menu
  4. 设置style
    style样式

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

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

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

    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,祝大家端午节快乐。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值