[ IOS ] 알림 메세지가 뜨는 알람 시계 만들기 - 얼럿(Alert)

공부한 내용을 정리한 글입니다.

 

문제

현재 시간이 선택한 시간과 같아지면 얼럿으로 알림 메세지를 나타내는 알람 시계를 만들어 보세요.

알림 메세지를 누른 후에는 1분 동안 알림 창이 나타나지 않게 설정해 보세요.

 

 

구현 순서

1. 레이아웃 구성
2. 아울렛 변수와 액션 함수 생성
3. 현재 시간 출력하기 - 1초마다 현재 시간 갱신(타이머 사용)
4. 선택 시간 출력하기
5. 현재 시간과 선택 시간 비교 후 알림 메세지 띄우기
6. 알림 메세지 확인 직후 1분 동안 알림 창이 나타나지 않게 하기

 

최종 결과

 

 

 

 

---

https://88yhtserof.tistory.com/20

[ IOS ] 알람 시계 만들기 - 데이터 피커 사용해 날짜 선택하기

Date Picker 를 사용한 알람 시계에 Alert 기능을 더해 알람 메세지가 뜨는 알람 시계를 만들 예정이다.

알람 시계 관련한 내용은 이전 게시글과 동일하다.

 

 

 

 

 

---

아울렛 변수와 액션 함수

• 액션 함수: 객체가 선택되었을 때 어떤 동작을 수행해야 한다면 액션함수로 추가한다.  예) DatePicker을 선택했을 때 
• 아울렛 변수: 객체의 값을 이용하거나 속성들을 제어해야 한다면 아울렛 변수 형태로 추가한다. 예) 해당 레이블의 text 값이 필요할 때

 

 

 

 

 

 

---

5. 현재 시간과 선택 시간 비교 후 알림 메세지 띄우기

 

얼럿 Alert

: 사용자에게 중요한 메세지나 경고 문구를 나타내야 할 때 사용한다. 사용자의 주의를 집중시키는 경고로 사용할 수도 있고, 후속 조치를 취할 수도 있다.

 

UIAlertController

An object that displays an alert message to the user. 
Use this class to configure alerts and action sheets with the message that you want to display and the actions from which to choose. After configuring the alert controller with the actions and style you want, present it using the present(_:animated:completion:) method. 

사용자에게 경고 메세지를 보여줄 객체이다.

이 클래스를 사용하여 표시할 경고 메시지와 선택할 동작들에 대한 액션 시트를 구성할 수 있다. 원하는 동작과 alert 스타일로 Alert Controller을 구성한 후에 present(_:animated:completion:) 메서드를 이용하여 Alert를 사용자에게 보여줄 수 있다.

 

addAction(_ action: UIAlertAction)을 사용해 Alert에 동작과 액션 시트를 추가할 수 있다.

 

 

UIAlertAction

An action that can be taken when the user taps a button in an alert. 
You use this class to configure information about a single action, including the title to display in the button, any styling information, and a handler to execute when the user taps the button.

 

Alert에 있는 버튼을 클릭했을 때 취할 동작이다. 

이 클래스는 title, style, handler를 포함하여 하나의 액션을 구성할 때 사용할 수 있다. handler는 유저가 버튼을 선택할 때 실행될 동작이다. handler는 익명함수로 작성되며 handler: {} 형식 또는 UIAlertAction(title:style:){} 형식으로 작성할 수 있다.

 

let alarmAlert = UIAlertController(title: "알림",
                                  message: "설정된 시간입니다.",
                                  preferredStyle: UIAlertController.Style.alert)
                
let alarmAction1 = UIAlertAction(title: "확인",
                               style: UIAlertAction.Style.default,
                               handler: {
                               매개변수 in
                               실행할 코드 작성})
                               
let alarmAction2 = UIAlertAction(title: "취소",
                               style: UIAlertAction.Style.default,
                               handler: nil)
                               
                
alarmAlert.addAction(alarmAction1)
alarmAlert.addAction(alarmAction2)
present(alamAlert, animated: true, completion: nil)

 

 

 

 

 

 

 

 

 

---

6. 알림 메세지 확인 직후 1분 동안 알림 창이 나타나지 않게 하기

알림 여부를 Bool 타입으로 저장하는 변수를 생성하여 false로 초기화한다. 선택한 시간과 현재 시간이 같고 알림 여부가 false일 때 알림 메세지를 보내게 되면 true로 변경하고, 선택한 시간과 현재 시간이 같지 않을 때는 false로 초기화한다. 

선택한 시간이 현재 시간과 다르다는 건 1분이 지났다는 의미도 되기 때문에 선택한 시간이 흐르는 1분 동안 알림 창이 나타나지 않게 할 수 있다.

 

import UIKit

class AlertMissionViewController: UIViewController {

    var alarmFlag:Bool = false //알람 여부
    
    
    ...
    
    
    
    @objc func updateTime(){
        let date: NSDate = NSDate() //현재 시간을 받아오는 클래스 객체 생성
        var currentTime:String = String()
        let formatter = DateFormatter()
        
        formatter.dateFormat = "yyyy년MM월dd일 a hh시mm분ss초"
        lblCurrentTime.text = formatter.string(from: date as Date) //현재시간 출력
        
        formatter.dateFormat = "yyyy년MM월dd일 a hh시mm분"
        currentTime = formatter.string(from: date as Date)
        
        if alamTime == currentTime {
            if !alarmFlag { //알람이 아직 울리지 않았다면
                let alamAlert = UIAlertController(title: "알림",
                                                  message: "설정된 시간입니다.",
                                                  preferredStyle: UIAlertController.Style.alert)
                
                let alamAction = UIAlertAction(title: "확인",
                                               style: UIAlertAction.Style.default,
                                               handler: nil)
                
                alamAlert.addAction(alamAction)
                present(alamAlert, animated: true, completion: nil)
                
                alarmFlag = true
            }
        }
        else { //현재 시간이 선택한 시간과 다르다면
            alarmFlag = false
        }
        //현재 시간이 선택한 시간과 다르다는 건 1분이 지났다는 의미 - 1분 동안 알림 창이 나타나지 않게 할 수 있다
        //알람 시간이 아닐 때 알람 여부를 초기화해야 한다.
    }
}

 

 

 

 

 

 

 

---

전체 코드

import UIKit

class AlertMissionViewController: UIViewController {
    
    let timeSelector: Selector = #selector(AlertMissionViewController.updateTime)//타이머가 구동되면 호출할 함수 지정
    let interval:Double = 1.0 //현재시간이 갱신될 간격
    var alarmTime:String = String()
    var alarmFlag:Bool = false //알람 여부
    
    @IBOutlet var lblCurrentTime: UILabel!
    @IBOutlet var lblSelectTime: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        
        //현재시간을 interval마다 갱신시켜 줄 타이머 설정
        Timer.scheduledTimer(timeInterval: interval, target: self, selector: timeSelector, userInfo: nil, repeats: true)
    }
    
    //데이트피커뷰가 동작할 때 호출되는 액션함수
    @IBAction func changeDatePicker(_ sender: UIDatePicker) {
        let selectDate = sender.date
        
        let formatter = DateFormatter()
        formatter.dateFormat = "yyyy년MM월dd일 a hh시mm분"
        
        lblSelectTime.text = formatter.string(from: selectDate)
        alarmTime = formatter.string(from: selectDate)
    }
    
    @objc func updateTime(){
        let date: NSDate = NSDate() //현재 시간을 받아오는 클래스 객체 생성
        var currentTime:String = String()
        let formatter = DateFormatter()
        
        formatter.dateFormat = "yyyy년MM월dd일 a hh시mm분ss초"
        lblCurrentTime.text = formatter.string(from: date as Date) //현재시간 출력
        
        formatter.dateFormat = "yyyy년MM월dd일 a hh시mm분"
        currentTime = formatter.string(from: date as Date)
        
        if alarmTime == currentTime {
            if !alarmFlag { //알람이 아직 울리지 않았다면
                let alarmAlert = UIAlertController(title: "알림",
                                                  message: "설정된 시간입니다.",
                                                  preferredStyle: UIAlertController.Style.alert)
                
                let alarmAction = UIAlertAction(title: "확인",
                                               style: UIAlertAction.Style.default,
                                               handler: nil)
                
                alarmAlert.addAction(alarmAction)
                present(alarmAlert, animated: true, completion: nil)
                
                alarmFlag = true
            }
        }
        else { //현재 시간이 선택한 시간과 다르다면
            alarmFlag = false
        }
        //현재 시간이 선택한 시간과 다르다는 건 1분이 지났다는 의미 - 1분 동안 알림 창이 나타나지 않게 할 수 있다
        //알람 시간이 아닐 때 알람 여부를 초기화해야 한다.
    }
}

 

 

 

 

 

 

 

 

공부자료

Do It! 스위프트로 아이폰 앱 만들기 개정 5판
SWIFT 문서