ホーム / 世界時計 /

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

2019年9月17日火曜日

swift 時計 世界時計

t f B! P L

Xcode 10.3
ios 12.4
swift5

完成品


UI

 

コード

WorldClockVC

  1. import UIKit
  2.  
  3. class WorldClockVC: UIViewController ,UITableViewDelegate,UITableViewDataSource{
  4.     
  5.     var selectTimezones = [String]()
  6.     var userDefaults = UserDefaults.standard
  7.     var timer = Timer()
  8.  
  9.     @IBOutlet weak var tableView: UITableView!
  10.     override func viewDidLoad() {
  11.         super.viewDidLoad()
  12.         loadTimeZones()
  13.         tableView.register(UINib(nibName: "WorldClockCell", bundle: nil), forCellReuseIdentifier: "WorldClockCell")
  14.         self.navigationItem.setLeftBarButton(self.editButtonItem, animated: true)
  15.     }
  16.         
  17.     
  18.     func loadTimeZones(){
  19.         if let getTimeZones = userDefaults.object(forKey: "TimeZones") as? [String]{
  20.             selectTimezones = getTimeZones
  21.         }
  22.     }
  23.     
  24.     func saveTimeZones(){
  25.         userDefaults.set(selectTimezones, forKey: "TimeZones")
  26.         userDefaults.synchronize()
  27.     }
  28.     
  29.     override func setEditing(_ editing: Bool, animated: Bool) {
  30.         super.setEditing(editing, animated: animated)
  31.         tableView.setEditing(editing, animated: animated)
  32.     }
  33.     
  34.     func tableView(_ tableView: UITableView, canMoveRowAt indexPath: IndexPath) -> Bool {
  35.         return true
  36.     }
  37.     
  38.     func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {
  39.         return true
  40.     }
  41.     
  42.     func tableView(_ tableView: UITableView, moveRowAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) {
  43.         let sourceCellItem = selectTimezones[sourceIndexPath.row]
  44.         guard let indexPath = selectTimezones.firstIndex(of: sourceCellItem) else { return }
  45.         selectTimezones.remove(at: indexPath)
  46.         selectTimezones.insert(sourceCellItem, at: destinationIndexPath.row)
  47.         saveTimeZones()
  48.     }
  49.     
  50.     func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
  51.         return selectTimezones.count
  52.     }
  53.     
  54.     func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
  55.         return 60
  56.     }
  57.     
  58.     func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
  59.         let cell = tableView.dequeueReusableCell(withIdentifier: "WorldClockCell") as! WorldClockCell
  60.         cell.setCity(name: selectTimezones[indexPath.row]) 
  61.         return cell
  62.     }
  63.     
  64.     func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
  65.         if editingStyle == .delete {
  66.             selectTimezones.remove(at: indexPath.row)
  67.             tableView.deleteRows(at: [indexPath], with: .fade)
  68.             saveTimeZones()
  69.         }
  70.     }
  71.     
  72.     func timeZone(city:String) -> String{
  73.         let formatter = DateFormatter()
  74.         
  75.         formatter.dateFormat = "HH:mm"
  76.         let timeZoneIdentifiers = TimeZone.knownTimeZoneIdentifiers
  77.         for identifier in timeZoneIdentifiers {
  78.             if identifier.contains(city){
  79.                 formatter.timeZone = TimeZone(identifier: identifier)
  80.             }
  81.             }
  82.         return formatter.string(from: Date())
  83.     }
  84.     
  85.     override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
  86.         guard let nvc = segue.destination as? UINavigationController else {return}
  87.         guard let vc = nvc.topViewController as? WorldClockSelectVC else {return}
  88.         vc.delegate = self
  89.     }
  90. }
  91.  
  92. extension WorldClockVC:WorldClockSelectVCDelegte{
  93.     func worldClockSelect(cancel: WorldClockSelectVC) {
  94.         self.setEditing(false, animated: false)
  95.     }
  96.     
  97.     func worldClockSelect(selectedWorldClock: WorldClockSelectVC, selected: String) {
  98.         if !selectTimezones.contains(selected){
  99.             selectTimezones.append(selected)
  100.         }
  101.         tableView.reloadData()
  102.         saveTimeZones()
  103.     }
  104. }

WorldClockCell

  1. import UIKit
  2.  
  3. class WorldClockCell: UITableViewCell {
  4.  
  5.     @IBOutlet weak var timeLabel: UILabel!
  6.     @IBOutlet weak var cityLabel: UILabel!
  7.     @IBOutlet weak var hrsLabel: UILabel!
  8.     var timer = Timer()
  9.     var cityName:String!
  10.  
  11.     override func awakeFromNib() {
  12.         super.awakeFromNib()
  13.         self.accessoryView = timeLabel
  14.     }
  15.     
  16.     func setCity(name:String){
  17.         cityLabel.text = name
  18.        timeLabel.text = timeZone(city: name)
  19.         hrsLabel.text = "Today,+0HRS"
  20.         cityName = name
  21.         timer = Timer.scheduledTimer(
  22.             
  23.             timeInterval: 1.0,                              // 時間間隔
  24.             
  25.             target: self,                       // タイマーの実際の処理の場所
  26.             
  27.             selector: #selector(WorldClockCell.tickTimer(_:)),   // メソッド タイマーの実際の処理
  28.             
  29.             userInfo: nil,
  30.             
  31.             repeats: true)
  32.         RunLoop.main.add(timer, forMode: RunLoop.Mode.common)
  33.     }
  34.     
  35.     @objc func tickTimer(_ timer: Timer) {
  36.         timeLabel.text = timeZone(city: cityName)
  37.     }
  38.     
  39.     func timeZone(city:String) -> String{
  40.         let formatter = DateFormatter()
  41.         
  42.         formatter.dateFormat = "HH:mm"
  43.         formatter.timeStyle = .short
  44.         formatter.locale = Locale(identifier: "ja_JP")
  45.         let timeZoneIdentifiers = TimeZone.knownTimeZoneIdentifiers
  46.         for identifier in timeZoneIdentifiers {
  47.             if identifier.contains(city){
  48.                 formatter.timeZone = TimeZone(identifier: identifier)
  49.             }
  50.         }
  51.         let timeDiff = formatter.timeZone.secondsFromGMT()
  52.         hrsLabel.text = timeDiff.timeString()
  53.         return formatter.string(from: Date())
  54.     }
  55. }
  56.  
  57. extension Int {
  58.     func timeString() -> String {
  59.         let adjustSecondsForJapan : TimeInterval = 9 * 60 * 60
  60.         let formatter = DateComponentsFormatter()
  61.         formatter.allowedUnits = [.day,.hour, .minute]
  62.         formatter.unitsStyle = .positional
  63.         let formattedString = formatter.string(from: TimeInterval(self) - adjustSecondsForJapan) ?? "0"
  64.         let df = DateFormatter()
  65.         df.dateStyle = .short
  66.         df.doesRelativeDateFormatting = true
  67.         
  68.         let day = df.string(from: Date(timeIntervalSinceNow: TimeInterval(self) - adjustSecondsForJapan))
  69.         if formattedString == "0" {
  70.             return day + ", +0HRS"
  71.         } else {
  72.             if formattedString.hasPrefix("-") {
  73.                 return day + ", \(formattedString)HRS"
  74.             } else {
  75.                 return day + "+\(formattedString)HRS"
  76.             }
  77.         }
  78.     }  
  79. }

WorldClockSelectVC

  1. import UIKit
  2.  
  3. protocol WorldClockSelectVCDelegte {
  4.     func worldClockSelect(selectedWorldClock:WorldClockSelectVC,selected:String)
  5.     func worldClockSelect(cancel:WorldClockSelectVC)
  6. }
  7.  
  8. class WorldClockSelectVC: UIViewController {
  9.  
  10.     @IBOutlet weak var tableView: UITableView!
  11.     @IBOutlet weak var nav: UINavigationBar!
  12.     var delegate:WorldClockSelectVCDelegte!
  13.     
  14.     private var searchController: UISearchController!
  15.     
  16.     var filteredTitles = [[String]]()
  17.     var timeZoneIdentifiers = [String]()
  18.     var allCities: [String] = []
  19.     var sortedFirstLetters: [String] = []
  20.     var sections: [[String]] = [[]]
  21.      var searchString:String = ""
  22.     
  23.     override func viewDidLoad() {
  24.         super.viewDidLoad()
  25.         searchController = UISearchController(searchResultsController: nil)
  26.         searchController.searchResultsUpdater = self
  27.         searchController.obscuresBackgroundDuringPresentation = false
  28.         searchController.dimsBackgroundDuringPresentation = false
  29.         searchController.searchBar.sizeToFit()
  30.         searchController.searchBar.showsCancelButton = true
  31.         searchController.searchBar.delegate = self
  32.         // UISearchControllerをUINavigationItemのsearchControllerプロパティにセットする。
  33.         navigationItem.searchController = searchController
  34.         
  35.         // trueだとスクロールした時にSearchBarを隠す（デフォルトはtrue）
  36.         // falseだとスクロール位置に関係なく常にSearchBarが表示される
  37.         navigationItem.hidesSearchBarWhenScrolling = false
  38.         
  39.         NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow(notification:)), name: UIResponder.keyboardWillShowNotification, object: nil)
  40.         NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillHide(notification:)), name: UIResponder.keyboardWillHideNotification, object: nil)
  41.         timeZoneIdentifiers = TimeZone.knownTimeZoneIdentifiers.sorted()
  42.                 for identifier in timeZoneIdentifiers {
  43.                     if let cityName = identifier.split(separator: "/").last {
  44.                         allCities.append("\(cityName)")
  45.                     }
  46.                 }
  47.         let firstLetters = allCities.map { $0[$0.startIndex].uppercased() }
  48.         let uniqueFirstLetters = Array(Set(firstLetters))
  49.         sortedFirstLetters = uniqueFirstLetters.sorted()
  50.         
  51.         sections = sortedFirstLetters.map({firstLetter in return allCities.filter({ $0[$0.startIndex].uppercased() == firstLetter }).sorted(by: {$0 < $1})
  52.         })
  53.         filteredTitles = sections
  54.     }
  55.     
  56.     @objc private func keyboardWillShow(notification: NSNotification) {
  57.         if let keyboardSize = (notification.userInfo?[UIResponder.keyboardFrameBeginUserInfoKey] as? NSValue)?.cgRectValue {
  58.             tableView.contentInset = UIEdgeInsets(top: 0, left: 0, bottom: keyboardSize.height, right: 0)
  59.         }
  60.     }
  61.     
  62.     @objc private func keyboardWillHide(notification: NSNotification) {
  63.         tableView.contentInset = .zero
  64.     }
  65. }
  66.  
  67. // MARK: - UISearchResultsUpdating
  68.  
  69. extension WorldClockSelectVC: UISearchResultsUpdating ,UISearchBarDelegate{
  70.     
  71.     func updateSearchResults(for searchController: UISearchController) {
  72.         
  73.         // SearchBarに入力したテキストを使って表示データをフィルタリングする。
  74.         searchString = searchController.searchBar.text ?? ""
  75.         if searchString.isEmpty {
  76.             filteredTitles = sections
  77.         } else {
  78.             filteredTitles = sections.map({
  79.                 filter in return filter.filter({$0.contains(searchString)})
  80.                 }
  81.             )
  82.         }
  83.         tableView.reloadData()
  84.     }
  85.     func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
  86.         delegate.worldClockSelect(cancel: self)
  87.         dismiss(animated: true, completion: nil)
  88.     }
  89. }
  90.  
  91. // MARK: - UITableViewDataSource UITableViewDelegate
  92. extension WorldClockSelectVC: UITableViewDataSource,UITableViewDelegate {
  93.     
  94.     func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
  95.             return filteredTitles[section].count
  96.     }
  97.     
  98.     func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
  99.         let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
  100.         cell.textLabel?.text =  filteredTitles[indexPath.section][indexPath.row]
  101.         return cell
  102.     }
  103.     
  104.     public func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
  105.         return searchString != "" ? nil : sortedFirstLetters[section]
  106.     }
  107.     func numberOfSections(in tableView: UITableView) -> Int {
  108.         return filteredTitles.count
  109.     }
  110.     
  111.     public func sectionIndexTitles(for tableView: UITableView) -> [String]? {
  112.         return  searchString != "" ? nil : sortedFirstLetters
  113.     }
  114.     public func tableView(_ tableView: UITableView, sectionForSectionIndexTitle title: String, at index: Int) -> Int {
  115.         return UILocalizedIndexedCollation.current().section(forSectionIndexTitle: index)
  116.     }
  117.     func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
  118.         searchController.searchBar.resignFirstResponder()
  119.         searchController.dismiss(animated: false)
  120.         delegate.worldClockSelect(selectedWorldClock: self, selected: filteredTitles[indexPath.section][indexPath.row])
  121.         dismiss(animated: true, completion: nil)
  122.     }
  123. }
githubはこちら

参考

UISearchControllerの使い方。主に結果画面からNavigationControllerでPush
swift – カスタムモデルクラスを使用して、tableView内のデータをセクションごとにアルファベット順にソートする方法
Replacement of date object with “today” and “yesterday” strings in iphone

QooQ