如何修改TabLayout默认Tab图标的位置？是否需自定义代码？

嘿，这个需求完全可以在现有代码基础上调整，不用从零写自定义代码！我给你两种实用的实现方式，看你需求选就行：

这是最省心的方式，直接在布局文件里给TabLayout加两个属性就搞定：

• 打开你的布局文件，找到<TabLayout>标签
• 添加以下两个属性：

app:tabInlineLabel="true"
app:tabIconGravity="start"

• tabInlineLabel="true" 是让图标和标题文字在同一行显示（默认是上下排列）；tabIconGravity="start" 就是把图标放在文字的左侧。
• 这种方式不用修改你现有的Java/Kotlin代码（就是你添加Fragment、设置适配器的那段），直接改布局就行，适配绝大多数常规场景。

如果XML属性满足不了你的需求（比如要调整图标和文字的间距、大小，或者加其他自定义样式），可以用自定义Tab布局的方式：

1. 先创建一个自定义的Tab布局文件，比如命名为tab_item.xml，内容大概是这样的（用LinearLayout横向排列图标和文字）：

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

    <ImageView
        android:id="@+id/tab_icon"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:layout_marginEnd="4dp"/>

    <TextView
        android:id="@+id/tab_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="14sp"/>
</LinearLayout>

2. 然后回到你的Activity/Fragment代码里，在设置完ViewPager和适配器之后，给TabLayout设置自定义布局：

// 假设你的TabLayout实例是tabLayout
for (int i = 0; i < tabLayout.getTabCount(); i++) {
    TabLayout.Tab tab = tabLayout.getTabAt(i);
    if (tab != null) {
        // 加载自定义布局
        tab.setCustomView(R.layout.tab_item);
        
        // 获取布局里的图标和文字控件
        ImageView tabIcon = tab.getCustomView().findViewById(R.id.tab_icon);
        TextView tabText = tab.getCustomView().findViewById(R.id.tab_text);
        
        // 根据Tab的位置设置对应的图标和文字
        switch(i) {
            case 0:
                tabIcon.setImageResource(R.drawable.ic_home); // 替换成你的Home图标资源
                tabText.setText("Home");
                break;
            case 1:
                tabIcon.setImageResource(R.drawable.ic_yeb); // 替换成你的Yeb图标资源
                tabText.setText("Yeb");
                break;
            case 2:
                tabIcon.setImageResource(R.drawable.ic_service); // 替换成你的Service图标资源
                tabText.setText("Service");
                break;
            case 3:
                tabIcon.setImageResource(R.drawable.ic_feature); // 替换成你的Feature图标资源
                tabText.setText("Feature");
                break;
        }
    }
}

• 这种方式自由度很高，你可以随意调整自定义布局里的控件样式、间距等细节。

总结一下：如果只是单纯把图标移到左侧，方案一完全够用，不用动现有代码逻辑；如果需要更个性化的Tab样式，再用方案二。

内容的提问来源于stack exchange，提问作者Dipak