如何在按钮上方添加徽章?

时间:2021-04-13 21:14:19

标签: java android material-design

在我的 MainActivity 类中,我有这个按钮:

<Button
    android:id="@+id/target"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/speak"
    android:layout_marginTop="20dp"
    android:background="@drawable/button_red"
    android:text="@string/target" />

我现在想使用 Material Design 添加一个数字为 1 的徽章(请参阅 documentation)。

我是这样尝试的:

public void setBadge() {
    BadgeDrawable badgeDrawable =  BadgeDrawable.create(MainActivity.this);
    badgeDrawable.setNumber(1);
    BadgeUtils.attachBadgeDrawable(badgeDrawable, findViewById(R.id.target));
}

但我得到的是错误

<块引用> 'com.google.android.material.badge.BadgeUtils' 中的

'attachBadgeDrawable(com.google.android.material.badge.BadgeDrawable, android.view.View, android.widget.FrameLayout)' 不能应用于 ' (com.google.android.material.badge.BadgeDrawable, android.view.View)'

1 个答案:

答案 0 :(得分:2)

如果您在具有 <18 API 的设备上尝试过,这可能会奏效;

在您的 XML 中用 FrameLayout 包裹按钮;

<FrameLayout
    android:id="@+id/frame"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:text="HELLO"/>
</FrameLayout>

在您的活动中;

//I've used post to eliminate race condition between the button and its badge.
button.post(() -> {
    BadgeDrawable badgeDrawable =  BadgeDrawable.create(MainActivity.this);
    badgeDrawable.setNumber(1);
    //Note that there is a third argument which is our FrameLayout
    BadgeUtils.attachBadgeDrawable(badgeDrawable, findViewById(R.id.button), findViewById(R.id.frame));
});
相关问题