安卓开发程序猿阵线联盟-汇总各类技术干货程序员

BottomNavigationBar的一些坑和问题

2017-12-06  本文已影响32人  李小明666

最近做项目时想尝试用一下BottomNavigationBar,按照官方的文档使用时,遇到了不少坑,网上的解决方案也很少,经过多次研究和尝试后终于出坑,特意记录一下。

一、首先看下官方给出的使用方式

导入方式有三种,这里我使用了最简单的一种,在app的gradle中添加依赖:

   compile 'com.ashokvarma.android:bottom-navigation-bar:2.0.3'
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="demo.com.activity.MainActivity">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

    <com.ashokvarma.bottomnavigation.BottomNavigationBar
        android:id="@+id/bottom_navigation_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom" />
</LinearLayout>
BottomNavigationBar bnb = (BottomNavigationBar) findViewById(R.id.bottom_navigation_bar);

bnb.addItem(new BottomNavigationItem(R.drawable.ic_home, "Home"))
   .addItem(new BottomNavigationItem(R.drawable.ic_book, "Books"))
   .addItem(new BottomNavigationItem(R.drawable.ic_music_note, "Music"))
   .addItem(new BottomNavigationItem(R.drawable.ic_tv, "Movies & TV"))
   .addItem(new BottomNavigationItem(R.drawable.ic_game, "Games"))
   .initialise();

以上就完成了BottomNavigationBar的基本配置和初始化,不出意外的话,就可以开心愉悦的按照API使用了,但事实却是...


image.png

二、遇到的问题

在step1导入的时候就遇到了一个问题,当添加完依赖,Sync之后,立马弹出了一个错误: image.png 打开后跳到文件: image.png 根据错误提示,应该是找不到父样式Body2,看到父样式中有个AppCompat,我立马想到了在新建项目时,取消了BackWards Compatibility(AppCompat)选项的勾选,如下图 image.png
这个选项勾选上时,AS会自动引入V7包,我取消了勾选,因此就没有自动引入。所以猜测可能是这个原因,因此需要手动导入V7包:
image.png

导入之后,果然这个错误就消失了。

step2中,在xml布局文件中使用BottomNavigation时,又遇到了一个错误: image.png

这个错误时在预览窗口底下提示的,根据错误提示,无法找到android.support.design.widget.CoordinatorLayout$Behavior这个类,导致BottomNavigationBar无法实例化,后来尝试添加Material库,修复了这个问题。
具体方式:在app的build.gradle中添加依赖:

compile 'com.android.support:design:26.0.0-alpha1'

在Step3初始化BottomNavigationBar时,编译能够正常通过,但一运行就崩溃,提示错误:

android.view.InflateException: Binary XML file line #2: Error inflating class <unknown>

这个错误不知道是什么原因导致的,经过网上的一番搜索也没有得到答案,后来多次尝试得出了两个解决方法:
1.让你的Activity继承AppCompatActivity
2.在清单文件中,给使用了BottomNavigationBar的Activity加上一个AppCompat的主题,如:

android:theme="@style/Base.Theme.AppCompat"

以上两种解决方法任选其一即可
在网上搜索问题3的时候,有一个解决方法是给Activity加上AppTheme主题,但不知道为什么我尝试发现没有效果。

三、总结

关于BottomNavigationBar的一些用法,可以参考官方的wiki:https://github.com/Ashok-Varma/BottomNavigation/wiki,由于项目目前正在开发中,就不贴源码了。网上有一些不错的源码,比如:http://blog.csdn.net/qq_16131393/article/details/51419901 ,可以下载下来研究一下。
最后,

image.png
上一篇下一篇

猜你喜欢

热点阅读