[IOS]PageControl 페이지 컨트롤

이정찬·2022년 5월 23일
0

Storyboard개발일지

목록 보기
11/20

PageControl를 활용한 간단한 예제를 만들어 보았다.

스토리보드 구성

코드

import UIKit

var images = ["1.jpeg", "2.jpeg", "3.jpeg", "4.jpeg", "5.jpeg", "6.jpeg"]

class ViewController: UIViewController {

    @IBOutlet var imgView: UIImageView! // 이미지 출력용 아웃렛 변수
    @IBOutlet var pageControl: UIPageControl! // 페이지 컨트롤용 아울렛 변수
    
    // 뷰가 로드되었을 때 호출됨
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        // 페이지 컨트롤의 전체 페이지를 images 배열의 전체 개수 값으로 설정
        pageControl.numberOfPages = images.count
        pageControl.currentPage = 0 // 페이지 컨트롤의 현재 페이지를 0으로 설정
        pageControl.pageIndicatorTintColor = UIColor.green // 페이지 표시 색상을 초록색으로 설정
        pageControl.currentPageIndicatorTintColor = UIColor.red// 현재 페이지 표시 색상을 빨간색으로 설정
        imgView.image = UIImage(named: images[0])
    }

    //페이지가 변하면 호출됨
    @IBAction func pageChange(_ sender: UIPageControl) {
        //images라는 배열에서 pageControl이 가리키는 현재 페이지에 해당하는 이미지를 imgView에 할당
        imgView.image = UIImage(named: images[pageControl.currentPage])
    }
}

실행 결과

profile
오늘도 조금씩 성장하자

0개의 댓글