SwiftUI 教程

SwiftUI 主页 SwiftUI 概览 SwiftUI 与 UIkit

SwiftUI 环境

SwiftUI 安装和环境配置 SwiftUI 基本组件 SwiftUI 构建第一个应用程序

SwiftUI 视图

SwiftUI 视图 SwiftUI 自定义文本视图 SwiftUI 自定义图像视图 SwiftUI 堆栈

SwiftUI 绘制形状

SwiftUI 形状 SwiftUI 绘制线条 SwiftUI 绘制矩形 SwiftUI 绘制圆角矩形 SwiftUI 绘制三角形 SwiftUI 绘制圆形 SwiftUI 绘制星形 SwiftUI 绘制多边形 SwiftUI 绘制饼图 SwiftUI 使用内置形状

SwiftUI 文本

SwiftUI 文本视图 SwiftUI 文本输入和输出

SwiftUI 颜色

SwiftUI 颜色 SwiftUI 颜色选择器 SwiftUI 渐变 SwiftUI 调整颜色

SwiftUI 效果

SwiftUI 效果 SwiftUI 混合效果 SwiftUI BLur 效果 SwiftUI 阴影效果 SwiftUI 悬停效果

SwiftUI 动画

SwiftUI 动画 SwiftUI 创建动画 SwiftUI 创建显式动画 SwiftUI 多个动画 SwiftUI 过渡 SwiftUI 不对称过渡 SwiftUI 自定义过渡

SwiftUI 图像

SwiftUI 图像 SwiftUI 图像作为背景 SwiftUI 旋转图像 SwiftUI 媒体

SwiftUI 视图布局

SwiftUI 视图布局 SwiftUI 视图大小 SwiftUI 视图间距 SwiftUI 视图填充

SwiftUI UI 控件

SwiftUI UI 控件 SwiftUI 按钮 SwiftUI 复选框 SwiftUI 菜单栏 SwiftUI 工具栏 SwiftUI 搜索栏 SwiftUI 文本字段 SwiftUI 滑块 SwiftUI 切换 SwiftUI 选择器 SwiftUI 菜单

SwiftUI 列表 &表格

SwiftUI 列表 SwiftUI 静态列表 SwiftUI 动态列表 SwiftUI 自定义列表 SwiftUI 表格

SwiftUI 表单

SwiftUI 表单 SwiftUI 在部分中拆分表单

SwiftUI 事件处理

SwiftUI 事件处理 SwiftUI 手势 SwiftUI 剪贴板 SwiftUI 拖放 SwiftUI 焦点 SwiftUI 警报

SwiftUI 杂项

SwiftUI 容器 SwiftUI 导航 SwiftUI 通知 SwiftUI 跨平台 UI SwiftUI 数据 SwiftUI 可访问性

SwiftUI 框架集成

SwiftUI 框架集成 SwiftUI 与 UIKit 交互 SwiftUI 创建 macOS 应用

SwiftUI 有用资源

SwiftUI 有用资源 SwiftUI 讨论


SwiftUI- 创建 MacOS 应用

使用 SwiftUI 创建 macOS 应用的方法与 iOS 类似,但由于该平台的独特功能(例如窗口管理、菜单和不同类型的控件),存在一些关键差异。按照以下步骤创建应用程序。

设置您的 macOS 应用项目

按照下面给出的步骤 −

  • 步骤 1:打开 Xcode 并选择文件 > 新建 > 项目。

  • 步骤 2:选择 macOS 作为平台。

  • 步骤 3:选择 App 作为模板,并确保 Swift 是语言,SwiftUI 被选为用户界面。

  • 步骤 4:单击下一步并设置项目名称和其他详细信息。

  • 步骤 5:选择保存项目的位置,然后单击创建。

了解默认项目结构

步骤 6:创建 macOS 应用程序时使用 SwiftUI,Xcode 会为您生成几个关键文件:

  • ContentView.swift:此文件包含应用的主视图。它类似于 iOS 应用中的 View.swift。

  • YourApp.swift:此文件包含应用的入口点。它是管理应用生命周期的地方。

  • AppDelegate.swift(可选):如果您的应用具有自定义行为(例如与共享应用委托集成),您将看到此文件。

修改 ContentView.swift

import SwiftUI
struct ContentView: View {
   var body: some View {
      Text("Hello, macOS!")
         .font(.largeTitle)
         .padding()
   }
}
struct ContentView_Previews: PreviewProvider {
   static var previews: some View {
      ContentView()
   }
}

添加应用生命周期和窗口管理

在 macOS 应用中,窗口管理与 iOS 略有不同,因为您可以拥有多个窗口。在 YourApp.swift 文件中,您可以定义应用的生命周期以及应如何管理窗口。

import SwiftUI
@main
struct MyMacApp: App {
   var body: some Scene {
      WindowGroup {
         ContentView()
      }
   }
}

运行应用程序

使用所需的 SwiftUI 视图设置应用程序后,您可以通过按 Xcode 中的"播放"按钮或使用快捷键 Cmd + R 来运行应用程序。该应用程序将在您的 Mac 上运行,您可以像任何 macOS 应用程序一样与其交互。