페이지 이동하기 - 페이지 컨트롤

페이지 컨트롤

페이지 컨트롤(Page Control)은 여러 페이지 중에서 현재 페이지를 알려 주는 역활을 합니다.현재 뷰에서 보여 주려는 내용이 여러 개일 때 사용합니다. 갤러리나 아이폰 홈 화면과 같은 앱에서 전체 페이지 중 현재 페이지가 어느 부분에 있는지 알려 줄 때 사용합니다.

위치	뷰 컨트롤러의 클래스 선언문 바로 아래
연결(Connection)	Outlet
이름(Name)	imgView
유형(Type)	UIImageView

위치	imgView 아웃렛 변수 아래
연결(Connection)	Outlet
이름(Name)	pageControl
유형(Type)	UIPageControl

위치	뷰컨트롤러 클래스 맨 아래
연결(Connection)	Action
이름(Name)	pageChanged
유형(Type)	UIPageControl

[전체소스]

import UIKit

var images = ["01.png", "02.png", "03.png", "04.png", "05.png", "06.png"]

class ViewController: UIViewController {

    @IBOutlet weak var imgView: UIImageView!

    @IBOutlet weak var pageControl: UIPageControl!

    

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        //numberOfPage : 페이지 컨트롤의 전체 페이지수를 의미합니다.

        pageControl.numberOfPages = images.count

        //currentPage : 현재 페이지를 의미합니다.

        pageControl.currentPage = 0

        //pageIndicatorTintColor: 페이지 컨트롤의 페이지를 표시하는 부분의 색상을 의미합니다.

        //UIColor.green을 입력하면 페이지를 표시하는 페이지 컨트롤의 전체 동그라미 부분이 초록색으로 표시됩니다.

        pageControl.pageIndicatorTintColor = UIColor.green

        //currentPageIndicatorTintColor : 페이지 컨트롤의 현재 페이지를 표시하는 색상을 의미합니다.

        //UIColor.red를 입력하면 현재 페이지가 빨간색으로 표시됩니다.

        pageControl.currentPageIndicatorTintColor = UIColor.red

    }

    override func didReceiveMemoryWarning() {

        super.didReceiveMemoryWarning()

        // Dispose of any resources that can be recreated.

    }

    @IBAction func pageChanged(_ sender: UIPageControl) {

        imgView.image = UIImage(named: images[pageControl.currentPage])

    }

    

}

[결과화면]