Android涨姿势知识点之你没用过的BadgeDrawable

Android涨姿势知识点之你没用过的BadgeDrawable

什么是BadgeDrawable

BadgeDrawable 是用来显示小红点的类，在 Android 8.0 Oreo 中被引入。小红点通常用于显示提示或未读消息计数。BadgeDrawable 可以像任何其他 Drawable 一样添加到视图中，通过 BadgeDrawable 的 API 可以轻松地设置其颜色、形状和位置。

如何使用BadgeDrawable

为了使用 BadgeDrawable，你需要引入 AndroidX 库。在 Gradle 中添加以下依赖项：

implementation 'com.google.android.material:material:1.0.0'

使用 BadgeDrawable 非常简单。可以在任何视图和布局中使用。

<androidx.appcompat.widget.AppCompatButton
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button" />

首先，获取需要显示角标的控件对象：

final Button button = findViewById(R.id.button);
final BadgeDrawable badgeDrawable = BadgeDrawable.create(this);
badgeDrawable.setNumber(5); // 设置角标数字
badgeDrawable.setBadgeGravity(BadgeDrawable.TOP_END); // 设置点的位置
badgeDrawable.setHorizontalOffset(5); // 设置角标的水平偏移量
badgeDrawable.setVerticalOffset(10); // 设置角标的垂直偏移量
badgeDrawable.setBackgroundColor(getResources().getColor(R.color.colorAccent)); // 设置角标的背景颜色
badgeDrawable.setBadgeTextColor(Color.WHITE); // 设置角标文字颜色
badgeDrawable.setVisible(true); // 显示角标
badgeDrawable.updateBadgeCoordinates(button, findViewById(android.R.id.content)); // 更新角标坐标

代码是为按钮添加了一些角标的示例。首先，创建 BadgeDrawable 对象并设置一些参数（数字、位置、偏移量、颜色等），然后将角标显示在一个控件（示例中是按钮）上，最后计算和更新角标的位置。

然后运行应用程序，应该可以看到在按钮右上角显示一个小红点。

示例：为 RecyclerView 显示角标

还可以为 RecyclerView 中的任何元素添加角标。以下是示例：

final LinearLayoutManager layoutManager = new LinearLayoutManager(this);

// 初始化 RecyclerView
final RecyclerView recyclerView = findViewById(R.id.recycler_view);
recyclerView.setLayoutManager(layoutManager);

// 设置 Adapter 
final MyAdapter adapter = new MyAdapter();
recyclerView.setAdapter(adapter);

recyclerView.getViewTreeObserver().addOnDrawListener(new ViewTreeObserver.OnDrawListener() {
    @Override
    public void onDraw() {
        for (int i = 0; i < adapter.getItemCount(); i++) {
            final View view = layoutManager.findViewByPosition(i);
            final BadgeDrawable badgeDrawable = BadgeDrawable.create(view.getContext());
            badgeDrawable.setNumber(5);
            badgeDrawable.setBadgeGravity(BadgeDrawable.TOP_END);
            badgeDrawable.setHorizontalOffset(5);
            badgeDrawable.setVerticalOffset(10);
            badgeDrawable.setBackgroundColor(getResources().getColor(R.color.colorAccent));
            badgeDrawable.setBadgeTextColor(Color.WHITE);
            badgeDrawable.setVisible(true);
            badgeDrawable.updateBadgeCoordinates(view, findViewById(android.R.id.content));

            view.getOverlay().add(badgeDrawable);
        }
    }
});

首先，初始化 RecyclerView 和 Adapter，然后在 OnDraw 监听器中为每个元素添加角标。这里使用 findViewByPosition() 方法获取 RecyclerView 中元素的视图，然后添加 BadgeDrawable。然后将 BadgeDrawable 添加到 view 的 Overlay 中，然后应该可以在 RecyclerView 中看到带有小红点的每个元素。

结语

BadgeDrawable 是 Android 8.0 Oreo 引入的新功能，可以轻松地在应用程序中添加小红点。在视觉上提供有价值的提示，可以帮助你展示未读消息计数或者提示。例如，在社交媒体应用程序中，可以使用 BadgeDrawable 消息提示功能。注：如果要支持 Android 8.0 以下版本，可以将 BadgeDrawable 替换为自定义解决方案（例如使用 FrameLayout 实现）。