[안드로이드] 어느 화면에서나 동일하게 디자인 가이드 유지할 TabItem 속성

 

과거 탭 아이콘으로 이리저리 삽질하고 행복하게 원하던 대로 구현했었다.

2021.09.09 - [빈 구멍 채우기] - [Android] TabLayout, TabItem 원하는 UI 만들기

 

그리고 이슈가 나왔다. 갤럭시 폴드 단말에서는 디자인 가이드대로 탭 아이콘들이 나오지 않는다는 거였다.

 

행복했던 때

 

잠깐 행복이 깨졌었다

 

TabLayout의 설정값 문제일 수 있다는 선배님의 말씀을 힌트로 받아들이고 검색해서 찾았다.

 

은인 : https://jeonghoe9.tistory.com/28

TabLayout의 Tab크기 균등분할(?)

 

 

 

다시 찾은 행복

 

TabLayout에 추가한 속성

app:tabGravity="fill"
app:tabMaxWidth="0dp"
app:tabMode="fixed"

 

app:tabGravity="fill"

탭들을 배치할 때 사용하는 gravity를 GRAVITY_FILL로 설정했다.

GRAVITY_FILL > TabLayout을 최대한 채우는 gravity이다. 600dp 미만의 너비를 가진, 가로가 아닌 화면에서  MODE_FIXED와 함께 사용해야지 먹힌다.

app:tabMaxWidth="0dp"

이 친구를 0dp로 설정하면 된다고만 말하는 블로그 글들은 있는데, 왜 그런지 설명해주는 글은 못 찾았다. 왜 그런지 궁금해서 TabLayout의 코드 좀 살펴보았다.

app:tabMaxWidth에 설정한 값이 requestTabMaxWidth에 참조된다.

INVALID_WIDTH 값은 -1

requestTabMaxWidth에 tabMaxWidth으로 설정한 너비 값이 들어간다. tabMaxWidth에 설정한 값이 없다면 requestTabMaxWidth는 -1이 된다.

 

TabLayout의 onMeasure. requestTabMaxWidth가 등장하는 부분

requestTabMaxWidth 값이 0보다 큰지 여부로 분기처리되어 tabMaxWidth 값이 결정된다.

 

TabView의 onMeasure

TabView의 onMeasure에서 geTabMaxWidth()로 TabLayout의 tabMaxWidth 값을 가져온다.

여기서 분기처리되어 tab item의 가로 영역이 정해지는 듯하다.

 

app:tabMode="fixed"

탭들을 MODE_FIXED 모드로 움직이도록 설정했다. 모든 탭들이 화면에 한 번에 모두 보이게 한다. 최대 탭 수는 화면의 너비에 따라 정해진다. 각 탭들은 너비가 동일하다.