TabLayout

TabLayout 사용에 대한 기록

 

TabLayout은 주로 fragment와 함께 fragment의 전환을 위해 사용한다. 

 

app:tabIndicatorFullWidth="false"

indicator의 넓이를 텍스트의 넓이에 맞출 수 있다. 

 

app:tabMode="auto"

속성값으로 auto, fixed, scrollable 을 가지며, 메뉴를 한 화면에 전부 보여줄지를 결정한다.

 

app:tabIndicator="@drawable/tab_selector"

indicator의 모양을 커스텀할 수 있다. 

 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring">
    <item android:gravity="center">
        <shape>
            <size
                android:width="10dp"
                android:height="2dp" />
            <corners android:radius="1dp" />
            <solid android:color="@color/gray_200" />
        </shape>
    </item>
</layer-list>

(@drawable/tab_selector)

 

TabLayoutMediator(tabLayout, viewPager) { tab, position ->
    tab.setText(fieldCategories[position].categoryNameId)
}.attach()

viewPager와 함께 사용할때 Mediator를 사용하여 쉽게 연결할 수 있다.