Android知识Android开发Android技术知识

炫酷的NavigationTabBar的title显示不出来,填

2016-12-13  本文已影响1416人  haegyeong

今天在github上面看到效果很炫的导航栏开源项目,然后就手痒就集成来玩一下,但是遇到一个坑就是title不显示出来,就是一下图片框住的地方,然后记录一下集成的错误,帮助更多开发者

项目地址:https://github.com/DevLight-Mobile-Agency/NavigationTabBar

先给大家来个gif看看官网炫酷的效果,吸引一下眼球

图中红框的地方

不管我怎么调试都是出不来github上面的效果,最后我发现坑在了布局上面,原来我一直喜欢用RelativeLayout布局,然后这个导航栏如果用RelativeLayout布局就会显示不出来,所以我换成了LinearLayout就出来了。

自己最后修改实现的效果

NavigationTabBar的用法我在这里就不展开详细说了,大家去上面的github地址看详细教程,我在这里就列一下部分属性吸引一下大家,哈哈......

各属性详解

全局:

app:ntb_bg_color="#000"            ntb的背景颜色                可自定义

app:ntb_active_color="#000"        ntb活动时的图标+标题颜色      可自定义

app:ntb_inactive_color="#0f0"      ntb不活动时的图标+标题颜色    可自定义

app:ntb_corners_radius="10dp"      ntb切换时的动画弧度大小      可自定义

app:ntb_animation_duration="1000"  ntb切换时的动画时间          单位:ms

图标相关:

app:ntb_icon_size_fraction="1"      图标所占的大小比例            最佳值:0.5

标题相关:

app:ntb_titled="true"              是否显示图标所对应的标题      默认为false

app:ntb_title_mode="active"        图片所对应的标题显示模式      active:活动时才显示 all:总是显示  PS:app:ntb_titled属性值为 true 时才可用

app:ntb_title_size="10sp"          设置图标所对应的标题文字大小    请自定义

勋章相关:

app:ntb_badged="false"              是否显示勋章                  默认为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" 勋章的标题文字颜色            可自定义 PS:不设置的话默认为切换动画的背景色

app:ntb_badge_size="12sp"          勋章的标题文字大小            可自定义

字体相关:

app:ntb_badge_use_typeface="false"  是否使用自定义字体            默认为false

app:ntb_typeface="fonts/by3500.ttf" 设置ntb的自定义字体            请将自定义的字体文件放在 asset/fonts 文件夹下

其他:

app:ntb_preview_colors="@array/colors"

app:ntb_scaled="true"

app:ntb_tinted="true"

app:ntb_swiped="true"/>

上一篇下一篇

猜你喜欢

热点阅读