在日常开发中，我们常常需要让 TabLayout 不仅展示文字，还能搭配图片更直观地传递信息。通过设置 `TabLayout` 的 `tabMode` 和 `tabGravity` 参数，我们可以轻松实现这一需求！😊

首先，在布局文件中定义 `TabLayout`，并为每个标签绑定一个带有图片和文字的自定义视图。例如：🔥

```xml

android:id="@+id/tabLayout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

app:tabMode="fixed"

app:tabGravity="fill" />

```

接着，在代码中动态添加内容。使用 `newTab()` 方法创建标签，并通过 `setCustomView()` 方法设置包含 ImageView 和 TextView 的布局。🔥

```java

ImageView imageView = new ImageView(context);

imageView.setImageResource(R.drawable.ic_home);

TextView textView = new TextView(context);

textView.setText("首页");

LinearLayout layout = new LinearLayout(context);

layout.setOrientation(LinearLayout.VERTICAL);

layout.addView(imageView);

layout.addView(textView);

tabLayout.newTab().setCustomView(layout).select();

```

这样，你的 TabLayout 就能既美观又实用啦！👀

TabLayout Android开发 UI设计