ホーム / 時計 /

swiftでiPhone標準の時計アプリを作ろう　完成コード　タイマー

2019年9月6日金曜日　更新：2019年09月17日

swift 時計

t f B! P L
Xcode 10.3
swift5
ios 12.4

完成品

機能面を重視したのでデザインは特に意識していません
また、アラーム音もデフォルトしか設定していないので今回のサウンド設定は飾りです。
（ご要望があれば追加します。）


UI

実装の仕方はいろいろありますが、
今回はTableViewの上に独自Cellを乗せる設計にしました。


コード

AppDelegate

  1. import UIKit
  2. import UserNotifications　//UserNotificationsをimport
  3. @UIApplicationMain
  4. class AppDelegate: UIResponder, UIApplicationDelegate {
  5.  
  6.     var window: UIWindow?
  7.  
  8.     var backgroundTaskID: UIBackgroundTaskIdentifier = UIBackgroundTaskIdentifier(rawValue: 0)
  9.  
  10.     func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {        
  11.         // 通知許可の取得
  12.         UNUserNotificationCenter.current().requestAuthorization(
  13.         options: [.alert, .sound, .badge]){
  14.             (granted, _) in
  15.             if granted{
  16.                 UNUserNotificationCenter.current().delegate = self
  17.             }
  18.         }
  19.         return true
  20.     }
  21.  
  22.     //バックグラウンド遷移移行直前に呼ばれる
  23.     func applicationWillResignActive(_ application: UIApplication) {
  24.        // 新しいタスクを登録
  25.         backgroundTaskID = application.beginBackgroundTask {
  26.             [weak self] in
  27.             application.endBackgroundTask((self?.backgroundTaskID)!)
  28.             self?.backgroundTaskID = UIBackgroundTaskIdentifier.invalid
  29.         }
  30.     }
  31.     //アプリがアクティブになる度に呼ばれる
  32.     func applicationDidBecomeActive(_ application: UIApplication) {
  33.         //タスクの解除
  34.         application.endBackgroundTask(self.backgroundTaskID)
  35.     }
  36. }
  37.  
  38. extension AppDelegate: UNUserNotificationCenterDelegate{
  39.     
  40.     func userNotificationCenter(_ center: UNUserNotificationCenter, willPresent notification: UNNotification, withCompletionHandler completionHandler: @escaping (UNNotificationPresentationOptions) -> Void) {
  41.         // アプリ起動中でもアラートと音で通知
  42.         completionHandler([.alert, .sound])
  43.     }
  44.     
  45.     func userNotificationCenter(_ center: UNUserNotificationCenter, didReceive response: UNNotificationResponse, withCompletionHandler completionHandler: @escaping () -> Void) {
  46.         // バックグラウンドで来た通知をタップしてアプリ起動したら呼ばれる
  47.  　　　　　　completionHandler()      
  48.     }
  49. }
  50.  
  51.  

TimerVC

  1. import UIKit
  2. import UserNotifications //UserNotificationsをimport
  3. class TimerVC: UIViewController, UITableViewDelegate,UITableViewDataSource {
  4.     
  5.     
  6.     @IBOutlet weak var tableView: UITableView!
  7.     var timerOn:Bool = false
  8.     var timerStart:Bool = false
  9.     var time:Double = 0
  10.     override func viewDidLoad() {
  11.         super.viewDidLoad()
  12.        //cellを登録
  13.         registerCell(cellName: "TimerLabelCell")
  14.         registerCell(cellName: "TimerSetCell")
  15.         registerCell(cellName: "SoundSetCell")
  16.         registerCell(cellName: "TimerButtonCell")
  17.         
  18.     }
  19.      //cellを登録
  20.     func registerCell(cellName:String){
  21.         tableView.register(UINib(nibName: cellName, bundle: nil), forCellReuseIdentifier: cellName)
  22.     }
  23.     //セクションごとのセルの個数を指定
  24.     func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
  25.         return 1
  26.     }
  27.     //セクション数
  28.     func numberOfSections(in tableView: UITableView) -> Int {
  29.         return 3
  30.     }
  31.     
  32. 　　　　//セクションごとにセルの高さを設定
  33.     func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
  34.         switch indexPath.section {
  35.         case 0:
  36.          return 220
  37.         case 1:
  38.             return 44
  39.         case 2:
  40.             return  160
  41.         default:
  42.             return 0
  43.         }
  44.     }
  45.     // セクションごとにセル生成
  46.     func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
  47.         switch indexPath.section {
  48.         case 0:
  49.             //タイマーがスタートしているかどうか
  50.             if timerStart {
  51. 　　　　　　　　　　　　　　　// タイマーがスタートしていた時TimerLabelCellを生成
  52.                 let cell = tableView.dequeueReusableCell(withIdentifier: "TimerLabelCell") as! TimerLabelCell
  53.                 cell.delegate = self
  54. 　　　　　　　　　　　　　　　// タイマー動いているか
  55.                 if timerOn {
  56.                     cell.time = time
  57.                     cell.startTimer()
  58.                 }else{
  59.                     cell.stopTimer()
  60.                 }
  61.                 return cell
  62.             }else{
  63. 　　　　　　　　　　　　　　　// タイマーがスタートしていない時TimerSetCellを生成
  64.                 let cell = tableView.dequeueReusableCell(withIdentifier: "TimerSetCell") as! TimerSetCell
  65.                 cell.delegate = self
  66.                 cell.getTimer()
  67.                 return cell
  68.             }
  69.          
  70.         case 1:
  71.             let cell = tableView.dequeueReusableCell(withIdentifier: "SoundSetCell") as! SoundSetCell
  72.             return cell
  73.         case 2:
  74.             let cell = tableView.dequeueReusableCell(withIdentifier: "TimerButtonCell") as! TimerButtonCell
  75.             cell.delegate = self
  76.             if !timerStart {
  77.                 cell.start()
  78.             }
  79.             return cell
  80.         default:
  81.             return UITableViewCell()
  82.         }
  83.     }
  84.     
  85. }
  86.  
  87. extension TimerVC:TimerLabelCellDelegate {
  88.     func timerLabelCell(stopTimer: TimerLabelCell, remainingTime: Double) {
  89.         time = remainingTime
  90.     }
  91.     
  92.     func timerLabelCell(timerEnd alarmSet: TimerLabelCell) {
  93.         timerStart = false
  94.         timerOn = false
  95.         tableView.reloadData()
  96.     }
  97. }
  98.  
  99. extension TimerVC:TimerSetCellDelegate {
  100.     func timerSetCell(setTime: TimerSetCell, time: Double) {
  101.         self.time = time
  102.     }
  103. }
  104.  
  105. extension TimerVC:TimerButtonCellDelegate {
  106.     func timerButtonCell(startStopTime: TimerButtonCell) {
  107.         //通知を設定
  108.         let center = UNUserNotificationCenter.current()
  109.         center.removePendingNotificationRequests(withIdentifiers: ["Timer"])
  110.         if time != 0 {
  111.         timerStart = true
  112.         if timerOn {
  113.             timerOn = false
  114.             startStopTime.resume()
  115.         }else{
  116.             timerOn = true
  117.             startStopTime.pause()
  118.             let content = UNMutableNotificationContent()
  119.             content.sound = UNNotificationSound.default
  120.             content.title = "Timer Done"
  121.             let trigger = UNTimeIntervalNotificationTrigger(timeInterval: TimeInterval(time), repeats: false)
  122.             let identifier = "Timer"
  123.             let request = UNNotificationRequest(identifier: identifier, content: content, trigger: trigger)
  124.             UNUserNotificationCenter.current().add(request){ (error : Error?) in
  125.                 if let error = error {
  126.                     print(error.localizedDescription)
  127.                 }
  128.             }
  129.         }
  130.         }else{
  131.             timerStart = false
  132.             startStopTime.start()
  133.         }
  134.         
  135.         tableView.reloadData()
  136.     }
  137.     
  138.     func timerButtonCell(cancelTime: TimerButtonCell) {
  139.         timerStart = false
  140.         timerOn = false
  141.         cancelTime.start()
  142.         let center = UNUserNotificationCenter.current()
  143.         center.removePendingNotificationRequests(withIdentifiers: ["Timer"])
  144.         tableView.reloadData()
  145.     }
  146. }

TimerLabelCell

  1. import UIKit
  2.  
  3. protocol TimerLabelCellDelegate {
  4.     func timerLabelCell(timerEnd:TimerLabelCell)
  5.     func timerLabelCell(stopTimer:TimerLabelCell,remainingTime:Double)
  6. }
  7.  
  8. class TimerLabelCell: UITableViewCell {
  9.  
  10.     @IBOutlet weak var timerLabel: UILabel!
  11.     var timer = Timer()
  12.     var time:Double = 0 {
  13.         didSet {
  14.             //タイマーをtimerLabelにセット
  15.             timerLabel.text = timeString(time: time)
  16.         }
  17.     }
  18.     var delegate:TimerLabelCellDelegate!
  19.  
  20.     //タイマースタート
  21.     func startTimer(){
  22.         //タイマーが動いているか
  23.         if timer.isValid {
  24.             timer.invalidate()
  25.         }
  26.         // タイマー生成、開始 １秒後の実行
  27.         timer = Timer.scheduledTimer(
  28.             
  29.             timeInterval: 1.0,                              // 時間間隔
  30.             
  31.             target: self,                       // タイマーの実際の処理の場所
  32.             
  33.             selector: #selector(TimerLabelCell.tickTimer(_:)),   // メソッド タイマーの実際の処理
  34.             
  35.             userInfo: nil,
  36.             
  37.             repeats: true)
  38.     }
  39.     
  40.     //タイマー停止
  41.     func stopTimer(){
  42.         timer.invalidate()
  43.         delegate.timerLabelCell(stopTimer: self, remainingTime: time)
  44.     }
  45.     
  46.     // タイマー処理
  47.     
  48.     @objc func tickTimer(_ timer: Timer) {
  49.         
  50.         time -= 1
  51.         timerLabel.text = timeString(time: time)
  52.         //timeが-1になった時
  53.         if time == -1 {
  54.             // タイマーの停止
  55.             timer.invalidate()
  56.             delegate.timerLabelCell(timerEnd: self)
  57.         }
  58.         
  59.     }
  60.     //時分秒を取得
  61.     func timeString(time:TimeInterval) -> String {
  62.         let hours = Int(time) / 3600  //時
  63.         let minutes = Int(time) / 60 % 60  //分
  64.         let seconds = Int(time) % 60 //秒
  65.         return String(format:"%02i:%02i:%02i", hours, minutes, seconds)
  66.     }
  67. }

TimerSetCell

  1. import UIKit
  2.  
  3. protocol TimerSetCellDelegate {
  4.     func timerSetCell(setTime: TimerSetCell, time: Double)
  5. }
  6.  
  7. class TimerSetCell: UITableViewCell,UIPickerViewDataSource, UIPickerViewDelegate {
  8.     
  9.     @IBOutlet weak var pickerView: UIPickerView!
  10.     var delegate:TimerSetCellDelegate!
  11.     var time:Double = 0　
  12.     var hour:Double = 0 //時
  13.     var minutes:Double = 0　//分
  14.     var seconds:Double = 0　　//秒
  15.     let labelText = ["hours", "min", "sec"]
  16.     var labels :[UILabel] = []
  17.     override func awakeFromNib() {
  18.         super.awakeFromNib()
  19.         pickerView.delegate = self
  20.         pickerView.dataSource = self
  21.         if time != 0 {
  22.             delegate.timerSetCell(setTime: self, time: time)
  23.         }
  24.     }
  25.     
  26.     public override func layoutSubviews() {
  27.         super.layoutSubviews()
  28.         self.reloadAllComponentLabels()
  29.     }
  30.      //ピッカーに表示する列数
  31.     func numberOfComponents(in pickerView: UIPickerView) -> Int {
  32.         return 3
  33.     }
  34.     //ピッカーに表示する値(数字)
  35.     func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
  36.         switch component {
  37.         case 0:
  38.             return 24
  39.         case 1,2:
  40.             return 60
  41.             
  42.         default:
  43.             return 0
  44.         }
  45.     }
  46.     
  47.     func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
  48.         switch component {
  49. 　　　　　　　//秒に変換
  50.         case 0:
  51.             hour = Double(row * 3600)
  52.         case 1:
  53.             minutes = Double(row * 60)
  54.         case 2:
  55.             seconds = Double(row)
  56.         default:
  57.             break;
  58.         }
  59.         time = hour + minutes + seconds
  60.         delegate.timerSetCell(setTime: self, time: time)
  61.     }
  62.     
  63.     func timeString(time:TimeInterval) -> String {
  64.         let hours = Int(time) / 3600
  65.         let minutes = Int(time) / 60 % 60
  66.         let seconds = Int(time) % 60
  67.         return String(format:"%i:%02i:%02i", hours, minutes, seconds)
  68.     }
  69.     
  70.     func getTimer(){
  71.         delegate.timerSetCell(setTime: self, time: time)
  72.     }
  73.     //ピッカーに表示する値(文字列)
  74.     func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
  75.         return row.description
  76.     }
  77.    //列の幅
  78.     func pickerView(_ pickerView: UIPickerView, widthForComponent component: Int) -> CGFloat {
  79.         return pickerView.frame.size.width/4
  80.     }
  81. 　　// ラベルの配置
  82.     public func reloadAllComponentLabels() {
  83.         
  84.         let fontSize = UIFont.systemFontSize
  85.         
  86.         let labelTop = self.bounds.origin.y + self.bounds.height / 2 - fontSize
  87.         let labelHeight = self.pickerView.rowSize(forComponent: 0).height
  88.         var labelOffset = self.bounds.origin.x // Componentの右端
  89.         
  90.         for i in 0...(self.numberOfComponents(in: pickerView)) - 1 {
  91.             
  92.             if self.labels.count == i {
  93.                 let label = UILabel()
  94.                 label.text = labelText[i]
  95.                 label.backgroundColor = UIColor.clear
  96.                 label.font = UIFont.boldSystemFont(ofSize: fontSize)
  97.                 label.sizeToFit()
  98.                 
  99.                 self.addSubview(label)
  100.                 self.labels.append(label)
  101.             }
  102.              // ラベルの位置を決める
  103.             let labelWidth = self.labels[i].frame.width
  104.             labelOffset += pickerView.rowSize(forComponent: i).width
  105.             self.labels[i].frame = CGRect(x: labelOffset - labelWidth + pickerView.rowSize(forComponent: i).width/2, y: labelTop, width: labelWidth, height: labelHeight)
  106.             
  107.         }
  108.     }
  109. }

SoundSetCell

  1. import UIKit
  2.  
  3. class SoundSetCell: UITableViewCell {
  4.  
  5. @IBOutlet weak var soundNameLabel: UILabel!
  6.  
  7. }

TimerButtonCell

  1. import UIKit
  2.  
  3. protocol TimerButtonCellDelegate {
  4.     func timerButtonCell(startStopTime : TimerButtonCell)
  5.     func timerButtonCell(cancelTime : TimerButtonCell)
  6. }
  7.  
  8. class TimerButtonCell: UITableViewCell {
  9.  
  10.     @IBOutlet weak var startButton: UIButton!
  11.     @IBOutlet weak var cancelButton: UIButton!
  12.     var delegate:TimerButtonCellDelegate!
  13.     override func awakeFromNib() {
  14.         super.awakeFromNib()
  15.         cancelButton.isEnabled = true
  16.     }
  17.  
  18.     override func setSelected(_ selected: Bool, animated: Bool) {
  19.         super.setSelected(selected, animated: animated)
  20.     }
  21. 　　　　//開始停止
  22.     @IBAction func startstop(_ sender: Any) {
  23.         delegate.timerButtonCell(startStopTime: self)
  24.     }
  25.     //キャンセル
  26.     @IBAction func cancel(_ sender: Any) {
  27.         delegate.timerButtonCell(cancelTime: self)
  28.         cancelButton.isEnabled = true
  29.     }
  30.     //スタートボタンに変更
  31.     func start(){
  32.         startButton.setTitle("Start", for: .normal)
  33.         startButton.backgroundColor = #colorLiteral(red: 0.1799043417, green: 0.6762347817, blue: 0.2553646266, alpha: 1)
  34.     }
  35. 　　　//一時停止に変更
  36.     func pause(){
  37.         startButton.setTitle("Pause", for: .normal)
  38.         startButton.backgroundColor = .orange
  39.  
  40.     }
  41. 　　　　//再開に変更
  42.     func resume(){
  43.         startButton.setTitle("Resume", for: .normal)
  44.         startButton.backgroundColor = #colorLiteral(red: 0.1799043417, green: 0.6762347817, blue: 0.2553646266, alpha: 1)
  45.  
  46.     }
  47. }
githubはこちら

参考

QooQ