Material Design 开发笔记 —— ButtomNavigationView

一、准备工作：

1）、添加依赖库：compile 'com.android.support:design:25.1.0'

2）、添加矢量图片

二、直接在布局文件中使用ButtomNavigationView控件：

<android.support.design.widget.BottomNavigationView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:background="#FFE7BA"

app:menu="@menu/bottomnavigationlayout"<!-- 添加底部菜单布局-->

/>

1）、 重要属性属性

android:background：背景

app:itembackground:子菜单背景

app:itemIconTint:图标颜色

app:itenTextColor:文本颜色

app:menu:菜单布局绑定

三、新建一个菜单布局

在res目录中创建一个menu文件夹

在menu文件夹中创建一个bottomnavigationlayout.xml的布局文件

编写代码如下

<?xml version="1.0"encoding="utf-8"?>

<menuxmlns:android="http://schemas.android.com/apk/res/android">

<itemandroid:title="我的书架"

android:icon="@drawable/ic_ibook"

android:id="@+id/mybook"

/>

<itemandroid:title="个人中心"

android:icon="@drawable/ic_ibook"

android:id="@+id/myself"

/>

<itemandroid:title="书城"

android:icon="@drawable/ic_ibook"

android:id="@+id/bookshop"

/>

</menu>

四、监听器：OnNavigationItemSelectedListener

//覆写里面的里面的onNacigationItemSelected()方法，返回值为true ，则选中点击的item，否则不选中

@Override

public booleanonNavigationItemSelected(@NonNullMenuItem item) {

intid = item.getItemId();

switch(id) {

caseR.id.bookshop:

Toast.makeText(MainActivity.this,"您点击了书城", Toast.LENGTH_SHORT).show();

break;

caseR.id.mybook:

Toast.makeText(MainActivity.this,"您点击了书架", Toast.LENGTH_SHORT).show();

break;

caseR.id.myself:

Toast.makeText(MainActivity.this,"您点击了个人中心", Toast.LENGTH_SHORT).show();

break;

}

return true;

}

完成！