BottomNavigationView很早就在Material Design中出现了,但是知道support library >= 25,官方才增加了此控件。即必须targetSdkVersion >= 25时,才可以引入BottomNavigationView组件兼容包。
此控件基本使用示例如下:
-
gradle文件中添加依赖包 implementation ‘com.android.support:design:25.4.0’
-
在res/menu目录下创建菜单navigation.xml文件,此文件定义导航条目的具体信息
<menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" tools:context="com.nxyuntui.testproject.MainActivity"> <item android:id="@+id/call" android:title="call" android:icon="@android:drawable/ic_menu_call"/> <item android:id="@+id/message" android:icon="@android:drawable/ic_dialog_email" android:title="message" /> <item android:id="@+id/search" android:icon="@android:drawable/ic_menu_search" android:title="搜索"/> <item android:id="@+id/delete" android:icon="@android:drawable/ic_menu_delete" android:title="删除" /> </menu>
3.activity_main.xml文件如下,itemBackground 条目背景,itemIcoTint 图标渲染的颜色,itemTextColor文字的颜色,menu属性表示关联创建的菜单文件。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<TextView
android:id="@+id/tv_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="演示内容"
android:textSize="36sp"/>
<android.support.design.widget.BottomNavigationView
android:id="@+id/navigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
app:itemBackground="@android:color/black"
app:itemIconTint="@android:color/white"
app:itemTextColor="@android:color/white"
app:menu="@menu/navigation">
</android.support.design.widget.BottomNavigationView>
</RelativeLayout>
4.MainActivity.java代码如下,底部导航栏默认的高度是56dp,菜单建议是3~5个。
public class MainActivity extends AppCompatActivity {
private TextView textView;
private BottomNavigationView navigationView;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
textView = (TextView) findViewById(R.id.tv_content);
navigationView = (BottomNavigationView) findViewById(R.id.navigation);
navigationView.setOnNavigationItemSelectedListener(
new BottomNavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
textView.setText(item.getTitle().toString());
return true;
}
}
);
}
}