PageControl앱의 아웃렛 변수와 액션함수 추가

이미지 뷰와 페이지 컨트롤에 아웃렛 변수 추가하기

1. Assistant를 열어 Image View에 대한 아웃렛 변수를 추가한다.

Name: imgView

2. Page Control에 대한 아웃렛 변수를 추가한다.

Name: pageControl

3. Page Control에 대한 액션 함수를 추가한다.

Name: pageChange

Type: UIPageControl

Page Control 동작 구현하기

1. 변수 추가하기

Page Control을 작동하는 데 필요한 변수를 추가한다.

import UIKit

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

class ViewController: UIViewController {
// (...생략...)

2. PageChange 함수 구현하기

@IBAction func pageChange(_ sender: UIPageControl) {
        imgView.image = UIImage(named: images[pageControl.currentPage])
    }

3. viewDidLoad 함수 코딩하기

처음 앱이 실행되었을 때 PageControl의 위치와 이미지를 나타내기 위한 코드를 작성한다.

PageControl의 전체 페이지 수와 현재 페이지, 페이지 컨트롤러의 색상 등을 설정하고 현재 페이지에 해당 하는 이미지를 출력한다.

override func viewDidLoad() {
        super.viewDidLoad()

        pageControl.numberOfPages = images.count
        pageControl.currentPage = 0
        pageControl.pageIndicatorTintColor = UIColor.green
        imgView.image = UIImage(named: images[0])
    }