[IOS] Do it(8) 페이지 이동 앱 (Image Contorl이용)

페이지 이동 앱 구현하기

---

페이지 이동앱을 구현하였습니다.
아래의 이미지 컨트롤을 누르면 누른대로 이미지가 바뀌는 것을 알 수 있습니다.

결과 화면

---

코드 & 설명

---

import UIKit

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

class ViewController: UIViewController {
    @IBOutlet var imgView: UIImageView! //이미지 출력용 아웃렛 변수
    @IBOutlet var pageControl: UIPageControl! //페이지 컨트롤용 아웃렛 변수

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        pageControl.numberOfPages = images.count //페이지 컨트롤의 전체 페이지 수

        pageControl.currentPage = 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])
    }
}

전체 코드

PageControl.zip

0.04MB

---

출처 : Do it 스위프트로 앱 만들기