[Kotlin Android] 라이브러리를 활용한 Indicator 구현 - 2 (DotIndicator)

이번 프로젝트의 최종 목표

ViewPager에 Indicator를 붙입시다

Dot Indicator 활용하기 + 문서 읽기

https://github.com/tommybuonomo/dotsindicator?utm_source=android-arsenal.com&utm_medium=referral&utm_campaign=7127

위 링크에서 구현된 Dot Indicator 외부 라이브러리를 문서 참고하면서 Android에 부착해보자

~~(위와 같이)~~

gradle에 dependecy를 추가한다

dependencies{
	implementation 'com.tbuonomo.andrui:viewpagerdotsindicator:4.1.2'
}

app 단위의 gradle 설정 파일 내 dependencies 태그 안에 위 코드를 삽입한다.

layout xml 파일에 dotsIndicator 코드를 추가한다

<com.tbuonomo.viewpagerdotsindicator.DotsIndicator
        android:id="@+id/dots_indicator"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        //dotsIndicator의 dots 색깔
        app:dotsColor="@color/색깔"
        app:dotsCornerRadius="8dp"
        app:dotsSize="16dp"
        app:dotsSpacing="4dp"
        app:dotsWidthFactor="2.5"
        //ConstraintLayout에 삽입한 태그여서 Constraint 설정
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        android:layout_marginBottom="60dp"
        app:progressMode="true"
        //선택된 페이지의 dots 색깔을 바꾸고 싶다면 다르게 설정
        //default 값은 dotsColor
        app:selectedDotColor="@color/색깔"
        />

위 코드를 layout 파일에 추가한다

dotsIndicator와 ViewPager를 연결한다

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.액티비티 화면)
        customViewpager.adapter = customViewPagerAdapter(supportFragmentManager)
        customViewpager.offscreenPageLimit = 2
        dots_indicator.setViewPager(customViewpager)
    }

Activity 내의 onCreate 함수에 dots_indicator.setViewPager(customViewpager)를 추가한다

참고 소스파일

https://github.com/l2hyunwoo/AndroidOunceDotsIndicator