android 导航栏源码,Android使用BottomNavigationBar实现导航栏功能

青旅半醒 2022-10-05 04:41 247阅读 0赞

基本属性

setActiveColor //选中item的字体颜色

setInActiveColor //未选中Item中的颜色

setBarBackgroundColor//背景颜色

setMode(BottomNavigationBar.MODE\_FIXED) //填充模式，未选中的Item会显示文字，没有换挡动画

setMode(BottomNavigationBar.MODE\_SHIFTING) //换挡模式，未选中的Item不会显示文字，选中的会显示文字

setBackgroundStyle(BottomNavigationBar.BACKGROUND\_STYLE\_STATIC) //点击的时候没有水波纹效果

setBackgroundStyle(BottomNavigationBar.BACKGROUND\_STYLE\_RIPPLE) //点击的时候有水波纹效果，也就是导航条的背景色是你设置的处于选中状态的 Item的颜色

addItem(new BottomNavigationItem(R.mipmap.ic\_launcher\_round, mTitles\[0\]) //添加一个BottomNavigationItem子项，设置图标和文字

setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic\_launcher)) //添加选中时的变更图标

setFirstSelectedPosition(0) //默认选中下标为0的item

setBadgeItem() //添加BadgeItem标记

initialise() //绘制，要放在设置最后

setTabSelectedListener监听器

bottomNavigationBar.setTabSelectedListener(new BottomNavigationBar.OnTabSelectedListener() \{

@Override

public void onTabSelected(int position) \{

//获得选中状态时触发，可以做fragmengt页面切换

Toast.makeText(MainActivity.this,"当前选中"+position,Toast.LENGTH\_SHORT).show();

\}

@Override

public void onTabUnselected(int position) \{

//当失去焦点不被选中的时候触发

Toast.makeText(MainActivity.this,position+"失去了焦点",Toast.LENGTH\_SHORT).show();

\}

@Override

public void onTabReselected(int position) \{

//触发不了，我也母鸡

\}

\});

BadgeItem标记

1.五角星标记

mShapeBadgeItem = new ShapeBadgeItem()

.setShapeColorResource(R.color.colorPrimary) //背景颜色

.setGravity(Gravity.TOP ) //位置 默认右上

.setAnimationDuration(200)//动画时长

.setHideOnSelect(false)//true当选中状态时消失，非选中状态再次显示

.show();

hide() //隐藏

2.文本标记

mTextBadgeItem = new TextBadgeItem()

.setBorderWidth(4)//文本大小

.setGravity(Gravity.TOP )//位置 默认右上

.setBackgroundColorResource(R.color.colorAccent)//背景颜色

.setAnimationDuration(200)//动画时间

.setText("3")

.setHideOnSelect(false)//true当选中状态时消失，非选中状态再次显示

.show();

官方all.gif

![e3a52eaecf689f82e5995489bafc2ba3.gif][]

view源码下载地址

总结

以上所述是小编给大家介绍的Android BottomNavigationBar导航栏功能的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:超简单的几行代码搞定Android底部导航栏功能

Android实现简单底部导航栏 Android仿微信滑动切换效果

Android 沉浸式状态栏与隐藏导航栏实例详解

Android用Scroller实现一个可向上滑动的底部导航栏

Android实现顶部导航栏可点击可滑动效果(仿微信仿豆瓣网)

Android design包自定义tablayout的底部导航栏的实现方法

ANDROID BottomNavigationBar底部导航栏的实现示例

Android BottomNavigationBar底部导航控制器使用方法详解

[e3a52eaecf689f82e5995489bafc2ba3.gif]: /images/20221005/1d02bdec4a8545ff891ab0d84c8029e3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，247人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS导航栏功能实现

慕课网JS课程结课例子效果： ![2019082122043998.gif][] <!DOCTYPE HTML> <html>

向右看齐/ 2024年04月11日 13:22/ 0 赞/ 98 阅读

相关 Android 导航栏状态栏设置

<resources> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionB

柔光的暖阳◎/ 2024年04月08日 08:21/ 0 赞/ 71 阅读

相关 css导航栏_使用CSS的导航栏

css导航栏 CSS | 导航栏 (CSS | Navigation Bar) Developing websites is great but developing

系统管理员/ 2023年03月05日 10:59/ 0 赞/ 3 阅读

相关 Android使用FragmentTabHost实现底部导航栏切换卡

一、编写布局编写activity\_main.xml 布局 <?xml version="1.0" encoding="utf-8"?> <Linea

痛定思痛。/ 2022年11月25日 11:39/ 0 赞/ 212 阅读

相关 android 导航栏半透明,Android 沉浸式/透明式状态栏、导航栏

前言 Android 从4.4开始引进透明状态栏和导航栏的概念，并且在5.0进行了改进，将透明变成了半透明的效果。虽然此特性最早出现在ios，但不否认效果还是很赞的。至于

曾经终败给现在/ 2022年10月16日 07:38/ 0 赞/ 281 阅读

相关 android 顶部导航栏自定义,Android自定义顶部导航栏控件

class HeaderBar @JvmOverloads constructor( context: Context, attrs: AttributeSet? = nul

朱雀/ 2022年10月16日 00:58/ 0 赞/ 329 阅读

相关 android 导航栏源码,Android使用BottomNavigationBar实现导航栏功能

基本属性 setActiveColor //选中item的字体颜色 setInActiveColor //未选中Item中的颜色 setBarBackgroundColo

青旅半醒/ 2022年10月05日 04:41/ 0 赞/ 248 阅读

相关 Android——BottomTabBar实现底部导航栏

示例图： ![Center][] ![Center 1][] 首先在build.gradle添加依赖 compile 'com.hjm:B

浅浅的花香味﹌/ 2022年06月06日 10:24/ 0 赞/ 429 阅读

相关 Android 底部导航栏BottomNavigationView的使用

1.BottomNavigationView是support desigin包下的控件，用于底部导航~ ①使用之前在App的build.gradle中添加依赖 co

迈不过友情╰/ 2022年03月18日 01:11/ 0 赞/ 916 阅读

相关 flutter 底部导航栏组件BottomNavigationBar

底部导航栏组件 (1)在Scaffold组件中与body同级设置 bottomNavigationBar: BottomNavigationBar

淡淡的烟草味﹌/ 2021年07月24日 23:58/ 0 赞/ 557 阅读