Question

我正在工具栏内使用具有四个选项卡的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>

Answer 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">

Answer 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>

从TabLayout删除左页边距

2 个答案: