[Android] 태블릿 또는 가로 모드에서 Tab의 너비가 좁게 표시되는 문제

안녕하세요, 해을입니다🦖

이번 글에서는 태블릿 또는 가로 모드에서 Tab의 너비가 좁게 표시되는 문제에 대해 알아보겠습니다!

💡 문제 발견

image

태블릿과 가로 모드처럼 넓은 화면일 때, Tab의 너비가 좁게 표시되는 문제를 발견했습니다.

💡 해결하기

🥨 TabLayout 속성 추가

image

app:tabGravity="fill" // 전체 너비를 일정한 간격으로 나눠서 정렬
app:tabMode="fixed"   // 화면에 모든 Item을 노출
app:tabMaxWidth="0dp" // 최대 너비를 parent에 꽉 차도록(0dp)

해결 방법은 무척 간단한데요.

TabLayout에 3가지 속성을 추가하면 됩니다.

🥨 확인하기

image

Tab의 너비가 화면에 맞게 정상적으로 표시되는 것을 확인할 수 있습니다.

💡 느낀 점

이번 경험을 통해 다양한 모드에서의 비율을 고려하여 작업하는 것이 중요하다는 것을 깨닫게 되었는데요.

view를 배치하는데 있어서 좀 더 폭넓게 생각하는 계기가 되었습니다.


.

자! 이렇게 해서 Tab 너비와 관련된 문제 해결 방법에 대해 알아봤는데요.

글을 읽어주신 분들께 도움이 됐으면 좋겠습니다😊

다음 글에서는 또 다른 유용한 view 관련 내용에 대해 소개해 드리도록 하겠습니다.


오류 및 오타 지적, 질문, 인사 등 무엇이든 언제나 환영입니다!

읽어주셔서 감사합니다.

끝!🦕

👍 참고


© 2022. Haeeul All rights reserved.

🐾해을의 개발자국🐾

Powered by Hydejack v9.1.5