SwiftUI - ViewPager 관련 기능을 달아보자

안드로이드 ViewPager 에 비해 iOS는 관련 기능을 구현하기 어려운 문제가 있다

해당 라이브러리를 이용해 간단하게 구현할수 있다.

아래의 참고 페이지 가면 정확한 내용을 알수 있지만 간략하게 정리 하였다.

 

1. iPages 라이브러리 모듈 설치

   1-1 : 프로젝트 File -> Swift Packages -> Add Package Dependency 클릭 

   1-2 : 해당 Url 입력 https://github.com/benjaminsage/iPages.git 입력후 Next 클릭

benjaminsage/iPages

   1-3 : 그냥..Next 클릭한다.. (버전 관련 내용)

 

   1-4 : 넘~어간다

2. 소스 작성

import SwiftUI
import iPages

struct ContentView: View {
    var body: some View {
        
        iPages {
            Color.red
            Color.green
            Color.blue
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

이렇게 간단한 소스로 아래와 같이 구성 할수 있다

 

   

 

다른 옵션들을 알아보자..

3. 옵션

   3-1 : indicator 표시 or 미표시

iPages {
	Color.red
	Color.green
	Color.blue
}.hideDots(true)

 

   3-2 : indicator 색상 변경

iPages {
	Color.red
	Color.green
	Color.blue
}.dotsTintColors(currentPage: Color.white, otherPages: Color.yellow)

   3-3 : indicator 위치 변경 (top, left, right, bottom, leading, trailing) 등등..

iPages {
	Color.red
	Color.green
	Color.blue
}.dotsAlignment(.bottomLeading)

 

   3-4 : 뷰페이저 리버스 기능 (맨앞, 맨끝)

iPages {
	Color.red
	Color.green
	Color.blue
}.wraps(true)

 

참고 : github.com/benjaminsage/iPages