У меня есть TabLayout, где я хочу, чтобы вкладки отображались в центре экрана. Ниже приведен XML для моего TabLayout.

<android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:background="@color/white"
            app:tabGravity="center"
            app:tabIndicatorColor="@color/about_tab_selected"
            app:tabIndicatorHeight="4dp"
            app:tabMode="scrollable"
            app:tabPaddingEnd="20dp"
            app:tabPaddingStart="20dp"
            app:tabSelectedTextColor="@color/about_tab_selected"
            app:tabTextAppearance="@style/UGTabTextAppearance"
            app:tabTextColor="@color/about_tab_unselected" />

Однако мои вкладки по-прежнему отображаются слева, и я не могу расположить их в центре действия.

Что я получаю, это: введите описание изображения здесь

Что я действительно хочу это: введите описание изображения здесь

Может кто-нибудь сказать мне, пожалуйста, что я делаю здесь не так? Если вам нужна дополнительная информация об остальной части XML, пожалуйста, дайте мне знать.

9
Rachit 24 Апр 2017 в 15:54

2 ответа

Лучший ответ

Вкладка гравитация только эффекты MODE_FIXED.

Одним из возможных решений является установка для layout_width значения wrap_content и layout_gravity на center_horizontal

22
Dishonered 24 Апр 2017 в 12:58

Итак, проблема была в layout_width="match_parent"

Когда я изменил это на layout_width="wrap_content", это решило мою проблему.

Окончательный XML:

<android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@color/white"
        app:tabGravity="center"
        app:tabIndicatorColor="@color/about_tab_selected"
        app:tabIndicatorHeight="4dp"
        app:tabMode="scrollable"
        app:tabPaddingEnd="20dp"
        app:tabPaddingStart="20dp"
        app:tabSelectedTextColor="@color/about_tab_selected"
        app:tabTextAppearance="@style/UGTabTextAppearance"
        app:tabTextColor="@color/about_tab_unselected" />
4
Rachit 24 Апр 2017 в 13:03