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" ?>

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

< item android :title= " 我的书架 "

android :icon= "@drawable/ic_ibook"

android :id= "@+id/mybook"

/>

< item android :title= " 个人中心 "

android :icon= "@drawable/ic_ibook"

android :id= "@+id/myself"

/>

< item android :title= " 书城 "

android :icon= "@drawable/ic_ibook"

android :id= "@+id/bookshop"

/>

</ menu >

四、监听器： OnNavigationItemSelectedListener

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

@Override

public boolean onNavigationItemSelected( @NonNull MenuItem item) {

int id = item.getItemId();

switch (id) {

case R.id. bookshop :

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

break ;

case R.id. mybook :

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

break ;

case R.id. myself :

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

break ;

}

return true ;

}

完成！