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

基本属性

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底部导航控制器使用方法详解

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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、付费专栏及课程。

余额充值