탭레이아웃(TabLayout) 속성

*탭레이아웃(TabLayout) 속성

-탭 텍스트 색상, 크기, 스타일 설정

-탭 높이, 배경색 설정

-탭 아이콘 설정

-탭 선택 시 밑줄(Indicator) 색상, 두께, 위치 설정

-탭 너비(화면 크기에 따른) 채우기 설정

-탭 선택 시 생기는 잔물결 효과 Ripple(회색 동그라미) 제거

 

 

*탭 텍스트 색상, 크기, 스타일 설정

-텍스트 색상(Text Color) : 기본 텍스트색상, 탭 선택 시 텍스트 색상 설정

--기본 텍스트 색상 설정 : 레이아웃 XML파일 - TabLayout 태그

app:tabTextColor="색상"

 

--탭 선택 시 텍스트색상 설정 : 레이아웃 XML파일 - TabLayout 태그

app:tabSelectedTextColor="색상"

 

-텍스트 크기(TextSize), 스타일(Bold, Italic등)

--styles.xml 파일 활용 : res - values - styles.xml 파일 (텍스트 사이즈, 스타일 동시 설정가능)

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="tabTextSizeBold" parent="TextAppearance.Design.Tab">
        <item name="android:textSize">16sp</item>
        <item name="android:textStyle">bold</item>
    </style>
</resources>

 

--작성한 style.xml 레이아웃에 적용 : 레이아웃 XML파일 - TabLayout 태그

app:tabTextAppearance="@style/tabTextSizeBold"

 

 

 

*탭 높이, 배경색 설정

-탭 높이(Tab height) : 레이아웃 XML파일 - TabLayout 태그

android:layout_height="200dp"

 

-탭 배경색(Tab backgroundColor) : 레이아웃 XML파일 - TabLayout 태그

android:background="색상"

 

 

*탭 아이콘 설정

-탭 아이콘(Tab Icon) : 레이아웃 XML파일 - TabLayout 태그 - TabItem 태그

android:icon="@drawable/아이콘"

 

 

*탭 선택 시 밑줄(Indicator) 색상, 두께, 위치 설정

-탭 선택 시 밑줄 색상(Tab Indicator Color) : 레이아웃 XML파일 - TabLayout 태그

app:tabIndicatorColor="색상"

 

-탭 선택 시 밑줄 두께(Tab Indicator Height) : 레이아웃 XML파일 - TabLayout 태그

app:tabIndicatorHeight="3dp"

 

-탭 선택 시 밑줄 위치(Tab Indicator Gravity) : 레이아웃 XML파일 - TabLayout 태그

--top, center, bottom, stretch(밑줄 탭 너비가 전체로)

app:tabIndicatorGravity="위치설정"

 

 

*탭 너비(화면 크기에 따른) 채우기 설정

-화면크기에 따른 탭 영역의 너비 설정(Tab Gravity) : 레이아웃 XML파일 - TabLayout 태그

app:tabGravity="fill"

 

 

*탭 선택 시 생기는 잔물결 효과 Ripple(회색 동그라미) 제거

-탭 선택 시 Ripple효과 제거 설정 : 레이아웃 XML파일 - TabLayout 태그

--RippleColor를 투명한 색으로 설정

app:tabRippleColor="@android:color/transparent"

 

 

*탭레이아웃 속성 종류 참고

https://developer.android.com/reference/com/google/android/material/tabs/TabLayout#xml-attributes_1

 

 

---

이 포스팅에 작성한 내용은 고돈호, ⌜이것이 안드로이드다⌟, 한빛미디어(주), 2022 에서 발췌하였습니다.