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

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

 

문제

데이터 피커를 이용하여 시간을 선택하고, 선택 시간 1분 전부터 화면이 빨간색되도록 구현한다. 선택한 시간이 되면 배경색을 원래 상태로 되돌린다.

 

 

구현 순서

1. 레이아웃 작성

 2. 아울렛 변수, 액션 함수 추가

 3. 선택 날짜와 시간 출력

 4. 현재 시간 출력

 5. 현재 시간이 선택 시간되기 1분 전부터 배경화면 빨간색이 되도록 구현

 

 

 

---

1. 레이아웃 작성

Lable과 DatePicker 를 이용해 레이아웃을 그린다.

 

 

 

---

2. 아울렛 변수와 액션 함수 추가

 

//ViewController

import UIKit

class ViewController: UIViewController {    
    @IBOutlet var lblCurrentTime: UILabel!
    @IBOutlet var lblSelectTime: UILabel!
    
    //뷰 생성 시 호출되는 함수
    override func viewDidLoad() {
        super.viewDidLoad()        
    }
    
    //DatePicker 선택 시 호출되는 함수
    @IBAction func changeDatePicker(_ sender: UIDatePicker) {
    }
}

 

 

 

---

3. 선택한 날짜와 시간 출력하도록 구현

DatePicker 선택시 호출되는 액션함수 changeDatePicker에 코드를 작성한다.

 

 //DatePicker 선택 시 호출되는 함수
    @IBAction func changeDatePicker(_ sender: UIDatePicker) {
        let datePickerView = sender //(1)인수 저장
        let formatter = DateFormatter() //(2)DateFomatter 클래스 상수 선언
        formatter.dateFormat = "yyyy년 MM월 dd일 a hh시 mm분" //(3)날짜 형식 지정
        
        lblSelectTime.text  = "선택 시간: " + formatter.string(from: datePickerView.date)//(4)
    }

1. 전달된 인수를 변수에 저장한다.
2. 날짜를 보여주기 위해 형식이 필요한데, 형식 지정을 위해 DateFomatter 클래스를 사용한다.
3. DateFomatter.dateFomat 을 이용해 날짜 형식 지정
4. 아울 변수.text 에 인수.date 값을 문자열로 형변환하여 값 설정

 

 

 

---

4. 현재 시간 출력되도록 구현

현재 시간이 고정되어 있지 않고 매초 갱신되게 하기 위해서는 타이머 기능이 필요하다

Timer.scheduledTime(timeInterval: interval, target: self, 
					select: timeSelector, userInfo: nil, repeats: true)

Timer 클래스의 scheduledTime 메소드를 이용하여 타이머를 설정한다.

타이머 설정을 위해 필요한 원소
timeInterval	타이머 간격
target	동작될 view
selector	타이머가 구동될 때 실행할 함수
userInfo	사용자 정보
reapts	반복여부

따라서 Timer.scheduledTime()를 사용하기 전 interval 과 select를 만들어야한다.

즉, 타이머 간격과 실행할 함수가 필요하다.

 

 

함수를 구현하기 전, 먼저 필요한 변수 또는 상수를 만든다.

class MissionDatePickerViewController: UIViewController {
    let timeSelector:Selector = #selector(MissionDatePickerViewContriller.updateTime)
    let interval:Double = 1.0 // 1초 의미
    
    @IBOutlet var lblCurrentTime: UILabel!
    @IBOutlet var lblSelectTime: UILabel!
    
    .
    .
    .
}

• 곧 만들 함수를 지정한 selector를 하나 생성한다.
• 타이머에 사용될 interval를 생성한다.

 

 

타이머 구동 시 호출될 함수를 구현해보자

    @objc func updateTime(){
        let currentDate:NSDate = NSDate() //현재 시간을 가져오는 클래스
        let fomatter: DateFormatter = DateFormatter() // 날짜 형식을 지정해 줄 클래스
        fomatter.dateFormat = "yyyy년 MM월 dd일 a hh시 mm분 s초" //날짜 형식 지정
        
        lblCurrentTime.text = "현재 시간: " + fomatter.string(from: currentDate as Date)
    }
    //#selector()의 인자로 사용될 메소드를 선언할 때 Object-C와의 호환성을 위하여 함수 앞에 @objc 키워드 필수

• 사용 목적 : 타이머가 구동될 때 실행
• 필요한 기능 : 현재 시간 갱신
• 그렇다면 무엇을 구현해야 하는가? lblCurrentTime.text에 현재 시간을 저장해 주어야 한다.
• 필요한 것은? 현재 시간을 가져와줄 클래스, NSDate 클래스 + 추가적으로 날짜 형식을 지정할 DateFomatter 클래스  

+ #selector()의 인자로 사용될 메소드를 선언할 때 Object-C와의 호환성을 위하여 함수 앞에 @objc 키워드 필수

 

 

 

 

---

5. 현재 시간이 선택 시간되기 1분 전부터 배경화면 빨간색이 되도록 구현

현재 시간 == 선택 시간 -1  일때 배경 화면을 빨간색으로 변경한다.

 

먼저 현재 시간과 알람될 시간을 저장할 변수를 선언한다.

class MissionDatePickerViewController: UIViewController {
    ...
    var currentTime: String = String() //현재 시간을 저장할 변수
    var alarmTime: String = String()   //알람될 시간을 저장할 변수
    
    @IBOutlet var lblCurrentTime: UILabel!
    @IBOutlet var lblSelectTime: UILabel!
    
    .
    .
    .
}

 

 

그리고 changeDatePicker와 updateTime에서 각각 alarmTime과 currenTime에 값을 저장한다.

updateTime 메소드에서는 currentTime 변수를 위한 formatter를 따로 생성해 설정해준다.

//DatePicker 선택 시 호출되는 함수
    @IBAction func changeDatePicker(_ sender: UIDatePicker) {
        let datePickerView = sender //인수 저장
        let formatterDate = DateFormatter() //DateFomatter 클래스 상수 선언
        formatterDate.dateFormat = "yyyy년 MM월 dd일 a hh시 mm분" //날짜 형식 지정
        
        lblSelectTime.text  = formatterDate.string(from: datePickerView.date)
        alarmTime = formatterDate.string(from: datePickerView.date - 60) //알람될 시간을 저장한다.
    }
    
    //타이머가 구동될때 실행할 함수
    @objc func updateTime(){
        let currentDate:NSDate = NSDate() 
        let fomatterDate: DateFormatter = DateFormatter()
        let formatterTime = DateFormatter()
        fomatterDate.dateFormat = "yyyy년 MM월 dd일 a hh시 mm분 s초" 
        formatterTime.dateFormat = "yyyy년 MM월 dd일 a hh시 mm분"
        
        lblCurrentTime.text = fomatterDate.string(from: currentDate as Date)
        currentTime = formatterTime.string(from: currentDate as Date)
        
    }

 

 

 

현재 시간과 알람시간을 비교해 줄 함수를 구현한다.

import UIKit

class MissionDatePickerViewController: UIViewController {
    
    .
    .
    .
    
    //현재 시간과 알람 시간을 비교하는 함수
    func compareTime(){
        var backgroundColor: UIColor
        
        if(currentTime == alarmTime){
            backgroundColor = UIColor.red
        }
        else{
            backgroundColor = UIColor.white
        }
        view.backgroundColor = backgroundColor
    }
}

 

 

 

compareTime 함수는 매 interval 갱신 때마다 현재 시간과 알람 시간을 비교해야 하기 때문에 타이머가 구동될 때 실행하는 updateTime 함수에서 호출되도록 한다.

@objc func updateTime(){
        let currentDate:NSDate = NSDate() //현재 시간을 가져오는 클래스
        let fomatterDate: DateFormatter = DateFormatter() // 날짜 형식을 지정해 줄 클래스
        let formatterTime = DateFormatter()
        fomatterDate.dateFormat = "yyyy년 MM월 dd일 a hh시 mm분 s초" //날짜 형식 지정
        formatterTime.dateFormat = "yyyy년 MM월 dd일 a hh시 mm분"
        
        lblCurrentTime.text = fomatterDate.string(from: currentDate as Date)
        currentTime = formatterTime.string(from: currentDate as Date)
        
        compareTime()
    }

 

 

 

 

 

 

 

 

공부한 자료

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