Текст внутри панели инструментов не центрирован

Question

Я написал следующий код в XML.Но RelativeLayout не вписывается в Toolbar полностью и находится примерно в 10 dp слева.

Коды XML:

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorPrimary"
        >
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:background="@color/colorAccent">

<ImageView
    android:layout_width="35dp"
    android:layout_height="35dp"
    android:src="@drawable/supporter"
    android:layout_alignParentRight="true"
    />

<android.support.v7.widget.AppCompatTextView
    android:id="@+id/title_toolbar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:fontFamily="@font/yekan"
    android:text="@string/appnameForUsers"
    android:textColor="@android:color/white"
    android:textSize="24sp"
    android:layout_centerHorizontal="true"
    />

<ImageView
    android:layout_width="35dp"
    android:layout_height="35dp"
    android:src="@drawable/supporter"
    android:layout_alignParentLeft="true"
    />

</RelativeLayout>
    </android.support.v7.widget.Toolbar>

Answer 1

app:contentInsetStart="0dp"

добавьте этот атрибут на панель инструментов

Answer 2

Просто замените ваш код на приведенный ниже фрагмент кода. Это решит вашу проблему.

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorPrimary">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/colorAccent"
            android:gravity="center">

            <ImageView
                android:id="@+id/img_1"
                android:layout_width="35dp"
                android:layout_height="35dp"
                android:layout_alignParentRight="true"
                android:src="@drawable/supporter" />

            <android.support.v7.widget.AppCompatTextView
                android:id="@+id/title_toolbar"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toStartOf="@+id/img_1"
                android:layout_toLeftOf="@+id/img_1"
                android:layout_toEndOf="@+id/img_2"
                android:layout_toRightOf="@+id/img_2"
                android:layout_centerHorizontal="true"
                android:text="@string/appnameForUsers"
                android:textColor="@android:color/white"
                android:textSize="24sp" />

            <ImageView
                android:id="@+id/img_2"
                android:layout_width="35dp"
                android:layout_height="35dp"
                android:layout_alignParentLeft="true"
                android:src="@drawable/supporter" />

        </RelativeLayout>

    </android.support.v7.widget.Toolbar>

Answer 3

Вы должны указать вашему TextView переместить текст влево / начать и заставить его использовать все пространство.Если si не требуется, переместите его влево.

<android.support.v7.widget.AppCompatTextView
    android:id="@+id/title_toolbar"
    android:layout_width="match_parent"
    android:gravity="start"
    ....

Answer 4

Вам необходимо добавить тег app:contentInsetStart="0dp", чтобы удалить заполнение по умолчанию с левой стороны в Toolbar.

Вы также можете добавить другие теги, например app:contentInsetEnd="0dp", если вы получаете заполнение справа, но в вашем случае это не нужно.

Вам придется добавить этот тег в ваш Toolbar.

Answer 5

Если вы хотите удалить отступ по умолчанию из ToolBar

используйте код ниже ToolBar

<android.support.v7.widget.Toolbar
  .............
android:contentInsetStart="0dp"
android:contentInsetLeft="0dp"
android:contentInsetEnd="0dp"
android:contentInsetRight="0dp"

app:contentInsetEnd="0dp"
app:contentInsetLeft="0dp"
app:contentInsetRight="0dp"
app:contentInsetStart="0dp"
.................
/>