android底部导航栏_Kotlin实现底部导航栏

在我们开发app过程中，免不了使用底部导航栏，所以今天我们就来看看怎么样用kotlin实现底部导航栏。

新建项目

新建一个KotlinBottomNavigationDemo项目。
在gradle中添加依赖

implementation 'com.google.android.material:material:1.0.0'

完成布局工作

首先准备三张图标放到drawable目录下，分别命名为ic_home.png、ic_news.png、ic_user.png。作为轮换图标。
在layout目录下新建三个xml文件，分别表示三个页面下的显示效果。
在三个页面下分别编写内容：

fragment_home.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="match_parent"android:layout_height="match_parent">
<TextViewandroid:id="@+id/home"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:gravity="center"android:textSize="14sp" />

LinearLayout>

fragment_news.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="match_parent"android:layout_height="match_parent">

<TextViewandroid:id="@+id/news"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:gravity="center"android:textSize="14sp" />
LinearLayout>

fragment_user.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:ori