3

我想创建一个带有徽章的底部导航栏。

我已经用com.google.android.material.bottomnavigation.BottomNavigationView做到了，可以在https://material.io/develop/android/components/bottom-navigation-view/找到。

但是徽章是红色的，我想要它是黄色的。我一直在阅读这里的文档： https ://material.io/develop/android/components/badging/ 。但对我来说还不清楚。

我已经尝试创建一个badgeDrawable，设置背景颜色，调用函数attachBadgeDrawable 并将badgeDrawable 和位于位置3 的底部导航视图的子级（这是我希望放置徽章的位置）传递给它。我不清楚的是第三个参数。

这是我的导航视图代码：

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottom_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:background="@color/clr_white"
    app:elevation="0dp"
    app:menu="@menu/menu_bottom_navigator" />



BadgeDrawable badgeDrawable = BadgeDrawable.create(this);
           badgeDrawable.setBackgroundColor(getResources().getColor(R.color.app_yellow));
BadgeUtils.attachBadgeDrawable(badgeDrawable, mBottomNavigation.getChildAt(3), null);

文档说：

BadgeUtils.attachBadgeDrawable(badgeDrawable, 锚点, null);

我预计徽章应该是黄色的，但相反，我得到的是 NPE

E/AndroidRuntime: FATAL EXCEPTION: main
    Process: com.myappclient.develop, PID: 15853
    io.reactivex.exceptions.OnErrorNotImplementedException: Attempt to invoke virtual method 'void android.view.View.getDrawingRect(android.graphics.Rect)' on a null object reference
        at io.reactivex.internal.functions.Functions$OnErrorMissingConsumer.accept(Functions.java:704)
        at io.reactivex.internal.functions.Functions$OnErrorMissingConsumer.accept(Functions.java:701)
        at io.reactivex.internal.observers.LambdaObserver.onError(LambdaObserver.java:77)
        at io.reactivex.internal.observers.LambdaObserver.onNext(LambdaObserver.java:67)
        at io.reactivex.internal.operators.observable.ObservableObserveOn$ObserveOnObserver.drainNormal(ObservableObserveOn.java:200)
        at io.reactivex.internal.operators.observable.ObservableObserveOn$ObserveOnObserver.run(ObservableObserveOn.java:252)
        at io.reactivex.android.schedulers.HandlerScheduler$ScheduledRunnable.run(HandlerScheduler.java:109)
        at android.os.Handler.handleCallback(Handler.java:873)
        at android.os.Handler.dispatchMessage(Handler.java:99)
        at android.os.Looper.loop(Looper.java:193)
        at android.app.ActivityThread.main(ActivityThread.java:6669)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:858)
     Caused by: java.lang.NullPointerException: Attempt to invoke virtual method 'void android.view.View.getDrawingRect(android.graphics.Rect)' on a null object reference

我正在使用库版本 'com.google.android.material:material:1.1.0-alpha07' 并且我的最小 API 为 19

4

1 回答 1

2

我建议您将库从“alpha-07”更新为“alpha-08”。同样在您拥有 BottomNavigationView 的活动中，您可以执行以下操作。这会将徽章背景颜色设置为蓝色。

对于第三个位置

    navView.menu.forEachIndexed { index, item ->
        if (index == 2) {
            val badgeDrawable = navView.getOrCreateBadge(item.itemId)
            badgeDrawable.backgroundColor = Color.BLUE
        }
    }

对于最后一个位置

    navView.menu.forEachIndexed { index, item ->
        if (index == navView.menu.size() - 1) {
            val badgeDrawable = navView.getOrCreateBadge(item.itemId)
            badgeDrawable.backgroundColor = Color.BLUE
        }
    }
于 2019-07-14T18:11:00.447 回答