自定义一个好看点的TabLayout.Tab

最新推荐文章于 2025-05-15 21:28:39 发布

原创

最新推荐文章于 2025-05-15 21:28:39 发布 · 809 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android

本文介绍了如何自定义一个美观的TabLayout，重点在于自定义TabLayout的Tab部分，以实现类似掌上英雄联盟的效果。通过设置tab.setCustomView()方法并创建自定义TabLayout，可以实现字体颜色与图片颜色同步，以及右侧面板新消息提示等功能。文章提供了核心代码示例，包括小tab的布局文件、重写TabLayout的方法以及在Activity中的使用方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义一个好看点的TabLayout

最近在学习TabLayout的用法，源代码我就不多说了，网上也有讲解，因为看到掌上英雄联盟那个效果还不错，所以就想着看怎么实现，主要是自定义 TabLayout.Tab ，因为水平所限，就随便的弄了一下(先出效果再说)

先看最终效果

字体颜色和图片颜色一致右边有一个新消息的提示图片可以显示隐藏
核心的方法就是tab.setCustomView(参数) 这个方法设置一个View给tab，然后重写一个TabLayout 方便复用 ,走起:
(1) 小tab的布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tab_item_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/tab_title_color" />

        <ImageView
            android:id="@+id/tab_checkBox"
            android:layout_width="wrap_content"