간편하게 Instagram풍 PageControl을 구현해 본다

만드는 것



FlexiblePageControl 편리 이번에는 shima11의 FlexiblePageControl을 사용하여 구현하겠습니다. 참고: htps : // 기주 b. 코 m / 시마 11 / F ぃ b ぇ 파게 콘 t l

Pods


pod "FlexiblePageControl", :git => "https://github.com/shima11/FlexiblePageControl.git"

Storyboard



UIView에서 선택
표시하려는 위치에 배치하십시오.


코드



필요한 것을 IBOutlet으로 연결
import FlexiblePageControl

class CardCell: UITableViewCell, UIScrollViewDelegate {

@IBOutlet weak var scrollView: UIScrollView!

@IBOutlet weak var flexiblePageControl: FlexiblePageControl!

pageControl 구현은 특별히 어렵지 않습니다.
        flexiblePageControl.numberOfPages = images.count
        flexiblePageControl.pageIndicatorTintColor = .gray
        flexiblePageControl.currentPageIndicatorTintColor = .blue
        flexiblePageControl.currentPage = 1

ScrollView의 Delegate로 업데이트


    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        flexiblePageControl.setProgress(contentOffsetX: scrollView.contentOffset.x, pageWidth: scrollView.bounds.width)
    }

오시마

좋은 웹페이지 즐겨찾기