5 - TabLayout

여기 보시면 맨 위의 탭 들을 만들어보겠습니다.

 

 

 

일단은 build.gradle 파일에

 

implementation 'com.android.support:design:28.0.0'

 

를 추가해줬습니다.

 

그다음 layout 파일에서 tablayout을 추가해줍니다.

 

 

그리고 나서 tablayout에 들어갈 각각의 item 들을 만들어줍니다. 

 

custom_tab.xml이란 파일을 만들어줬구요

 

 

그 다음, 또 갑니다.

 

만든 custom_tab을 tabLayout에 하나씩 그려 줄 것을 만들고

 

 

아래와 같이 하나씩 추가해주면

 

아래처럼 나옵니다.

 

 

그 다음은, 저 탭들을 눌렀을 때, fragment가 하나씩 나오도록 처리해봅니다.

 

fragment는 viewpager에 연결되어 있습니다.

 

약간 viewpager를 100dp 밑으로 내렸습니다.

 

 

자, 그리고 나면 tab을 클릭하면, viewpager가 넘어갑니다.

 

 

 

그리고 아래의 한줄 추가해주셔야, 슬라이딩 할 때, 탭도 같이 움직입니다.

 

 

다음시간에는 fragment를 좀 꾸며보겠습니다.

 

 

-- 참조

 

https://re-build.tistory.com/25

[Android] TabLayout과 ViewPager