[iOS/swift] 알람 시계 앱 만들기, 데이트 피커(Date Picker)와 얼럿(Alert)

Xcode(버전11.2.1)를 이용하여 알람 시계 앱을 만든다:)

이번에 만들 알람 시계 앱은 현재 시간과 선택 시간이 같아지면, 얼럿 창을 띄운다.

확인 버튼을 누르면, 1분 동안 해당 얼럿창은 띄우지 않는다.

 

 

 

- 스토리보드 알람 시계 앱 화면 구성

Date Picker, label 4개를 추가했다.

상단 라벨은 현재시간을 출력하고, 하단 라벨은 선택한 시간을 출력한다.

label에는 아웃렛 변수, datepicker에는 액션 함수를 추가했다.

(자세한 방법은 아래 링크를 참고하면 된다.)

swift 로 데이트 피커(Date Picker) 앱 만들기 / 현재시간, 선택한 날짜와 시간 출력, 타이머 기능

 

 

 

전체 소스 보기

//
//  ViewController.swift
//  day191130_DatePickerAlert
//
//  Created by 무니 on 30/11/2019.
//  Copyright © 2019 com.mooni. All rights reserved.
//
 
import UIKit
 
class ViewController: UIViewController {
    @IBOutlet var DateTime: UILabel! // 현재 시간을 표시할 라벨
    @IBOutlet var PickerTime: UILabel! // 선택 시간을 표시할 라벨
    
    var isClickConfirm = false // 얼럿 확인 버튼이 눌렸는지 저장할 변수
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        // 1초마다 updatetime함수를 실행시키는 타이머
        Timer.scheduledTimer(timeInterval: 1.0, target: self, selector: #selector(updatetime), userInfo: nil, repeats: true)
    }
    
     @objc func updatetime() {
        let formatter = DateFormatter() // 특정 포맷으로 날짜를 보여주기 위한 변수 선언
        formatter.dateFormat = "yyyy-MM-dd HH:mm" // 날짜 포맷 지정
        DateTime.text = formatter.string(from: Date()) // 현재 시간 라벨에 지정한 날짜 포맷으로 입력
        
        if isClickConfirm { // 얼럿 확인 버튼이 눌렸으면(true), 종료
            return
        }
        
        if PickerTime.text == DateTime.text { // 선택 시간과 현재 시간이 같으면
           
            // 얼럿창 설정
            let alert = UIAlertController(title: "알림", message: "설정된 시간입니다 !!!", preferredStyle: .alert)
            alert.addAction(UIAlertAction(title: "확인", style: UIAlertAction.Style.default) { UIAlertAction in
                self.isClickConfirm = true // 얼럿 확인 버튼을 누르면, true 로 변경
 
                // 60초 후에 timerOn 함수를 실행시키는 타이머
                Timer.scheduledTimer(timeInterval: 60.0, target: self, selector: #selector(self.timerOn), userInfo: nil, repeats: false)
            })
            self.present(alert, animated: true, completion: nil) // 얼럿 실행
        }
    }
    
    @IBAction func DatePicker(_ sender: UIDatePicker) {
        let formatter = DateFormatter() // 특정 포맷으로 날짜를 보여주기 위한 변수 선언
        formatter.dateFormat = "yyyy-MM-dd HH:mm" // 날짜 포맷 지정
        PickerTime.text = formatter.string(from: sender.date) // 선택 시간 라벨에 지정한 날짜 포맷으로 입력
    }
    
    @objc func timerOn() {
        isClickConfirm = false // 초기화
    }
}
 
 

이대로 실행하게 되면 얼럿창은 잘 작동하지만 1초 안에 확인 버튼을 누르지 않으면 얼럿창이 또 띄어지는 오류가 난다..

(아래 화면 참고)

 

이를 해결하기 위해 아래 코드를 얼럿 창을 생성하기 전에 넣었다.

self.isClickConfirm = true // 얼럿 확인 버튼을 누르면, true 로 변경

// 60초 후에 timerOn 함수를 실행시키는 타이머
Timer.scheduledTimer(timeInterval: 60.0, target: self, selector: #selector(self.timerOn), 
			userInfo: nil, repeats: false)

 

 

 

//
//  ViewController.swift
//  day191130_DatePickerAlert
//
//  Created by 무니 on 30/11/2019.
//  Copyright © 2019 com.mooni. All rights reserved.
//
 
import UIKit
 
class ViewController: UIViewController {
    @IBOutlet var DateTime: UILabel! // 현재 시간을 표시할 라벨
    @IBOutlet var PickerTime: UILabel! // 선택 시간을 표시할 라벨
    
    var isClickConfirm = false // 얼럿 확인 버튼이 눌렸는지 저장할 변수
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        // 1초마다 updatetime함수를 실행시키는 타이머
        Timer.scheduledTimer(timeInterval: 1.0, target: self, selector: #selector(updatetime), userInfo: nil, repeats: true)
    }
    
     @objc func updatetime() {
        let formatter = DateFormatter() // 특정 포맷으로 날짜를 보여주기 위한 변수 선언
        formatter.dateFormat = "yyyy-MM-dd HH:mm" // 날짜 포맷 지정
        DateTime.text = formatter.string(from: Date()) // 현재 시간 라벨에 지정한 날짜 포맷으로 입력
        
        if isClickConfirm { // 얼럿 확인 버튼이 눌렸으면(true), 종료
            return
        }
        
        if PickerTime.text == DateTime.text { // 선택 시간과 현재 시간이 같으면
           self.isClickConfirm = true // 얼럿 확인 버튼을 누르면, true 로 변경
 
           // 60초 후에 timerOn 함수를 실행시키는 타이머
           Timer.scheduledTimer(timeInterval: 60.0, target: self, selector: #selector(self.timerOn), userInfo: nil, repeats: false)
            // 얼럿창 설정
            let alert = UIAlertController(title: "알림", message: "설정된 시간입니다 !!!", preferredStyle: .alert)
            alert.addAction(UIAlertAction(title: "확인", style: UIAlertAction.Style.default) { UIAlertAction in
            })
            self.present(alert, animated: true, completion: nil) // 얼럿 실행
        }
    }
    
    @IBAction func DatePicker(_ sender: UIDatePicker) {
        let formatter = DateFormatter() // 특정 포맷으로 날짜를 보여주기 위한 변수 선언
        formatter.dateFormat = "yyyy-MM-dd HH:mm" // 날짜 포맷 지정
        PickerTime.text = formatter.string(from: sender.date) // 선택 시간 라벨에 지정한 날짜 포맷으로 입력
    }
    
    @objc func timerOn() {
        isClickConfirm = false // 초기화
    }
}
 
 

 

 

 

시뮬레이터 결과 화면