BottomNavigationView底部导航去除缩放动画以及点击水波纹动画

最新推荐文章于 2026-06-20 09:48:33 发布

原创

最新推荐文章于 2026-06-20 09:48:33 发布 · 4.1k 阅读

标签

#android #UI

收录于

本文介绍了如何使用Material Components库定制Android应用的BottomNavigationView，包括移除缩放动画、消除点击水波纹效果，并详细解释了设置`labelVisibilityMode`和`itemRippleColor`的用法。

引用依赖库

implementation "com.google.android.material:material:1.2.0-beta01"

底部导航去除缩放动画

做法：给BottomNavigationView添加属性labelVisibilityMode

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="match_parent"
        android:layout_heig

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

It一zhai男

关注关注

6
点赞
踩
12

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Flutter—-去掉底部导航栏的水波纹效果

01-03

在群里有好几次被人问到了，Flutter自带的底部导航栏，点击会有水波纹的效果，要怎么去掉。当时我也很懵，不是觉得这应该很简单吗？怎么被问了好几次。现在我就把这个解决方法告诉你们。其实处理问题的方式很简单。自己去copy源码找到地方自己修改自己去想办法（当然这是说废话。。。你不想方法，感觉第二天可以去财务结账了！）好了我就不说废话了，直接说正题了。正常来说我们建立一个底部导航栏代码如下： class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePa

3 条评论您还未登录，请先登录后发表或查看评论

BottomNavigationView去除菜单项动画效果代码

08-17

BottomNavigationView大于3个菜单项时去除动画效果，显示菜单项的文字. 如果没有资源分下载的，留一个邮箱，看到后，我把代码发到指定邮箱

BottomNavigationView取消水波纹动画

wutianchi1的博客

04-13

1474

BottomNavigationView 水波纹 动画

底部菜单控件BottomNavigationView的使用

热爱技术

01-16

1万+

BottomNavigationView实现底部导航栏的整体效果如下图所示：基本使用 BottomNavigationView控件的主要属性含义：控件点击时候颜色选择@color/sl_color_green_grey 完整的MainActivity代码运行的效果图如下： item多的时候，指的是item非选中状态显示文字，有以下几个值：它们依次运行如下图所示 auto和select和i 属性sShifting有关此时isShifting=true;你会发现auto和 selected的效

BottomNavigationView+Navigation 添加底部导航菜单切换时的fragment过渡动画animation

喝烧酒的兔子

03-17

1437

Navigation默认的透明度动画，只有300毫秒，通过BottomNavigationView切换fragment时，几乎看不到过渡动画的效果，开始还以为没有动画。开始在网上查找相关资料，最后找到这个比较靠谱： https://stackoverflow.com/questions/61541455/animation-for-bottomnavigation-fragments-with-architecture-navigation-components 参考上面资料写了如下代码，通过这种方式确定

BottomNavigationView从入门到强行改造,取消位移动画？和ViewPager绑定？添加Badge？

热门推荐

宇不语的博客

01-07

2万+

前言BottomNavigationView 这个官方控件出了几个月了，也有一些介绍该控件的文章，但我发现大部分博文只是做了简单的用法介绍，并未解决一些需求，比如：取消位移动画、和ViewPager一起使用、加入Badge。所以我又写了这么一篇博客。考虑到一些人可能没时间看到最后，我把改造的库地址放在最前面 BottomNavigationViewEx。基本用法1. 添加依赖compile 'com

使用新版的BottomNavigationView当Item大于3时，去除动画很简单

knight康康的博客

10-10

3963

BottomNavigationView 是用来实现底部导航的功能，是在api 26的推出的，是兼容的，而且在android Studio有模板代码，用起来很方便，item可以添加1-5个，但是当item超过3是就会有偏移动画，如下效果但在新版的BottomNavigationView 两个属性就可以解决这个问题 (网上通过反射的解决方案在这个新版本无效，因为此版本BottomNavigati...

android 控件缩小动画效果,BottomNavigationView 控件去除放大缩小动画

weixin_39998273的博客

05-26

658

BottomNavigationView 控件去除放大缩小动画最近项目中有用到底部导航栏，最初的底部导航栏是使用的是‘com.android.support:design’包android.support.design.widget.BottomNavigationView 进行设置；按钮点击后的放大效果可以反射 BottomNavigationMenuView 下的mShiftingMode 属...

Android日常开发（40）BottomNavigationView 实现底部导航

ZPCrobot的博客

07-08

662

前言一般我们实现底部导航都是采用，自定义View的方式来实现的，今天我们使用Google为我们提供的BottomNavigationView来实现这个功能。首先引入依赖 api 'com.android.support:design:28.0.0' 在布局中写入我们的BottomNavigationView UI组件 <android.support.design.widget.BottomNavigationView android:id="@+id/bottomN

Android Studio3.5快速实现BottomNavigationView底部导航

qq_41374940的博客

10-15

2892

0、项目效果 1、使用AS3.5 创建 Bottom Navigation Activity 2、修改项目的res-->menu-->bottom_nav_menu.xml（设置底部item） <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas...

BottomNavigationView(Navigation)的简单使用(MVVM+retrofit+协程+Hilt+组件化)

姜澜的博客

08-31

1158

最近整理项目框架，决定使用BottomNavigationView+Navigation来完成主页，碰到了一系列问题，贡献出摸索过程，供需要的宝宝参考。大体效果如下图：一、准备 implementation "androidx.navigation:navigation-fragment-ktx:2.3.0" implementation "androidx.navigation:navigation-ui-ktx:2.3.0" 二、首先解决BottomNavigationView出现的几个问题切

Android TabLayout+ViewPager黄金组合实战指南

最新发布

dianjiaxian1205的博客

06-20

314

TabLayout和ViewPager是Android原生分页导航的核心组件，基于PagerAdapter实现Fragment页面容器与顶部标签栏的双向协同。其原理在于TabLayout负责UI渲染与用户交互，ViewPager承担页面调度与生命周期管理，二者通过setupWithViewPager建立松耦合绑定。该方案具备零第三方依赖、全版本兼容、调试友好等技术价值，广泛应用于电商详情页、教育App模块切换、政务平台多栏目等场景。相比ViewPager2需自行实现Tab逻辑，或BottomNavigati

如何去掉BottomNavigationView的Item大于3个时的动画效果

苦逼的程序猿☺

06-09

8053

前言官方的导航栏BottomNavigationView出来已经有一段时间了，使用也非常简单，这里就不再说它的使用了！当我们底部导航为3个时，感觉体验还是很舒服的，但是一旦大于3个时，就只显示选中的item了，其他的变很小，而且没有显示标题，切换的时候，也十分夸张，显得很别扭！为什么这样在查看了源码之后，发现它的设计有点类似MVP模式，所涉及到的类有4个： BottomNavigationView

Flutter 创建底部Tabbar与子控制器,去除底部点击动画效果

wyyrls的博客

01-19

5817

Flutter 创建底部Tabbar与子控制器,去除底部点击动画效果 1. 底部Tabbar的创建底部tabbar的创建和实现使用的是BottomNavigationBar（）函数来创建的，传入一个Items数组，里面存放的是BottomNavigationBarItem元素,类似于iOS， BottomNavigationBar常见属性： type：tabbar样式，默认为白色不显示； f...

bottomnavigationview 去动画_Android Notes｜BottomNavigationView 爱上 Lottie

weixin_39817215的博客

11-21

313

鸡老大说：大丈夫岂能久居人下。首发掘金：掘金个人页juejin.im前言好容易解决个问题，感觉记录一波。当日事当日毕，践行鸡老大，点滴积累，万一某天优秀了呢？以前大部分项目底部导航栏关于图片部分的实现，要么两套图 selector 切换，要么通过着色器 tint 进行渲染，总之最后呈现的效果便是在点击时两张图静态切换，说 Low 吧，也还凑合，但是总是没那么高大上。项目重构时，韩总说了，之前的...

Android BottomNavigationView 底部导航栏使用详解

Billy_Zuo的博客

11-25

5577

BottomNavigationView是官方提供可以实现底部导航的组件，最多支持5个item，主要用于功能模块间的切换，默认会包含动画效果。

Android：BottomNavigationView的使用和去掉动画效果

qq_33707520的博客

08-22

9854

我使用的BottomNavigationView的包： ‘com.android.support:design:28.0.0-rc01’。当底部导航为3个时，感觉体验还是很舒服的，但是一旦大于3个时，就只显示选中的item了，其他的变很小，而且没有显示标题，切换的时候，也十分夸张，显得很别扭！但是现在很少有底部导航栏只有三个的情况，基本上都是四五个。为什么会造成这种情况呢？在网上也...

flutter取消点击的高亮，长按的水纹波

weixin_43453916的博客

08-05

1054

Widget build(BuildContext context) { return Container( child: MaterialApp( title: '菜篮子', debugShowCheckedModeBanner: false, theme: ThemeData( primaryColor: Color(int.parse('0xfffa5956')), ...

【Android】BottomNavigationView实现自定义底部导航栏

2302_79323248的博客

07-24

1421

本文介绍了Android中BottomNavigationView控件的使用，通过该控件可以轻松实现自定义底部导航栏功能。文章详细说明了BottomNavigationView的常用属性配置，包括文字/图标颜色、大小、点击效果等，并给出了仿微信底部导航栏的实现示例。主要步骤包括：创建布局文件添加BottomNavigationView，定义menu资源文件设置导航项，配置图标资源文件，以及处理Fragment切换逻辑。该控件适合3-5个导航项的场景，能提供良好的用户体验。