炫酷的NavigationTabBar的title显示不出来,填
今天在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"/>