[Android]使用BottomNavigationView创建底部导航栏

最新推荐文章于 2024-07-10 16:40:48 发布
最新推荐文章于 2024-07-10 16:40:48 发布
阅读量204 收藏
点赞数 2
文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57390905/article/details/139741050
版权

完成效果：

在Moudle创建中，可以选择这个Bottom activity

接下来，会自动创建一个含三个fragment(home,dashboard,notifications)的Mainactivity

找到value下面的strings.xml,如果导航栏不止三个的话，可以自己手动加一下，稍加修改：

<string name="title_home">首页</string>

接下来在menu的这个bottom_nav_menu.xml文件，手动加几个item，注意title可以从上面的strings.xml索引得到，icon是从drawable里面的xml文件得到，一般的png格式好像不支持？

这样加好后可以在右边看到:

接下来，对另外加的两个导航栏弄Fragement

先加一个package,命名huiyuanka，注意这个Package和自动生成的home、dashboard这些平级

接下来左侧栏会变这样:

在package，右键：

以此类推，弄一个导航栏

weixin_57390905
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安卓动态设置BottomNavigationView底部导航
01-03
前言：解决项目中有多个端的情况 效果图： 1：app\build.gradle中添加依赖： android x : implementation 'androidx.appcompat:appcompat:1.1.0' 非android x（注意版本号对应） : implementation 'com.android.support:design:28.0.0' 2：MainActivity： public class MainActivity extends AppCompatActivity implements BottomNavigationView.OnNavigation
使用Google的BottomNavigationView自定义底部导航栏
qq_28549497的博客
04-11 7597
先贴上效果图： 谷歌原始代码出来是这样的: 官方的风格不是我们设计的风格，我也想直接使用得了，奈何不符合设计要求。 1.点击切换图标设置 在res文件夹下新建文件夹menu，并在menu下面建一个navigation.xml如下: <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android...
Android |（八）BottomNavigationView 底部导航栏
最新发布
codeSong的博客
07-10 630
实战演示——微信底部导航栏
Android关于BottomNavigationView使用指南
QG
08-30 4427
BottomNavigationView
Android进阶之路 - BottomNavigationView的使用与问题处理方案
热门推荐
Android、前端、小程序、后端
02-02 3万+
底部导航的实现之一为BottomNavigationView，乃是design库下的一款控件，或为Android 5.0的一种，同时根据某篇博文介绍说sdk25以后才可以使用，最好相对高于25.1，因为有一些问题没有处理好。 闲话不多唠，此篇文章是根据多篇博文，进行总结性的一篇记录，其中的知识点都已经手动敲打过一次，请继续前行！
Android底部导航栏之BottomNavigationView
u010855711的博客
03-10 3080
Android底部导航栏之BottomNavigationView
Android studio中使用ViewPager和BottomNavigationView实现底部导航栏和碎片的同步切换
lb220303082的博客
07-02 7976
本教程详细全面，对新手友好
Android BottomNavigationView底部导航效果
08-31
在Android应用开发中，BottomNavigationView是一种常用的组件，用于实现底部导航栏功能。这个组件首次出现在Material Design设计规范中，并在Android Support Library 25版本中正式引入。通过使用BottomNavigation...
底部导航栏控件BottomNavigationView的使用和修改样式
11-14
在Android应用开发中，底部导航栏（BottomNavigationView）是一个常用组件，它允许用户在多个顶层导航之间进行切换，通常位于屏幕底部。这个控件在Android Design Support Library中提供，可以帮助开发者实现符合...
BottomNavigationView实现底部导航
04-22
在给定的“BottomNavigationView实现底部导航”主题中，我们将深入探讨如何使用此组件来创建具有动画效果的tab切换以及与Fragment的结合使用，同时实现点击时的水波纹效果。 首先，我们需要在布局文件中添加`Bottom...
BottomNavigationView+ViewPager+Fragment底部导航栏
07-29
在“BottomNavigationView+ViewPager+Fragment底部导航栏”的实现中，我们首先需要设置`BottomNavigationView`，它通过`Menu`资源定义菜单项，并使用`NavigationItemSelectedListener`来监听用户选择的菜单项变化。...
Android 使用BottomNavigationView实现底部导航栏
02-02
Android 使用BottomNavigationView实现底部导航栏，在Android Support Library 25 中增加了 BottomNavigationView 控件，官方为我们提供了这样这一个控件。
使用自定义 BottomNavigationView +Menu 快速实现界面切换效果
05-21
通过自定义BottomNavigationView +menu 快速实现底部栏切换 ，并可以结合ViewPager +Fragment ，代码量少，实现方便
Android底部导航栏的三种风格实现
08-19
Android 底部导航栏的三种风格实现 Android 底部导航栏是 Android 应用程序中最常用的导航方式之一。它提供了多个选项卡，用户可以通过这些选项卡快速地切换到不同的页面。今天我们将介绍 Android 底部导航栏的三...
【Android】BottomNavigationView的使用笔记
大模型训练
04-17 2190
我们在使用控件的时候，总是有两个必须填写的值，一个是`width`，一个是`height`，而它们分别对应我们印象中的物体的长度和宽度。当控件被遮盖住，这时候我们就需要指定控件的`Z`轴高度了。   何为`Z`轴高度？比如我们在三维空间中定义一个物体的具体位置，需要知道它的空间属性值，通过`XYZ`轴来精确定。这里的`Z`轴高度，其实就是指真正的“高度”，而不是宽度！ 总结： 让添加的`ImageView`在`Z`轴上的高度 大于等于`BottomNavigationView`的。
底部菜单控件BottomNavigationView的使用
热爱技术
01-16 1万+
BottomNavigationView实现底部导航栏的整体效果如下图所示： 基本使用 BottomNavigationView控件的主要属性含义： 控件点击时候颜色选择@color/sl_color_green_grey 完整的MainActivity代码 运行的效果图如下： item多的时候，指的是item非选中状态显示文字，有以下几个值：它们依次运行如下图所示 auto和select和i 属性sShifting有关 此时isShifting=true;你会发现auto和 selected的效
Android BottomNavigationView的使用与问题处理方案
QG
12-07 362
BottomNavigationView
Android底部导航栏的实现（BottomNavigationView），结合ViewPage
Sean_Word的博客
11-27 399
首页底部tab栏用 BottomNavigationView，我们可以创建一个menu文件来给tab栏按钮设置样式。BottomNavigationView 控件引用该menu，来显示底边按钮。步骤：右键res文件夹 -> New -> Dirctory -> 命名 “menu” -> 右键menu文件夹 -> New -> Menu Resource File.光这样还不够，我们还要实现页面和底部按钮的绑定。这一行代码引用类我们刚刚的menu布局文件。在该布局文件中，我设置了标题和图片资源。
Android Studio —— BottomNavigationView（模拟支付宝底部导航）
wx微信公众号“码农总动员”，获取更多编程知识
01-24 3046
效果   源码     代码过程 步骤1: 主界面垂直线性布局,加入ViewPager、BottomNavigationView两个控件。 加入5张图片作为底部切换的图标,创建menu文件及xml文件,将5张图片加入到xml内item。 在BottomNavigationView中加入menu选项,将上面的xml加入。 (此时可以查看到界面底部的5个按钮,并可点击。)
android BottomNavigationView 底部导航栏取消点击效果
06-10
要让 BottomNavigationView 没有点击效果，可以通过设置 itemBackground 属性为一个透明的 Drawable 来实现。具体操作如下： 1. 在 BottomNavigationView 的布局文件中，设置 itemBackground 属性为一个透明的 Drawable，代码如下： ```xml <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottom_navigation_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@android:color/white" app:itemBackground="@android:color/transparent" app:menu="@menu/bottom_navigation_menu" /> ``` 2. 创建一个透明的 Drawable，代码如下： ```xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="@android:color/transparent" /> </shape> ``` 通过以上两步操作，就可以让 BottomNavigationView 没有点击效果了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值