快捷導(dǎo)航

Android使用BottomNavigationBar實現(xiàn)導(dǎo)航欄功能

更新時間：2018年08月24日 16:55:57 作者：xixi襲陽

這篇文章主要介紹了Android使用BottomNavigationBar實現(xiàn)導(dǎo)航欄功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下

基本屬性

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) //點擊的時候有水波紋效果，也就是導(dǎo)航條的背景色是你設(shè)置的處于選中狀態(tài)的 Item的顏色
addItem(new BottomNavigationItem(R.mipmap.ic_launcher_round, mTitles[0]) //添加一個BottomNavigationItem子項，設(shè)置圖標和文字
setInactiveIcon(ContextCompat.getDrawable(this, R.mipmap.ic_launcher)) //添加選中時的變更圖標
setFirstSelectedPosition(0) //默認選中下標為0的item
setBadgeItem() //添加BadgeItem標記
initialise() //繪制，要放在設(shè)置最后

setTabSelectedListener監(jiān)聽器

bottomNavigationBar.setTabSelectedListener(new BottomNavigationBar.OnTabSelectedListener() {
 @Override
 public void onTabSelected(int position) {
  //獲得選中狀態(tài)時觸發(fā)，可以做fragmengt頁面切換
  Toast.makeText(MainActivity.this,"當前選中"+position,Toast.LENGTH_SHORT).show();
　　　　
 }
 @Override
 public void onTabUnselected(int position) {
  //當失去焦點不被選中的時候觸發(fā)
  Toast.makeText(MainActivity.this,position+"失去了焦點",Toast.LENGTH_SHORT).show();
 }
 @Override
 public void onTabReselected(int position) {
  //觸發(fā)不了，我也母雞
 }
});

BadgeItem標記

1.五角星標記

mShapeBadgeItem = new ShapeBadgeItem()
  .setShapeColorResource(R.color.colorPrimary) //背景顏色
  .setGravity(Gravity.TOP ) //位置 默認右上
  .setAnimationDuration(200)//動畫時長
  .setHideOnSelect(false)//true當選中狀態(tài)時消失，非選中狀態(tài)再次顯示
  .show();
hide() //隱藏

2.文本標記

mTextBadgeItem = new TextBadgeItem()
  .setBorderWidth(4)//文本大小
  .setGravity(Gravity.TOP )//位置 默認右上
  .setBackgroundColorResource(R.color.colorAccent)//背景顏色
  .setAnimationDuration(200)//動畫時間
  .setText("3")
  .setHideOnSelect(false)//true當選中狀態(tài)時消失，非選中狀態(tài)再次顯示
  .show();

官方all.gif