IOS 从项目学习Swift 开发(二)天气项目

1. 申请天气项目的 appId

去 https://openweathermap.org/ 网站注册登录一下,申请 appId ,网络请求天气会用到这个appId image-20210412095931019
image-20210412100008602

2. 项目布局搭建

项目布局使用 AutoLayout,嗯…这个布局跟android的约束布局差不多,所以入手起来也非常简单 image-20210412174054116

3. CocosPods 引入第三方库

CocosPod 就相当于 flutter的 Pub 仓库,里面包含了海量的第三方库。有两种方式引入CocosPods :

  1. 在应用商店中搜索CocosPod 下载并安装
  2. 命令行安装(我之前做flutter的时候可能环境已经配好了)

sudo gem install cocoapods

  1. cd 到你的项目根目录下,执行 pod init 就会生成podfile文件image-20210412182002579
  2. 用 Xcode 打开,加上依赖库image-20210412182136317

4.编写具体逻辑代码

架构 : MVC 模式

  • Model: 数据层
  • View: 界面的控件 在Android中即是布局文件Xml,IOS中是stroyboard
  • Controller:具体的与View和数据层Model打交道的类,对应ViewController类

项目架构图image-20210414225851708

ViewController.swift

import UIKit
import CoreLocation
import Alamofire
import SwiftyJSON

class ViewController: UIViewController,CLLocationManagerDelegate{
    
    @IBOutlet weak var locationLable: UILabel!
    let myKey = "4173b640768c2f0f55958f845f5ea4d5"
    let weatherApi = "https://api.openweathermap.org/data/2.5/weather"
    let locationManager = CLLocationManager()
    
    
    
    var weather = Weather()
    override func viewDidLoad() {
        super.viewDidLoad()
        locationManager.delegate = self
    }
    

    @IBOutlet weak var tempLable: UILabel!
    
    
    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        locationManager.requestWhenInUseAuthorization()
        locationManager.desiredAccuracy = kCLLocationAccuracyHundredMeters
        locationManager.requestLocation()
        
    }
    
    
    func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
        let lat = locations[0].coordinate.latitude
        let lon = locations[0].coordinate.longitude
        let parms = ["lat":String(lat),"lon":String(lon),"appid":myKey]
        getWeather(parms: parms)
        print(lat,lon)
    }
    func getWeather(parms:Parameters){
        AF.request(weatherApi,parameters: parms).responseJSON { response in
            if let json = response.value {
                print("Json\(json)")
                let weatherJson = JSON(json)
                self.creatWeather(weatherJson: weatherJson)
                self.locationLable.text = weatherJson["name"].stringValue
                self.tempLable.text = weatherJson["main","temp"].stringValue
            }
        }
    }
    
    func creatWeather(weatherJson : JSON){
        weather.cityName = weatherJson["name"].stringValue
        weather.temp = Int(weatherJson["main","temp"].doubleValue)
    }
    
    func locationManager(_ manager: CLLocationManager, didFailWithError error: Error) {
        locationLable.text = "获取地理信息失败"
    }

    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        if segue.identifier == "selectCity"{
           let vc = segue.destination as! SelectActivityController
            vc.currentCity = weather.cityName
            vc.selectDelegate = self
            
        }
    }

}

上述类中用到了两个第三方开源库,一个网络访问的 Alamofire ,一个 Json 解析的 SwiftyJSON ,需要熟练掌握。还有 prepare 方法是用户点击跳转到下一个界面的时候触发的,storyboard 中选择某个控件按住control 拖拽到需要跳转的ViewContorller 上。这个时候两个ViewController中间会有一个连接符号,点选连接符号,看右边的检查视图,加上 identifier 用来区别点选的哪个控件跳转到下个界面的。

Model 数据类:Weather.swift

class Weather{
    var temp = 0
    var cityName = ""
    var condition = 0
    
    //计算属性
    var icon:String{
        switch condition {
       
        case 0...300:
            return "tstorm1"
        case 301...500:
            return "light_rain"
        case 501...600:
            return "shower3"
        case 601...700:
            return "snow4"
        case 701...770:
            return "fog"
//        case 0...300:
//            return "tstorm1"
//        case 0...300:
//            return "tstorm1"
//        case 0...300:
//            return "tstorm1"
        default:
            return "tstorm1"
        }
    }
}
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
【课程特点】1、231节大容量课程:包含了SwiftUI的大部分知识点,详细讲解SwiftUI的方方面面;2、15个超级精彩的实例:包含美食、理财、健身、教育、电子商务等各行业的App实例;3、创新的教学模式:手把手教您SwiftUI用户界面开发技术,一看就懂,一学就会;4、贴心的操作提示:让您的眼睛始终处于操作的焦点位置,不用再满屏找光标;5、语言简洁精练:瞄准问题的核心所在,减少对思维的干扰,并节省您宝贵的时间;6、视频短小精悍:即方便于您的学习和记忆,也方便日后对功能的检索;7、齐全的学习资料:提供所有课程的源码,在Xcode 11 + iOS 13环境下测试通过; 更好的应用,更少的代码!SwiftUI是苹果主推的下一代用户界面搭建技术,具有声明式语法、实时生成界面预览等特性,可以为苹果手机、苹果平板、苹果电脑、苹果电视、苹果手表五个平台搭建统一的用户界面。SwiftUI是一种创新、简单的iOS开发中的界面布局方案,可以通过Swift语言的强大功能,在所有的Apple平台上快速构建用户界面。 仅使用一组工具和API为任何Apple设备构建用户界面。SwiftUI具有易于阅读和自然编写的声明式Swift语法,可与新的Xcode设计工具无缝协作,使您的代码和设计**同步。自动支持动态类型、暗黑模式、本地化和可访问性,意味着您的**行SwiftUI代码已经是您编写过的非常强大的UI代码了。 

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小菜的OnePiece

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值