非常好用的底部导航栏BottomNavigationBar

最新推荐文章于 2024-06-19 18:17:32 发布
最新推荐文章于 2024-06-19 18:17:32 发布
阅读量1.3k 收藏 1
点赞数 1
分类专栏： 【Android - 实用总结】
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxl1173558248/article/details/80513707
版权

https://github.com/Ashok-Varma/BottomNavigation

图标和文字的间距:

在自己项目里value文件夹中的dimens.xml里面复写fixed_height_bottom_padding（默认是10dp，值越小，间距越大。适合的模式是BottomNavigationBar.MODE_FIXED）



___chu
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android底部导航栏 BottomNavigationBar的简单使用
08-24
Android底部导航栏的简单使用 BottomNavigationBar
Android 底部导航栏 BottomNavigationBar的简单使用
08-24
总结起来，实现Android底部导航栏BottomNavigationBar的简单使用，主要包括以下几个步骤： 1. 引入Material Design库 2. 在布局文件中添加BottomNavigationView组件 3. 创建菜单资源文件定义导航选项 4. 在Activity...
底部导航BottomNavigationBar
weixin_40746230的博客
04-20 212
flutter NavgationBarItem
Flutter BottomNavigationBar组件使用详解，如何实现自定义底部导航栏
最新发布
keganyuan的博客
06-19 1143
自定义的样式包括颜色、形状和大小。你可以通过设置elevation和shape属性来实现。// 导航项数组// 当前选中项的索引// 点击导航项时触发的回调函数// 自定义选中项的颜色// 自定义未选中项的颜色// 导航栏的背景颜色// 导航栏的阴影大小// 导航栏的形状，这里设置为圆角),// 自定义选中项的图标主题size: 30.0, // 选中图标大小),// 自定义未选中项的图标主题size: 25.0, // 未选中图标大小),
Android学习之BottomNavigationBar实现Android特色底部导航栏
热门推荐
隔壁小王的博客
05-15 3万+
Android底部导航栏的实现方式特别多，例如TabHost，TabLayout，或者TextView等，都可以实现底部导航栏的效果，但是却没有Google官方统一的导航栏样式，今天讲的就是Google最近添加到Material design中的底部导航栏BottomNavigationBar，也可以说是现今Android底部导航栏的一个标准与统一吧。效果：实现效果：实现：1.下载jar包 2.添
BottomNavigationBar
jiahua123_dongzhou的博客
08-29 223
BottomNavigationBar 首先，bottomNavigationBar 是属于 Scaffold 中的一个位于底部的控件。通常和 BottomNavigationBarItem 配合使用 BottomNavigationBar构造方法 BottomNavigationBar({ Key key, @required this.items, this.onTap, this.currentIndex = 0, BottomNavigationBarT
Flutter BottomNavigationBar组件（底部导航栏）
m0_46527751的博客
01-14 6013
Flutter BottomNavigationBar 组件 BottomNavigationBar 常见的属性 属性名 说明 items List 底部导航条按钮集合(页面集合) iconSize icon currentIndex 默认选中第几个（页面） onTap 选中变化回调函数（点击后专跳指定页面） fixedColor 选中的颜色 type BottomNavigationBarType.fixedBottomNavigationBarType.shiftin
Android使用BottomNavigationBar实现底部导航栏
08-26
Android 使用 BottomNavigationBar 实现底部导航栏 Android 系统中，导航栏是用户交互的重要部分，BottomNavigationBar 是一个流行的第三方库，提供了丰富的功能和自定义选项。本文将详细介绍如何使用 ...
jetpack compose 底部导航栏
08-17
在Android应用设计中，底部导航栏（Bottom Navigation Bar）是一个常见的组件，用于在多个主视图之间提供平滑的导航。在这个讨论中，我们将深入探讨如何使用Jetpack Compose来创建一个“完美的”底部导航栏。 首先...
ANDROID BottomNavigationBar底部导航栏的实现示例
08-29
ANDROID BottomNavigationBar 底部导航栏的实现示例 ANDROID BottomNavigationBar 底部导航栏是一种常用的导航模式，在很多应用程序中都可以看到它的身影。今天，我们将通过一个示例来介绍如何实现 ANDROID ...
Flutter之底部导航BottomNavigationBar
一花一世界 一叶一菩提
09-26 667
BottomNavigationBar是Flutter的一个底部导航 BottomNavigationBar({ Key key, @required this.items, 接受一个BottomNavigationBarItem=>(icon默认图标、title底部导航文字、actionIcon激活时候的图标、backgroundColor背景颜色) this.onTap ...
BottomNavigationBarXF, Xamarin窗体的底部导航栏.zip
09-17
BottomNavigationBarXF, Xamarin窗体的底部导航栏 BottomNavigationBarXFXamarin窗体的底部导航栏实现。 它使用底部导航栏项目来渲染Android上的导航栏。 它将在iOS上呈现一个标准的TabbedPage 。 NuGet在这里找到它，在这儿。许可证麻
Flutter基础控件：BottomNavigationBar
青蛙不吃草
07-27 203
BottomNavigationBar属性onTapcurrentIndexelevationtypefixedColorbackgroundColoriconSizeselectedItemColorunselectedItemColorselectedIconThemeunselectedIconThemeselectedFontSizeunselectedFontSizeselectedLabelStyleunselectedLabelStyleshowSelectedLabelsshowUnsele
Flutter组件学习九-BottomNavigationBar（底部导航栏）
wmd看海的博客
04-03 234
1、BottomNavigationBar 是底部导航条，可以让我们定义底部Tab切换，bottomNavigationBar是Scaffold组件的参数 1.1、属性 属性 说明 items List底部导航条按钮集合 iconSize 图标大小 currentIndex 默认选中第几个 onTap 选中变化回调函数 fixedColor 选中的颜色 type...
Flutter 学习笔记（ 九）BottomNavigationBar 组件 底部导航
Spy97的博客
08-08 449
BottomNavigationBar组件实现底部导航栏 当有4个及以上Item时，必须加上type: BottomNavigationBarType.fixed onTap实现点击图标效果，使用setState可以实时渲染 每个导航设计之界面，通过List+currentPage更改body的实时显示 iconSize和fixedColor修改图标大小和选中时的颜色 class Home extends StatelessWidget { @override Widget build(BuildC
Flutter篇 BottomNavigationBar底部导航栏
独树一枝
02-20 1125
效果如下： 简单解释一下吧， 创建两个数组，一个存放tab的icon 和 标题，另一个存放对应的状态界面的函数名； int currentIndex = 0; //接收点击到的页面数 var currentPage ;//用来接收要展示的对应界面 BottomNavigationBar 首先，bottomNavigationBar是属于Scaffold中的一个位于底部的控件。通常和BottomNavigationBarItem配合使用 BottomNavigation...
Flutter学习日记之底部导航栏BottomNavigationBar组件的使用
qq_40785165的博客
05-17 1105
本文地址：https://blog.csdn.net/qq_40785165/article/details/116900126,转载需附上此地址 大家好，我是小黑，一个还没秃头的程序员~~~ 空袋子，难直立 。 今天分享的内容是Flutter的BottomNavigationBar组件，用来定义底部导航栏，源码地址：https://gitee.com/fjjxxy/flutter-study.git，效果如下： type=BottomNavigationBarType.fixed,当数量<=
鸿蒙 底部导航，中间凸起页面
cmmboy1990的博客
07-29 815
鸿蒙 底部导航，中间凸起页面 1.布局 activity_main.xml <?xml version="1.0" encoding="utf-8"?> <DependentLayout xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:height="match_parent" ohos:width="match_parent" ohos:orientation="vertical">
BottomNavigationBar 距离底部横条安全区
studer_rui的博客
06-12 383
使用 SafeArea widget来包裹tabbar的widget即可解决问题。解决的关键代码(使用 SafeArea widget来包裹)
Android用BottomNavigationBar实现底部导航栏
05-25
Android中可以使用BottomNavigationBar实现底部导航栏。下面简单介绍一下实现方法。 1. 添加依赖库 在app的build.gradle中添加如下依赖： ``` implementation 'com.aurelhubert:ahbottomnavigation:2.1.0' ``` 2. 在布局文件中添加BottomNavigationBar控件 ``` <com.aurelhubert.ahbottomnavigation.AHBottomNavigation android:id="@+id/bottom_navigation" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" app:ah_bottom_navigation_active_item_color="@color/colorPrimary" app:ah_bottom_navigation_inactive_item_color="@android:color/darker_gray" app:ah_bottom_navigation_background_color="@android:color/white" app:ah_bottom_navigation_title_state="always_show" app:ah_bottom_navigation_use_theme_colors="false" /> ``` 其中，ah_bottom_navigation_active_item_color表示选中的item颜色，ah_bottom_navigation_inactive_item_color表示未选中的item颜色，ah_bottom_navigation_background_color表示BottomNavigationBar的背景色。 3. 创建Fragment 在MainActivity中创建不同的Fragment用于点击不同的BottomNavigationBar item时显示不同的内容。 4. 设置BottomNavigationBar的item 在MainActivity中设置BottomNavigationBar的item，并为每个item绑定对应的Fragment。 ``` private void setupBottomNav() { AHBottomNavigationItem item1 = new AHBottomNavigationItem(R.string.tab_1, R.drawable.ic_home_black_24dp, R.color.colorPrimary); AHBottomNavigationItem item2 = new AHBottomNavigationItem(R.string.tab_2, R.drawable.ic_search_black_24dp, R.color.colorPrimary); AHBottomNavigationItem item3 = new AHBottomNavigationItem(R.string.tab_3, R.drawable.ic_settings_black_24dp, R.color.colorPrimary); bottomNavigation.addItem(item1); bottomNavigation.addItem(item2); bottomNavigation.addItem(item3); bottomNavigation.setDefaultBackgroundColor(Color.WHITE); bottomNavigation.setBehaviorTranslationEnabled(false); bottomNavigation.setOnTabSelectedListener(new AHBottomNavigation.OnTabSelectedListener() { @Override public boolean onTabSelected(int position, boolean wasSelected) { if (!wasSelected) { switch (position) { case 0: getSupportFragmentManager().beginTransaction().replace(R.id.content_frame, new Fragment1()).commit(); break; case 1: getSupportFragmentManager().beginTransaction().replace(R.id.content_frame, new Fragment2()).commit(); break; case 2: getSupportFragmentManager().beginTransaction().replace(R.id.content_frame, new Fragment3()).commit(); break; } } return true; } }); } ``` 其中，AHBottomNavigationItem的构造函数参数分别为item的标题、图标和选中时的颜色。 5. 完成效果 运行程序即可看到底部导航栏的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值