Кастомный TabLayout с разной шириной TabItem

145

23 декабря 2018, 06:30

Кто-нибудь может подсказать, как реализовать подобный TabLayout?

Ссылка на видео, как это работает.

Обычными настройками TabLayout такого достичь не получается, в Fixed mode в принципе ширина всех вкладок одинакова, в Scrollable mode всё выглядит очень печально на разных устройствах. Буду очень признателен за помощь, или хотя бы намёк, в какую сторону копать.

Answer 1

Вам нужно внутри TabItem задекларировать кастомный лейаут, что то типа:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
   <!--blah-blah сюда понавтыкать свои хотелки/-->
</RelativeLayout>

На него ссылку примерно так:

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <android.support.design.widget.TabItem
        android:layout="@layout/mytab" //ссылка на кастомный лейаут
        android:text="Tab 1"
        android:icon="@drawable/myIcon" />
</android.support.design.widget.TabLayout>