带有徽章 Android 的 TabLayout

TabLayout 是 Android 设计支持库中提供的一种用于布局选项卡的控件。它可以方便地为应用程序添加选项卡，使用户可以轻松地访问不同的页面或视图。而带有徽章的 TabLayout 则可以在选项卡上显示一些提示信息，如有新消息、未读数量等。

本篇文章将介绍如何在 Android 应用中使用带有徽章的 TabLayout 控件。

实现方法

要在 Android 应用中实现带有徽章的 TabLayout 控件，需要进行以下步骤：

1. 添加依赖库：将以下代码添加到模块级别的 build.gradle 文件中。

implementation 'com.google.android.material:material:1.2.0-alpha05'

2. 创建布局文件：在布局文件中添加 TabLayout 控件。

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabIndicatorColor="@color/colorPrimary" />

3. 创建选项卡：在 Activity 或 Fragment 中使用以下代码创建选项卡。

TabLayout tabLayout = findViewById(R.id.tab_layout);
TabLayout.Tab tab = tabLayout.newTab();
tab.setText("Tab 1");
tab.setIcon(R.drawable.ic_tab_1);
tabLayout.addTab(tab);

4. 设置徽章：使用以下代码在选项卡上设置徽章。

tabLayout.getTabAt(0).getOrCreateBadge().setNumber(5);

以上步骤完成后，就可以在选项卡上显示徽章了。

其他设置

TabLayout 还支持其他一些设置，如选项卡样式、指示器颜色等。以下是一些常用设置：

• 修改选项卡字体大小和样式：

tabLayout.setTabTextAppearance(R.style.AppTheme_TabText);

在 styles.xml 文件中定义样式：

<style name="AppTheme.TabText" parent="TextAppearance.Design.Tab">
    <item name="android:textSize">16sp</item>
    <item name="android:textColor">@android:color/white</item>
    <item name="textAllCaps">true</item>
</style>

• 修改指示器颜色：

tabLayout.setSelectedTabIndicatorColor(ContextCompat.getColor(this, R.color.colorAccent));

• 修改指示器高度：

tabLayout.setSelectedTabIndicatorHeight(8);

总结

带有徽章的 TabLayout 是一种方便、易用的控件，可以为 Android 应用增加一些用户提示信息。通过上述步骤，你可以轻松地在应用中使用带有徽章的 TabLayout 控件。