tabLayout Viewpager2 Fragment

탭 스타일 설정

<com.google.android.material.tabs.TabLayout
android:id="@+id/tabLayoutRanking"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_marginTop="20dp"
app:tabIndicatorColor="@color/maincolor"
app:tabSelectedTextColor="@color/black"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/imageView47" >

</com.google.android.material.tabs.TabLayout>

<androidx.viewpager2.widget.ViewPager2
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/viewPager_ranking"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginHorizontal="20dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tabLayoutRanking"/>
</androidx.constraintlayout.widget.ConstraintLayout>

https://hanyeop.tistory.com/196?category=942305 

[Android] ViewPager2와 TabLayout 사용하여 레이아웃 만들기