【Android -- 开源库】BottomNavigation 的基本使用

一、简介

BottomNavigation 一个优秀的底部导航栏。
该库可帮助用户轻松使用底部导航栏（谷歌的一种新模式）并允许大量自定义

效果图

二、引入框架

1. 在 app/build.gradle 中添加：

implementation 'com.ashokvarma.android:bottom-navigation-bar:2.1.0'

三、使用

1. 布局文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".ui.BottomNavigationActivity"><includeandroid:id="@+id/include4"layout="@layout/layout_toolbar"/><FrameLayoutandroid:id="@+id/fl_content"android:layout_width="match_parent"android:layout_height="match_parent"app:layout_constraintBottom_toTopOf="@+id/bottom_navigation_bar"app:layout_constraintTop_toBottomOf="@+id/include4" /><com.ashokvarma.bottomnavigation.BottomNavigationBarandroid:id="@+id/bottom_navigation_bar"android:layout_width="match_parent"android:layout_height="wrap_content"app:layout_constraintBottom_toBottomOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

2. java 代码
BottomNavigationActivity.java

public class BottomNavigationActivity extends BaseActivity implements BottomNavigationBar.OnTabSelectedListener {@BindView(R.id.bottom_navigation_bar)BottomNavigationBar mNavigationBar;private InviteFragment mInviteFragment = HomeFragmentFactory.getInstance().getInviteFragment();private ActivityFragment mActivityFragment = HomeFragmentFactory.getInstance().getActivityFragment();private FoundFragment mFoundFragment = HomeFragmentFactory.getInstance().getFoundFragment();private MineFragment mMineFragment = HomeFragmentFactory.getInstance().getMineFragment();private Fragment currentFragment = new Fragment();
//    private TextBadgeItem mBadgeItem;private FragmentManager fm;@Overrideprotected int getLayoutId() {return R.layout.activity_bottom_navigation;}@Overrideprotected void setToolbar() {}@Overrideprotected void initView() {setNavTitle(R.string.bottom_navigation);fm = getSupportFragmentManager();initBottomBar();}private void initBottomBar() {/*** 导航基础设置 包括按钮选中效果 导航栏背景色等*/mNavigationBar.setTabSelectedListener(this).setMode(BottomNavigationBar.MODE_FIXED).setBackgroundStyle(BottomNavigationBar.BACKGROUND_STYLE_STATIC).setActiveColor("#F5DF3E")//选中颜色.setInActiveColor("#000000")//未选中颜色.setBarBackgroundColor("#ffffff");//导航栏背景色
//        mBadgeItem = new TextBadgeItem()
//                .setBorderWidth(2)//Badge的Border(边界)宽度
//                .setBorderColor(Color.BLUE)//Badge的Border颜色
//                .setBackgroundColor(Color.RED)
//                .setTextColor(Color.BLACK)//文本颜色
//                .setGravity(Gravity.RIGHT| Gravity.TOP)//位置，默认右上角
//                .setAnimationDuration(2000)
//                .setHideOnSelect(true)//当选中状态时消失，非选中状态显示
//                .setText("9");setInvite();}/*** 切换fragment** @param targetFragment* @return*/private FragmentTransaction switchFragment(Fragment targetFragment) {FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();if (!targetFragment.isAdded()) {// 第一次使用switchFragment()时currentFragment为null，所以要判断一下if (currentFragment != null) {transaction.hide(currentFragment);}transaction.add(R.id.fl_content, targetFragment, targetFragment.getClass().getName());} else {transaction.hide(currentFragment).show(targetFragment);}currentFragment = targetFragment;return transaction;}/*** 邀请*/private void setInvite() {mNavigationBar.clearAll();switchFragment(mInviteFragment).commitNowAllowingStateLoss();mNavigationBar.addItem(new BottomNavigationItem(R.mipmap.icon_invite_nor,"邀约")).addItem(new BottomNavigationItem(R.mipmap.icon_activity_nor,"活动")).addItem(new BottomNavigationItem(R.mipmap.icon_find_nor,"发现")).addItem(new BottomNavigationItem(R.mipmap.icon_my_nor,"我的")).setFirstSelectedPosition(0).initialise();}/*** 活动*/private void setActivity() {mNavigationBar.clearAll();switchFragment(mActivityFragment).commitNowAllowingStateLoss();mNavigationBar.addItem(new BottomNavigationItem(R.mipmap.icon_invite_nor,"邀约")).addItem(new BottomNavigationItem(R.mipmap.icon_activity_nor,"活动")).addItem(new BottomNavigationItem(R.mipmap.icon_find_nor,"发现")).addItem(new BottomNavigationItem(R.mipmap.icon_my_nor,"我的")).setFirstSelectedPosition(1).initialise();}/*** 发现*/private void setFound() {mNavigationBar.clearAll();switchFragment(mFoundFragment).commitNowAllowingStateLoss();mNavigationBar.addItem(new BottomNavigationItem(R.mipmap.icon_invite_nor,"邀约")).addItem(new BottomNavigationItem(R.mipmap.icon_activity_nor,"活动")).addItem(new BottomNavigationItem(R.mipmap.icon_find_nor,"发现")).addItem(new BottomNavigationItem(R.mipmap.icon_my_nor,"我的")).setFirstSelectedPosition(2).initialise();}/*** 我的*/private void setMine() {mNavigationBar.clearAll();switchFragment(mMineFragment).commitNowAllowingStateLoss();mNavigationBar.addItem(new BottomNavigationItem(R.mipmap.icon_invite_nor,"邀约")).addItem(new BottomNavigationItem(R.mipmap.icon_activity_nor,"活动")).addItem(new BottomNavigationItem(R.mipmap.icon_find_nor,"发现")).addItem(new BottomNavigationItem(R.mipmap.icon_my_nor,"我的")).setFirstSelectedPosition(3).initialise();}@Overridepublic void onTabSelected(int position) {FragmentTransaction ft = fm.beginTransaction();switch (position) {case 0:setInvite();break;case 1:setActivity();break;case 2:setFound();break;case 3:setMine();break;}}@Overridepublic void onTabUnselected(int position) {}@Overridepublic void onTabReselected(int position) {}
}

四个类似的Fragment , ActivityFragment.java

public class ActivityFragment extends BaseFragment {@Overrideprotected int getLayoutId() {return R.layout.fragment_activity;}
}

HomeFragmentFactory.java

/*** Created on 2019/12/2 16:44** @author Gong Youqiang*/
public class HomeFragmentFactory {static HomeFragmentFactory mInstance;private InviteFragment mInviteFragment;private ActivityFragment mActivityFragment;private FoundFragment mFoundFragment;private MineFragment mMineFragment;public HomeFragmentFactory() {}public static HomeFragmentFactory getInstance() {if (mInstance == null) {synchronized (HomeFragmentFactory.class) {if (mInstance == null) {mInstance = new HomeFragmentFactory();}}}return mInstance;}/*** 邀请** @return*/public InviteFragment getInviteFragment() {if (mInviteFragment == null) {synchronized (InviteFragment.class) {if (mInviteFragment == null) {mInviteFragment = new InviteFragment();}}}return mInviteFragment;}/*** 活动** @return*/public ActivityFragment getActivityFragment() {if (mActivityFragment == null) {synchronized (ActivityFragment.class) {if (mActivityFragment == null) {mActivityFragment = new ActivityFragment();}}}return mActivityFragment;}/*** 发现** @return*/public FoundFragment getFoundFragment() {if (mFoundFragment == null) {synchronized (FoundFragment.class) {if (mFoundFragment == null) {mFoundFragment = new FoundFragment();}}}return mFoundFragment;}/*** 我的** @return*/public MineFragment getMineFragment() {if (mMineFragment == null) {synchronized (MineFragment.class) {if (mMineFragment == null) {mMineFragment = new MineFragment();}}}return mMineFragment;}
}

【Android -- 开源库】BottomNavigation 的基本使用相关推荐

Android开源库集合(控件)
RecycleView: RecycleView功能增强 https://github.com/Malinskiy/SuperRecyclerView RecycleView功能增强(拖拽,滑动删除, ...
关于Android开源库分享平台，（GitClub）微信小程序的开发体验
七八月份的深圳一直在下雨,总有人说雨天适合窝在家看书,对于程序开发者来说更是难得的学习机会.我们502工作室的小伙伴利用这个时间学习了一下微信小程序开发,并上线了一个GitClub小程序,目前功能有些 ...
Android 开源库获取途径整理
最新内容请见原文: http://www.trinea.cn/android/android-open-project-summary/ 介绍目前收藏 Android 开源库比较多的 GitHub 项 ...
Android开源库集合(UI效果)
动画效果粒子动画效果 https://github.com/glomadrian/Grav 水波式loading等待动画 https://github.com/race604/WaveLoading ...
android 日历翻页动画,Android开源库合集：轻松实现Android动态，炫目：日历效果...
前言: 了解过那种动态,炫目的日历效果吗?你知道是怎么操作的嘛?是否想过,用UI就可以实现,对,也许你说的对,不过UI只是都是动态效果的一部分.那么今天用Annroid开源库,来告诉你android ...
Android开源库V - Layout：淘宝、天猫都在用的UI框架，赶紧用起来吧！
前言 V- Layout 是阿里出品的基础 UI 框架,用于快速实现页面的复杂布局,在手机天猫 Android版内广泛使用让人激动的是,在上个月V- Layout终于在Github上开源! Git ...
GitHub 上排名前 100 的 Android 开源库介绍
转自:http://www.codeceo.com/article/github-top-100-android-libs.html 本项目主要对目前 GitHub 上排名前 100 的 Androi ...
Android开源库总结
自己总结的Android开源项目及库. github排名https://github.com/trending, github搜索:https://github.com/search UI Aweso ...
排名前100的Android开源库
本项目主要对目前GitHub上排名前100的Android开源库进行简单的介绍,至于排名完全是根据GitHub搜索Java语言选择「BestMatch」得到的结果,然后过滤了跟Android不相关的项 ...
GitHub 上排名前 100 的 Android 开源库进行简单的介绍
本文转载于:https://github.com/Freelander/Android_Data/blob/master/Android-Librarys-Top-100.md 本项目主要对目前 Gi ...

【Android -- 开源库】BottomNavigation 的基本使用

一、简介

效果图

二、引入框架

三、使用

【Android -- 开源库】BottomNavigation 的基本使用相关推荐

最新文章

热门文章