《DAY 29》天气 App 实作（二）

昨天已经把 struct 写好了，今天来呈现资料在手机画面上，在此之前可以先上网搜寻 API 说明文件，方便自己刻 UI。

• elementName 所代表的意义如下。
  Wx. 天气现象. MaxT. 最高温度. MinT. 最低温度. CI. 舒适度. PoP. 降雨机率.

• 帮 Label 连接好 IBOutlet。
  

• 改写先前的程序，让 Label 呈现出资料。

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var locationName: UILabel!
    @IBOutlet weak var Wx: UILabel!
    @IBOutlet weak var PoP: UILabel!
    @IBOutlet weak var MinT: UILabel!
    @IBOutlet weak var CI: UILabel!
    @IBOutlet weak var MaxT: UILabel!
    @IBOutlet weak var startTime: UILabel!
    @IBOutlet weak var endTime: UILabel!
        
    override func viewDidLoad() {
        super.viewDidLoad()
        
        var request = URLRequest(url: URL(string: "https://opendata.cwb.gov.tw/api/v1/rest/datastore/F-C0032-001?Authorization=CWB-6F803E34-66E5-4135-AC7D-25811AD53D5C&format=JSON&locationName=%E5%AE%9C%E8%98%AD%E7%B8%A3")!,timeoutInterval: Double.infinity)
        request.httpMethod = "GET"
        let task = URLSession.shared.dataTask(with: request){(data, respond, error) in
            
            let decoder = JSONDecoder()
            if let data = data, let weather = try? decoder.decode(Weather.self, from: data){
                
                print(weather)
                
                DispatchQueue.main.sync {

                    self.locationName.text = weather.records.location[0].locationName
                    self.Wx.text = weather.records.location[0].weatherElement[0].time[0].parameter.parameterName
                    self.PoP.text = weather.records.location[0].weatherElement[1].time[0].parameter.parameterName + "%"
                    self.MinT.text = weather.records.location[0].weatherElement[2].time[0].parameter.parameterName + "°" + weather.records.location[0].weatherElement[2].time[0].parameter.parameterUnit!
                    self.CI.text = weather.records.location[0].weatherElement[3].time[0].parameter.parameterName
                    self.MaxT.text = weather.records.location[0].weatherElement[4].time[0].parameter.parameterName + "°" + weather.records.location[0].weatherElement[4].time[0].parameter.parameterUnit!
                    self.startTime.text = weather.records.location[0].weatherElement[0].time[0].startTime
                    self.endTime.text = weather.records.location[0].weatherElement[0].time[0].endTime

                }
                
            }
            else {
                print("error")
            }

        }
        task.resume()
        
    }
    
}

执行看看。

• JSON 里的 startTime ~ endTime 其实有提供三个区间，目前我只呈现了第一个区间的资料，之後会加入选取器让使用者选取。
• 地点目前只有宜兰县，之後也会放入选取器让使用者选择地点。
• 气象图示目前还不能变化，明天会一并完成。