今天在github上面看到效果很炫的導(dǎo)航欄開源項目,然后就手癢就集成來玩一下,但是遇到一個坑就是title不顯示出來,就是一下圖片框住的地方,然后記錄一下集成的錯誤,幫助更多開發(fā)者
項目地址:https://github.com/DevLight-Mobile-Agency/NavigationTabBar
先給大家來個gif看看官網(wǎng)炫酷的效果,吸引一下眼球


不管我怎么調(diào)試都是出不來github上面的效果,最后我發(fā)現(xiàn)坑在了布局上面,原來我一直喜歡用RelativeLayout布局,然后這個導(dǎo)航欄如果用RelativeLayout布局就會顯示不出來,所以我換成了LinearLayout就出來了。

NavigationTabBar的用法我在這里就不展開詳細(xì)說了,大家去上面的github地址看詳細(xì)教程,我在這里就列一下部分屬性吸引一下大家,哈哈......
各屬性詳解
全局:
app:ntb_bg_color="#000"? ? ? ? ? ? ntb的背景顏色? ? ? ? ? ? ? ? 可自定義
app:ntb_active_color="#000"? ? ? ? ntb活動時的圖標(biāo)+標(biāo)題顏色? ? ? 可自定義
app:ntb_inactive_color="#0f0"? ? ? ntb不活動時的圖標(biāo)+標(biāo)題顏色? ? 可自定義
app:ntb_corners_radius="10dp"? ? ? ntb切換時的動畫弧度大小? ? ? 可自定義
app:ntb_animation_duration="1000"? ntb切換時的動畫時間? ? ? ? ? 單位:ms
圖標(biāo)相關(guān):
app:ntb_icon_size_fraction="1"? ? ? 圖標(biāo)所占的大小比例? ? ? ? ? ? 最佳值:0.5
標(biāo)題相關(guān):
app:ntb_titled="true"? ? ? ? ? ? ? 是否顯示圖標(biāo)所對應(yīng)的標(biāo)題? ? ? 默認(rèn)為false
app:ntb_title_mode="active"? ? ? ? 圖片所對應(yīng)的標(biāo)題顯示模式? ? ? active:活動時才顯示 all:總是顯示? PS:app:ntb_titled屬性值為 true 時才可用
app:ntb_title_size="10sp"? ? ? ? ? 設(shè)置圖標(biāo)所對應(yīng)的標(biāo)題文字大小? ? 請自定義
勛章相關(guān):
app:ntb_badged="false"? ? ? ? ? ? ? 是否顯示勛章? ? ? ? ? ? ? ? ? 默認(rèn)為false
app:ntb_badge_gravity="top"? ? ? ? 勛章的上下位置? ? ? ? ? ? ? ? top|bottom
app:ntb_badge_position="right"? ? ? 勛章的左右位置? ? ? ? ? ? ? ? left(25%), center(50%) and right(75%)
app:ntb_badge_bg_color="#ffff0000"? 勛章的背景顏色? ? ? ? ? ? ? ? 可自定義
app:ntb_badge_title_color="#000000" 勛章的標(biāo)題文字顏色? ? ? ? ? ? 可自定義 PS:不設(shè)置的話默認(rèn)為切換動畫的背景色
app:ntb_badge_size="12sp"? ? ? ? ? 勛章的標(biāo)題文字大小? ? ? ? ? ? 可自定義
字體相關(guān):
app:ntb_badge_use_typeface="false"? 是否使用自定義字體? ? ? ? ? ? 默認(rèn)為false
app:ntb_typeface="fonts/by3500.ttf" 設(shè)置ntb的自定義字體? ? ? ? ? ? 請將自定義的字體文件放在 asset/fonts 文件夾下
其他:
app:ntb_preview_colors="@array/colors"
app:ntb_scaled="true"
app:ntb_tinted="true"
app:ntb_swiped="true"/>