从 TabLayout 中删除左边距答案

【问题标题】：Remove Left margin from TabLayout从 TabLayout 中删除左边距
【发布时间】：2019-04-19 07:34:00
【问题描述】：

我在带有四个选项卡的工具栏中使用 TabLayout。我得到了 TabLayout 的左边距。如何删除边距以便 TabLayout 填充工具栏？

<android.support.v7.widget.Toolbar
    android:id="@+id/tabsToolbar"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:layout_below="@id/custom_toolbar"
    android:background="@color/white">

    <android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:tabBackground="@drawable/tab_color_selector"
        app:tabGravity="fill"
        app:tabMode="fixed">

        <android.support.design.widget.TabItem
            android:id="@+id/ti1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Tata CLIQ" />

        <android.support.design.widget.TabItem
            android:id="@+id/ti4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Paytm Mall" />
    </android.support.design.widget.TabLayout>
</android.support.v7.widget.Toolbar>

【问题讨论】：

测试用例使用app:tabMode="scrollable"
没用。
不如试试改app:tabMode
那么custom_toolbar 是什么？您已经在使用另一个 Toolbar 了吗？
this 回答可能对您有所帮助。

标签： android tabs android-toolbar android-tablayout

【解决方案1】：

添加

app:contentInsetStartWithNavigation="0dp"

在工具栏标签中。

<android.support.v7.widget.Toolbar
    android:id="@+id/tabsToolbar"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:layout_below="@id/custom_toolbar"
    android:background="@color/white"
    app:contentInsetStartWithNavigation="0dp">

【讨论】：

【解决方案2】：

试试这个代码.. 仅将以下内容添加到工具栏中..

  android:contentInsetStart="0dp"
    app:contentInsetLeft="0dp"
    app:contentInsetStart="0dp"
    android:contentInsetRight="0dp"
    android:contentInsetEnd="0dp"
    app:contentInsetRight="0dp"
    app:contentInsetEnd="0dp"





<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<android.support.v7.widget.Toolbar
    android:id="@+id/tabsToolbar"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="#fff"
    android:contentInsetStart="0dp"
    app:contentInsetLeft="0dp"
    app:contentInsetStart="0dp"
    android:contentInsetRight="0dp"
    android:contentInsetEnd="0dp"
    app:contentInsetRight="0dp"
    app:contentInsetEnd="0dp"
    >

    <android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:tabGravity="fill">

        <android.support.design.widget.TabItem
            android:id="@+id/ti1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Tata CLIQ" />

        <android.support.design.widget.TabItem
            android:id="@+id/ti4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Paytm Mall" />
    </android.support.design.widget.TabLayout>
</android.support.v7.widget.Toolbar>

【讨论】：