andoroid之bottomnavigationview右上角添加红点布局和自动跳转到底部具体第几个tab(代码片段)

chen.yu chen.yu     2023-02-21     776

关键词:

一、需求

BottomNavigationView右上角添加红点布局和自动跳转到底部具体第几个Tab
我们知道BottomNavigationView是在google material里面的组件
github地址如下:

https://github.com/material-components/material-components-android

二、效果图片爆照

 

三、BottomNavigationView右上角添加红点布局关键代码实现

    var badgeView: View? = null
    var menuView: BottomNavigationMenuView? = null
    var tabView: BottomNavigationItemView? = null
	//得到menuView
	menuView = v.navView.getChildAt(0) as BottomNavigationMenuView?
	//得到底部的第三个Tab
  

填充bottomNavigation中的图标

】填充bottomNavigation中的图标【英文标题】:FilltheiconsinbottomNavigation【发布时间】:2020-10-2010:34:52【问题描述】:我使用bottomNavigation。我想在选中时用“不是图标外部”的颜色填充图标。我该怎么做?<com.google.android.material.botto... 查看详情

BottomNavigation 下的 Snackbar

】BottomNavigation下的Snackbar【英文标题】:SnackbarunderBottomNavigation【发布时间】:2019-08-0305:51:36【问题描述】:我正在尝试向用户展示一个Snackbar,它位于MainActivity中的RideFragment。但是BottomNavigation与Snackbar重叠,因此Snackbar根本不可... 查看详情

如何在 nativescript 应用程序中实现“BottomNavigation”元素?

】如何在nativescript应用程序中实现“BottomNavigation”元素?【英文标题】:Howtoimplement\'BottomNavigation\'elementinanativescriptapplication?【发布时间】:2022-01-2405:27:54【问题描述】:我有一个使用AngularNativeScript编写的工作项目,现在我想... 查看详情

BottomNavigation 下的 ViewPager

】BottomNavigation下的ViewPager【英文标题】:ViewPagerunderofBottomNavigation【发布时间】:2020-08-0912:50:56【问题描述】:我在viewpager中有列表,底部有音频播放器。但是我的查看器并没有结束音频播放器的启动。我在viewpager中看不到我最... 查看详情

NativeScript-Vue:如何安装 BottomNavigation 组件

】NativeScript-Vue:如何安装BottomNavigation组件【英文标题】:NativeScript-Vue:HowtoinstallBottomNavigationcomponent【发布时间】:2021-07-2500:58:09【问题描述】:如何在此处安装Playground中使用的BottomNavigation组件?https://play.nativescript.org/?template=p... 查看详情

MUI BottomNavigation 默认不粘

】MUIBottomNavigation默认不粘【英文标题】:MUIBottomNavigationisnotstickybydefault【发布时间】:2018-08-1504:53:24【问题描述】:如何使BottomNavigation组件具有粘性?为什么默认不粘?【问题讨论】:你可以看看Snackbar的实现。Snackbar是一个开... 查看详情

检查 BottomNavigation - React Native 的渲染方法

】检查BottomNavigation-ReactNative的渲染方法【英文标题】:ChecktherendermethodofBottomNavigation-ReactNative【发布时间】:2020-05-3113:15:21【问题描述】:我正在reactnative项目中创建底部导航。它适用于以下编码。App.jsimportReactfrom\'react\';importcre... 查看详情

BottomNavigation popBackStack() 导航到 startDestination 而不是上一个片段

】BottomNavigationpopBackStack()导航到startDestination而不是上一个片段【英文标题】:BottomNavigationpopBackStack()navigatestostartDestinationinsteadpreviousfragment【发布时间】:2020-06-1805:06:05【问题描述】:我在使用BottomNavigation+Navigation组件时遇到问... 查看详情

如何实现 OnLongClickListener 到 BottomNavigation 菜单项长按?

】如何实现OnLongClickListener到BottomNavigation菜单项长按?【英文标题】:HowtoimplementOnLongClickListenertoBottomNavigationmenuitemlongpress?【发布时间】:2021-03-3016:01:24【问题描述】:我在为我的菜单项创建长按侦听器时遇到问题。我已经尝试... 查看详情

React Material UI BottomNavigation 组件路由问题

】ReactMaterialUIBottomNavigation组件路由问题【英文标题】:ReactMaterialUIBottomNavigationcomponentRoutingIssue【发布时间】:2018-07-0418:07:25【问题描述】:我正在尝试从MaterialUI实现底部导航组件,但我在用户使用浏览器的后退和前进按钮时遇... 查看详情

导航到新页面时,BottomNavigation 不更新

】导航到新页面时,BottomNavigation不更新【英文标题】:BottomNavigationdoesnotupdatewhennavigatingtonewpage【发布时间】:2021-11-1510:23:09【问题描述】:我在为我的网站构建底部导航栏时遇到了这个问题:所以它有3个按钮,主页、个人资料... 查看详情

BottomNavigation 在带有组件导航的片段中不起作用

】BottomNavigation在带有组件导航的片段中不起作用【英文标题】:BottomNavigationnotworkinfragmentwithcomponentnavigation【发布时间】:2021-10-1813:23:25【问题描述】:底部导航在我单击时不会更改片段,它适用于活动,但当我在片段中使用它... 查看详情

第三方开源库-->bottomnavigation底部导航栏(代码片段)

简介BottomNavigation一个优秀的底部导航栏。该库可帮助用户轻松使用底部导航栏(谷歌的一种新模式)并允许大量自定义效果图配置1.在app/build.gradle中添加:implementation'com.ashokvarma.android:bottom-navigation-bar:2.1.0'使用... 查看详情

如何在不点击导航栏的情况下使用 BottomNavigation 进行导航

】如何在不点击导航栏的情况下使用BottomNavigation进行导航【英文标题】:HowtonavigateusingBottomNavigationwithouttappingthenavbar【发布时间】:2020-09-3000:56:40【问题描述】:如果您使用的是NativeScriptVue选项卡导航,我有一个关于导航的问... 查看详情

NativeScript BottomNavigation -> 如何在底部导航项点击时打开默认页面?

】NativeScriptBottomNavigation->如何在底部导航项点击时打开默认页面?【英文标题】:NativeScriptBottomNavigation->howtoopendefaultpageonbottomnavigationitemtap?【发布时间】:2021-02-2821:24:46【问题描述】:我有一个名为“基金”的页面。我有5... 查看详情

android底部导航bottomnavigation怎么设置图标和文字的距离

参考技术A这个可以用一个textview来实现代码:<TextViewandroid:id="@+id/tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:drawableTop="@drawable/ic_launcher"android:text="@string/hello_world"/>本... 查看详情

用户登录后显示底部导航

】用户登录后显示底部导航【英文标题】:ShowBottomNavigationoncetheuserislogged【发布时间】:2021-12-2401:44:54【问题描述】:我想使用BottomNavigation在屏幕之间导航,实际上它与BottomNavigation.SceneMap(...)一起工作正常但是BottomNavigation它在... 查看详情

如何在 Xamarin.Forms-Android 的 TabbedPage-BottomNavigation Bar 中删除 BarItemColor 和 SelectedBarItemColor?

】如何在Xamarin.Forms-Android的TabbedPage-BottomNavigationBar中删除BarItemColor和SelectedBarItemColor?【英文标题】:HowtoremoveBarItemColor&SelectedBarItemColorinTabbedPage-BottomNavigationBarinXamarin.Forms-Android?【发布时间】:2020-12-1 查看详情