专栏首页学海无涯SwiftUI-开发iOS项目

SwiftUI-开发iOS项目

创建项目

创建项目.png

项目文件

项目文件.png

  • AppDelegate.swift — 它负责App的启动与终止,并负责与SceneDelegate交接。
  • SceneDelegate.swift — 它负责管理应用程序的生命周期。
  • ContentView.swift — 最重要,在该文件中进行 UI 界面的编写。
  • Assets.xcassets — 存放项目中使用的所有图像和颜色。
  • LaunchScreen.storyboard — 应用加载时显示的屏幕。
  • Info.plist — 属性列表文件,包含项目的很多配置,如App名字、版本等
  • Preview Content — 这是一个文件夹,里面包含一个 Preview Assets.xcassets

启动流程

  1. AppDelegate中通过application(_:configurationForConnecting:options)返回一个UISceneConfiguration实例
  2. 完成启动后,控制权被交接给 SceneDelegate,它的 scene(_:willConnectTo:options:)将会被调用,设置window的根视图控制器
  3. 在初始化根视图控制器时会初始化ContentView中的View,显示出来

ContentView如何显示在屏幕上?

SceneDelegate.swift中会看到这样的代码:

//创建window
let window = UIWindow(windowScene: windowScene)
//设置window的rootViewController 
window.rootViewController = UIHostingController(rootView: ContentView())
self.window = window
window.makeKeyAndVisible()
  • 在设置windowrootViewController时,初始化了ContentView,UI 界面就可以显示出来
  • 这段代码应该很熟悉,在UIKit纯代码构建 iOS 程序中,会经常在 AppDelegate中写上类似的代码,不同的就是rootViewControllerUIHostingController类型的,UIHostingControllerUIViewController的子类,主要负责接受一个SwiftUIView的描述并将其用UIKit进行渲染

ContentView.swift

import SwiftUI

struct ContentView : View {
    var body: some View {
        Text("Hello SwiftUI")
    }
}

struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
  • 界面描述ContentView,以前我们在 ViewController 使用代码或者利用 StoryBoardXIB来完成的布局界面的事情,现在一个继承自 View 的结构体搞定
  • ContentView内部,有一个 body ,返回一个 Swift5.1 中新增的不透明的返回类型,意思就是返回某种 View,但是 body 不需要关心具体的内容
  • 注意body 不能返回很多 View 或不返回任何 View ,此时Swift编译器都会报错,所以务必记住 body 必须始终返回一个 View
  • body 中的 Text("Hello SwiftUI"),表示创建了文本Hello SwiftUI的标签
  • 最后的结构体 ContentView_Previews,与ContentView类似,它专门用于在Xcode中显示视图预览。

Previews

Xcode 11 + macOS 10.15 可以实时预览 SwiftUI 实现的界面,这个预览可以帮助我们快速查看代码对应的效果而不需要运行。

  • 支持多设备预览
struct ContentView_Previews: PreviewProvider {
   static var previews: some View {
      Group {
         ContentView()
            // 预览设备
            .previewDevice(PreviewDevice(rawValue: "iPhone 11"))
            // 预览设备名称
            .previewDisplayName("iPhone 11")

         ContentView()
            .previewDevice(PreviewDevice(rawValue: "iPhone 11 Pro Max"))
            .previewDisplayName("iPhone 11 Pro Max")
      }
   }
}
  • 支持多模式预览
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            // 超大文本
            ContentView()
                .environment(\.sizeCategory, .accessibilityExtraExtraExtraLarge)
            // 深色模式  
            ContentView()
                .environment(\.colorScheme, .dark)
            // 导航视图      
            NavigationView {
                ContentView()
            }
        }
    }
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • iOS开发之Xcode11后纯代码项目工程设置

    Xcode 11发布之后,新建iOS项目工程时,会有很多变化,最大的变化是多了文件SceneDelegate,此时如果希望通过纯代码设置界面,流程与以往会有一些...

    YungFan
  • @dynamicCallable

    Swift 5 中引入了一个新的语法@dynamicCallable(动态可调用)。使用@dynamicCallable标记了目标以后(类、结构体、枚举、协议)...

    YungFan
  • Java Web之Spring Boot

    我一直在尝试一个人写demo(Android和iOS)时,如何模拟服务器端返回的 JSON 数据,总的来说,我试过以下几种: 纯Servlet开发,这种方式配合...

    YungFan
  • 影像巨头柯达推出KODAKCoin(柯达币),LBank打新在即!

    柯达公司和WENN Digital合作推出KODAKOne图像版权管理平台和柯达币KODAKCoin,这种加密货币有助于摄影师和摄影机构在图像版权管理方面取得更...

    区块链领域
  • 安装ssh环境

    (注:server版ubuntu默认安装了ssh-server,如果未安装,请先安装)

    吟风者
  • 全球医保生物识别市场将快速增长

    市场研究公司Transparency(TMR)发布的一份报告称全球医疗生物识别市场在未来几年内将有相当大的增长。在2013年到2019年的预测区间内,TMR估计...

    人工智能快报
  • 采用SaaS解决方案时必须避免的九大常见陷阱

    投入云应用供应商怀抱的企业客户必须小心谨慎,以下九种潜在问题很可能给您的平稳过渡带来严重影响。 ? TL;DR “我同意”按钮之上,云应用供应商提供的大段声明当...

    静一
  • XP下SQL2000的安装(ZZ)

    用户1130771
  • 老男孩Python全栈开发(92天全)视频教程 自学笔记21

    玩蛇的胖纸
  • ES6教程-字符串,函数的参数,了解函数的arguments对象,js面向对象,设计模式-单例模式,解构赋值

    主要讲解了ES6对字符串的拓展,包括includes,startsWith和endsWith,另外增加了字符串模板。

    达达前端

扫码关注云+社区

领取腾讯云代金券