How to customize the layout of tablayout in Android?

1 year ago
William Carter
1 minute

To customize the layout of TabLayout, you can achieve this by implementing a custom layout for the Tab items in TabLayout.

First, define a custom tab layout in the XML file, for example:

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/tab_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

    <TextView
        android:id="@+id/tab_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

Next, create a custom TabLayout.Tab in the code and set a custom layout for it.

TabLayout.Tab tab1 = tabLayout.newTab();
View customTab1 = LayoutInflater.from(this).inflate(R.layout.custom_tab_layout, null);
ImageView tabIcon1 = customTab1.findViewById(R.id.tab_icon);
TextView tabText1 = customTab1.findViewById(R.id.tab_text);
tabIcon1.setImageResource(R.drawable.tab_icon);
tabText1.setText("Tab 1");

tab1.setCustomView(customTab1);
tabLayout.addTab(tab1);

This allows for creating a custom layout for TabLayout. When creating tabs, different custom layouts can be set as needed.

bannerAds