Android技术知识Android知识Android进阶之路

Android 之 Material Design(二)—Bot

2017-05-27  本文已影响551人  AFinalDream

前言

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

BottomNavigationView(导航栏)

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

使用

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

上一篇 下一篇

猜你喜欢

热点阅读