在android Studio中设计app的底部导航栏

最新推荐文章于 2024-09-22 02:33:28 发布

至爱2022

最新推荐文章于 2024-09-22 02:33:28 发布

阅读量1.5w

点赞数 39

文章标签： android 安卓 android studio

本文链接：https://blog.csdn.net/MrsZhang1995/article/details/111658786

版权

这篇博客介绍了如何在Android Studio中设计底部导航栏。首先，新建一个Android项目并设置主页面布局，采用线性布局和自定义viewPager。接着，创建底部导航控件，并在res/color中设置颜色配置。然后，设计菜单布局，新建navigation.xml文件，并创建三个fragment页面。最后，在MainActivity中设置逻辑，完成底部导航栏的交互。通过这个过程，开发者可以实现底部导航栏的平滑切换效果。

摘要由CSDN通过智能技术生成

准备工作

新建一个空白android项目
命名为csdn
在这里插入图片描述

在res/layout路径下设置主页面
使用线性布局 linearLayout

使用自定义的viewPager（切换多个页面会秒跳转，提升体验感觉）
在这里插入图片描述

底部导航控件
在这里插入图片描述

如下所示主页布局
在这里插入图片描述

在资源文件中 res/color （没有color文件夹就自己建，导航栏切换时改变选中栏颜色）
新建颜色选择文件
bg_tab.xml
在这里插入图片描述

新增颜色配置文件备用
在这里插入图片描述
将使用到的静态文件拷贝到项目中
三个图片拷贝到 res/drawable下

在这里插入图片描述

开始设计菜单布局

在资源文件中 res/
新建菜单文件
menu/navigetion.xml
在这里插入图片描述

新建fragment页面

在源码中新建三个空白的fragment页面，用于给导航栏绑定备用
wechatFragment
listFragment
discoverFragment

在这里插入图片描述

通过如上方式新建三个fragment如下所示，删除其他不用的方法
只保留图中onCreateView方法跟wechatFragment
另外两个fragment如法炮制。
在这里插入图片描述

新建fragment时， res/layout路径下会自动生成相应的fragment.xml页面布局文件
在这里插入图片描述
如上图简单设置一下页面信息

设置主页面的逻辑（划重点）

进入主页面的
MainActivity
这里贴一下代码，上面的大家就自己敲一遍，别老想着偷懒哦

package com.example.csdn;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.<