【php + MySQL + Android】实现底部导航栏Bottom Navigation 以及点击效果

 前言

自己要做一个Android App，涉及到服务器端，以及Android客户端之间的交互，而网络上的的资源往往是只讲一个方面。所以自己每完成一段工作，会将开发过程记录下来，并供大家参考，相关文章放在专栏

【php + MySQL + Android】。（觉得跨度大就去专栏看看，有之前所有的步骤，以及代码）

如果你遇到了什么问题，或者有好的建议，欢迎在评论区留言，或者私信我，大家一起交流。

 😹作者也是小白，期待与你一起成长。

------------------------------------------------------------------------独学而无友， 则孤陋而寡闻  

---

目录

效果展示

实现步骤

检查自己使用的主题

新建Bottom Navigation Activcom

修改底部按钮的样式 

新增一个图标

跳转到这个Activity

 强调

---

效果展示

​

实现步骤

检查自己使用的主题

在themes里检查两个主题文件使用的主题（我使用的是这个，一定要选有ActionBar的）

​

 

新建Bottom Navigation Activcom

右键单击com.example.xxxx,如下步骤，使用官方自带的Bottom navigation

​

执行如上步骤后我们会发现，我们多了一些文件夹以及文件(部分是我已经修改过的） ：

 ​​

​ 

修改底部按钮的样式 

我们可以在activity_navigation.xml预览效果，我觉得他很丑，看起来就像很老的App一样，所以我决定换掉它，如果你对UI的效果不在意的话也可以跳过此步骤；

• 更换图标

打开此文件夹下的文件：

​

​

 这里可以修改图标和标签（在这里设置点击变化颜色的效果是不会生效的）

这个图标推荐从网上下载矢量图标转换为xml格式在进行应用；具体的方法可以参考我的另一篇文章：

如何将网上的矢量图标保存为Android Studio 的xml 文件（SVG）_勇敢di牛牛的博客-CSDN博客如何将网上的矢量图标保存为Android Studio 的xml 文件（SVG）https://blog.csdn.net/niuguobao/article/details/124380219?spm=1001.2014.3001.5502

• 添加按钮点击的效果

    <com.google.android.material.bottomnavigation.BottomNavigationView

        android:id="@+id/nav_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="24dp"
        android:background="?android:attr/windowBackground"
        android:elevation="0dp"
        android:outlineProvider="none"
        app:itemBackground="@color/transparent"
        app:itemIconSize="30dp"
        app:itemIconTint="@drawable/bottom_btn_selected_color"
        android:layout_alignParentBottom="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:menu="@menu/bottom_nav_menu" />

 按钮图标的颜色是这一行：

app:itemIconTint="@drawable/bottom_btn_selected_color"

select文件：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:state_checked="true"
    android:color="@color/nav_ic_checked"/>
<item
    android:state_checked="false"
    android:color="@color/nav_ic_checked_no"/>

</selector>

 下面是图标的大小的背景（我设置的是几乎透明）

app:itemBackground="@color/transparent"
  app:itemIconSize="30dp"

<color name="transparent">#03F1E7E7</color>

新增一个图标

在所有的新增文件里相应的添加东西，可以直接复制文件，再逐一改名字，需要细心的观察每一个文件。

跳转到这个Activity

​

 这里是从MainActivity点击按钮跳转。

​

上面的这行代码就是一开始要显示的fragment。 

 强调

检查id名字，文件夹名字！要一一对应！

检查id名字，文件夹名字！要一一对应！

检查id名字，文件夹名字！要一一对应！

---

🚀看完了还有疑问请私信我，或者评论区留言。

🚀发现错误或者有建议，请评论区留言或私信。