위 링크에서 구현된 Dot Indicator 외부 라이브러리를 문서 참고하면서 Android에 부착해보자
~~(위와 같이)~~dependencies{
implementation 'com.tbuonomo.andrui:viewpagerdotsindicator:4.1.2'
}
app 단위의 gradle 설정 파일 내 dependencies 태그 안에 위 코드를 삽입한다.
<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 파일에 추가한다
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)
를 추가한다