본문 바로가기
IT/Android

안드로이드] viewpager2 하단 점 / page Indicator / TabLayout

by 깻잎쌈 2021. 10. 7.
반응형
 

Android ViewPager with dots indicator

ViewPager’s dots indicator implemented without 3rd party libraries

medium.com

viewpager에서는

PageIndicatorView로 했는데,, 

 

GitHub - AdrianKuta/ViewPagerDotsIndicator: Demo of dots indicator for ViewPager and ViewPager2

Demo of dots indicator for ViewPager and ViewPager2 - GitHub - AdrianKuta/ViewPagerDotsIndicator: Demo of dots indicator for ViewPager and ViewPager2

github.com

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/pager"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="invisible" />

    <com.google.android.material.tabs.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@null"
        app:tabMaxWidth="@dimen/screen_percentage_10"
        app:tabBackground="@drawable/selector_indicator"
        android:layout_gravity="bottom|center_horizontal"
        app:tabIndicatorHeight="0dp" />

.

// 뷰페이저에 TabLayout 적용
TabLayoutMediator(tabLayout!!, pager!!){tab, position ->
            //something
            // tab.text = position.toString()
}.attach()
반응형

댓글