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

效果图

dc11d579fa26

效果图

集成gradle

dc11d579fa26

gradle设置

layout布局

dc11d579fa26

layout布局

menu创建

dc11d579fa26

menu

设置style

dc11d579fa26

style样式

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

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

dc11d579fa26

selector的xml

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

dc11d579fa26

sdk21以下

dc11d579fa26

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、付费专栏及课程。

余额充值