TabLayout 怎么自定义一个setCustomView

要自定义 `TabLayout` 中的 `Tab` 视图，可以使用 `setCustomView` 方法。你可以为每个 `Tab` 指定一个自定义视图，这个自定义视图可以是任何你想要的布局。

以下是一个示例代码，演示如何自定义 `Tab` 的视图：

TabLayout tabLayout = findViewById(R.id.tab_layout);

// 创建自定义视图
View customView = getLayoutInflater().inflate(R.layout.custom_tab_layout, null);

// 绑定自定义视图到 Tab 上
TabLayout.Tab tab = tabLayout.newTab().setCustomView(customView);

// 添加 Tab 到 TabLayout
tabLayout.addTab(tab);

在上面的代码中，我们先创建了一个自定义视图 `customView`，然后将其绑定到一个新的 `Tab` 对象上，并将其添加到 `TabLayout` 中。

你需要先创建一个布局文件 `custom_tab_layout.xml`，并在其中定义你的自定义视图。例如，以下是一个简单的布局文件，其中包含一个 `TextView` 和一个 `ImageView`：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">

    <ImageView
        android:id="@+id/tab_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_tab_icon"/>

    <TextView
        android:id="@+id/tab_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Tab Title"/>

</LinearLayout>

你可以根据自己的需求修改布局文件，包括添加更多的视图元素，更改颜色和样式等。

最后，你需要在代码中获取自定义视图中的视图元素，并为它们设置相应的属性。例如，在上面的布局文件中，我们有一个 `TextView` 和一个 `ImageView`，我们可以使用以下代码获取它们并设置它们的属性：

View customView = getLayoutInflater().inflate(R.layout.custom_tab_layout, null);

// 获取 TextView 和 ImageView
TextView tabTitle = customView.findViewById(R.id.tab_title);
ImageView tabIcon = customView.findViewById(R.id.tab_icon);

// 设置文本和图标
tabTitle.setText("Custom Tab Title");
tabIcon.setImageResource(R.drawable.ic_custom_tab_icon);

这样，我们就可以自定义 `TabLayout` 中的 `Tab` 视图了。