SwiftUI—创建第一个SwiftUI项目

简介: SwiftUI—创建第一个SwiftUI项目

SwiftUI开发实用快捷键

Command + Option + Enter : 打开或关闭预览窗口

Command + Option + P : 刷新预览窗口

SwiftUI空白项目的创建步骤:


1、打开Xcode,然后使用菜单命令:File > New > Project命令,打开项目创建窗口。


2、在项目模板选择窗口中,选择Single View App模板,然后点击Next按钮,进入下一步设置窗口。


3、在项目配置窗口中,需要勾选Use SwiftUI复选框,然后填写其它的配置选项,点击Next按钮,完成项目的创建。


4、SwiftUI项目创建完成之后,其项目结构和代码功能如下图所示:


2466108-5553118577a4f5db.webp.jpg


5、项目导航区:


AppDelegate.swift(应用代理文件):提供didFinishLaunchingWithOptions等方法,在程序启动之后进行预处理操作,或者监听来自其他程序的外部事件。通常在程序启动之后,通过子线程进行本地数据的更新操作。


SceneDelegate.swift(场景代理文件):设置应用程序窗口的rootViewController,并指定使用哪个ContentView作为rootViewController的rootView。主要用来处理分屏功能,并管理应用程序的显示方式,例如让多个实例同时运行,或在一个实例移至后台时采取措施。


ContentView.swift(内容视图文件):项目的初始界面,用户界面上的可视控件可以放置在此文件中。当然对于复杂的用户界面,我们可以创建多个内容视图文件。


Assets.xcassets(资源文件):您可以在此处放置项目中所需的图片、颜色等资源。


LaunchScreen.storyboard(启动页面):用来配置项目启动过程中所显示的内容。


Info.plist(属性配置文件):配置产品名称、版本号、Build号、Bundle Identifier等项目。新的属性配置文件新增了应用程序的场景清单,可以在此设置是否支持多窗口模式、启动画面所在的故事板文件及设置场景管理的类


6、代码编辑器:

  • SwiftUI使用声明性语法,因此开发者可以简单地说明用户界面应该做什么。
  • 例如,您可以编写需要包含文本字段的项目列表,然后描述每个字段的对齐方式,字体和颜色。
  • 您的代码比以前更简单,更易于阅读,从而节省您的时间和维护。


7、ContentView.swift代码说明:


//导入SwiftUI框架
    import SwiftUI                   
    //定义一个名为ContentView的结构体,该结构体遵循View协议,遵循View协议的元素才可以在SwiftUI框架中。就像在UIKit中,所见皆UIView一样,在SwiftUI中,所见皆是View。
    struct ContentView: View {       
    //添加View协议中的body属性,在body属性中通过SwiftUI提供的各种布局控件,完成界面元素的搭建。关键词some表示返回的是某种View,但是SwiftUI不需要在意是具体的哪种View
        var body: some View {
            //在屏幕上显示一个标签,标签的内容位于双引号之内
            Text("Hello World")
        }
    }
    //当处于Debug模式时,允许执行下方的代码
    #if DEBUG
    //定义一个遵循PreviewProvider的结构体,用于设置在右侧预览区需要实时预览的内容
    struct ContentView_Previews: PreviewProvider {
    //添加PreviewProvider协议中的previews属性,用来设置在实时预览区显示的内容
        static var previews: some View {
            //设置在实时预览区显示ContentView结构体中的内容,您还可以在此设置预览的模拟器尺寸、是否Dark Mode等选项。
            ContentView()
        }
    }
    #endif


8、SceneDelegate.swift代码说明:


//使用此方法可以选择性地配置UIWindow窗口,并将其附加到提供的UIWindowScene
func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        if let windowScene = scene as? UIWindowScene {
        //初始化一个UIWindow窗口对象
            let window = UIWindow(windowScene: windowScene)
        // 使用一个UIHostingController实例,作为该窗口的根 view controller
            window.rootViewController = UIHostingController(rootView: ContentView())
        // 将新建的窗口作为当前程序的窗口对象
            self.window = window
        // 将窗口作为主窗口并显示
            window.makeKeyAndVisible()
        }
    }


目录
相关文章
|
2月前
|
存储 vr&ar
大师学SwiftUI第6章 - 声明式用户界面 Part 1
在上一章,我们介绍了SwiftUI的主要特性,声明式语法。借助SwiftUI,我们可以按希望在屏幕上显示的方式声明视图,余下交由系统来创建所需的代码。但声明式语法不只用于组织视图,还可在应用状态发生变化时更新视图。
50 1
|
2月前
|
API iOS开发 UED
SwiftUI 设计
SwiftUI 设计
47 2
|
2月前
|
存储 vr&ar Swift
大师学SwiftUI第6章 - 声明式用户界面 Part 4
Stepper视图创建一个带递增和递减按钮的控件。该结构体提供了多个初始化方法,包含不同的配置参数组合。以下是最常用的一部分。 •
33 0
|
2月前
|
存储 Go vr&ar
大师学SwiftUI第6章 - 声明式用户界面 Part 2
控件是交互工具,用户通过交互修改界面状态、选取选项或插入、修改或删除信息。我们实现过其中的一部分,如前例中的Button视图以及TextField视图。要定义一个有用的接口,需要学习有关视图的更多知识以及其它由SwiftUI所提供的控制视图。
35 0
|
8月前
|
存储 测试技术 开发工具
基础了解·创建第一个SwiftUI项目
基础了解·创建第一个SwiftUI项目
88 0
|
前端开发
【React工作记录三十五】ant design中默认回调加入参数
【React工作记录三十五】ant design中默认回调加入参数
47 0
|
前端开发
#yyds干货盘点 【React工作记录三十五】ant design中默认回调加入参数
#yyds干货盘点 【React工作记录三十五】ant design中默认回调加入参数
61 0
|
前端开发
前端hook项目moblie总结笔记-ant design动态数据赋值
前端hook项目moblie总结笔记-ant design动态数据赋值
62 0
|
前端开发
前端hook项目moblie总结笔记-ant design动态数据赋值
前端hook项目moblie总结笔记-ant design动态数据赋值
65 0
|
存储
SwiftUI100天:使用SwiftUI搭建一个单位转换App
在本章中,你将学会使用SwiftUI搭建一个单位转换App。
202 1
SwiftUI100天:使用SwiftUI搭建一个单位转换App