创建运行在 iOS 和 macOS上的 SwiftUI 项目 (Multiplatform App)

已于 2023-07-27 14:20:52 修改
阅读量2.4k 收藏 5
点赞数 3
CC 4.0 BY-SA版权
分类专栏： Apple 开发+ 文章标签： Multiplatform SwiftUI Mac
于 2021-01-27 18:39:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lovechris00/article/details/113242342
本文介绍了如何在 macOS 11.1 和 Xcode 12.3环境下创建一个名为 Mood 的Multiplatform App。通过区分 iOS 和 macOS 系统，添加 AppDelegate 并编写 SwiftUI 视图，实现不同平台的界面布局。文章提供了列表和详情页的实现，讨论了代码的冗余问题，鼓励读者提出优化建议。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

Mood for this passage: https://music.163.com/#/song?id=363237

关于环境

本文基于 macOS 11.1 ，Xcode 12.3
Xcode 12.0.3 没有 Multiplatform – App 这个选项，建议更新 Xcode；
下述应用只能运行在 macOS 11.0 及以上系统；所以需要更新 macOS。

创建 Multiplatform App

填写项目信息

在这里插入图片描述

创建一个叫做 心情日记 的应用，英文名为 Mood

了解本专栏 订阅专栏 解锁全文 超级会员免费看
macOS SwiftUI 创建一个完整App需要的代码合集，开发macOS系统赚钱么
iCloudEnd的博客
12-27 2372
目前macOS操作系统还比较小众，特别是在国内。如果想学习macOS找个工作还是比较难的，但是非常适合个人搞个副业或者独立开发。苹果的appstore是目前全球最好的软件销售平台，虽然苹果抽取30%的收入，但是比起不收费的平台对个人开发者非常友好。 ......
SwiftUI macOS 轻松搭建现代感左右两栏App(教程含源码)
iCloudEnd的博客
07-07 1902
本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 搭建两栏基础框架 设置工具栏 设置列表栏 现代化头像 代码 import SwiftUI // 1、主界面 struct ContentView: View { @State var selection: Set<Int> = [0] var body: some View { //2.左侧Siderbar NavigationView {
学习使用SwiftUI开发MacOS应用 - 第1节 如何创建SwiftUI 应用并实现窗口交互
wj008的专栏
03-29 4291
在这一节里，我们不和其他教程一样细讲每个实现原理，从我们大多数应用中经常碰到的窗口操作去实现，比如 如何在SwiftUI 中实现一个登陆窗口，并且当成功登陆后关闭登陆窗口并打开主窗口，以及了解如何设置窗口相关属性。第一步 我们先学习如何创建SwiftUI项目，和在项目中选择何种方式去创建SwiftUI 项目，即两种方式创建SwiftUI项目的区别和在实际项目中如何使用他们。 首先我们打开 Xcode 创建项目，在项目中我们xuan ...
Kotlin Multiplatform超详细介绍，一篇就够了
最新发布
qq_40630019的博客
05-17 2218
本文对 KMP 做了详细介绍，包含它的基础能力以及编译过程。并从开发者最关注的性能、灵活性、生态、可靠性几个角度，简述了 KMP 的优势。包含了多个大厂的实战案例，和 Kotlin，KMP 的发展历史，以佐证其可靠性。阅读此文你将全方位了解 KMP 技术。
MacOS SwiftUI开发：StatusBar与状态栏菜单
arslan-robot
04-22 1014
MacOS开发中很多应用场景都需要用到状态栏菜单，阅读本文实例代码您可实现为MacOS应用添加状态栏图标项以及弹出菜单，菜单项及dock图标恢复主窗体等功能
Kotlin & Compose Multiplatform 跨平台（Android端、桌面端）开发实践之使用 SQLDelight 将数据储存至数据库
sinat_17133389的博客
05-26 4520
首先，SQLDelight 是什么东西呢？先来看官方的介绍：简单说就是一个能让我们在 Kotlin 中使用 SQL 更方便的一个库。如果还是不太理解的话，你可以把它当成支持跨平台的 Room。虽然它俩好像就没有多少相似之处，哈哈哈。并且，不像 Room，提供了几个常用的查询语句（Insert、Update、Delete 等），可以直接使用，SQLDelight 的所有查询语句都需要自己手写。
MultiplatformPlayground:Jetpack Compose和SwiftUI中的Kotlin Multiplatform项目，具有共享的ViewModel层和文件上传
04-02
多平台游乐场（AppPortfolio） 一个Kotlin Multiplatform项目，旨在对在KMP环境中对技术堆栈，项目设置，体系结构决策有疑问的新手进行试验，并为他们提供可能的指导。 笔记： 它的主要目的是展示在多个平台之间共享除UI层之外的所有其他层，因此使用MVVM模式共享共享的Presentation层，共享域和数据层（UseCase，存储库，实体等）。 如果共享ViewModel逻辑超出您的范围，请考虑签出以下存储库： 共享件 UI以外的每一层（因此，ViewModel，UseCase，Repository层） 本土化 DI 共享的DTO（后端与客户端之间） 科技栈 具有Jetpack Compose和SwiftUI声明式UI （后端+客户端逻辑） （本地化） 目标 JVM（后端） 安卓 的iOS 苹果系统 桌面（计划中） 网络（计划中） 模块层次
Swift 多平台开发：使用 SwiftUI 开发 macOS、iPadOS 应用
数字魔方操控师的博客
04-26 936
SwiftUI 是苹果公司推出的一种声明式用户界面框架，它允许开发者使用 Swift 编程语言为 iOS、iPadOS、macOS、watchOS 和 tvOS 创建用户界面。与传统的 UIKit 框架相比，SwiftUI 采用了更加简洁、直观的语法，通过描述界面的最终状态来构建 UI，而不是像 UIKit 那样通过命令式的方式逐步构建和更新界面。例如，在 SwiftUI 中创建一个简单的文本标签，只需使用如下代码：")这种声明式的方式极大地简化了 UI 开发过程，提高了开发效率。
适用于iOS，iPadOS和macOS的WriteFreely SwiftUI应用程序的源代码-Swift开发
05-27
适用于iOS，iPad OS和macOS的WriteFreely SwiftUI应用程序的源代码WriteFreely SwiftUI MultiPlatform Client内置于SwiftUI的WriteFreely的多平台（iOS，iPadOS和macOS）客户端。 如何获取应用程序现在可以在App ...
GalwayBus：使用Jetpack Compose和SwiftUI的Galway Bus Kotlin Multiplatform项目
02-04
使用Jetpack Compose和SwiftUI的Galway Bus Kotlin Multiplatform项目 Jetpack撰写 基于Jetpack Compose的主要应用模块包含在android-app ...这也是现已发布到Play商店的版本。 应用程序的先前“旧版”版本（基于...
多平台移动应用架构：Kotlin Multiplatform、SwiftUI和Compose
在探讨多平台移动应用程序的架构模式时，本篇文档重点介绍了“Kompose”这一模式，它旨在通过使用Kotlin Multiplatform、SwiftUI和Compose技术栈实现代码的复用和提高开发效率。下面将详细介绍涉及的关键知识点。 #...
macOS SwiftUI 设置窗体透明背景和特效
12-19
macOS SwiftUI 设置窗体背景和特效 1、 .behindWindow。对于您自己创建的视觉效果视图，请使用属性指定要应用半透明性的方式和位置。2、.hudWindow。平视显示（HUD）窗口背景的材料。3、当强调某些材料时，它们会改变外观。
macOS SwiftUI左右分栏NavigationView项目含源码
12-08
macOS SwiftUI左右分栏NavigationView项目含源码。NavigationView用于呈现视图堆栈的视图，这些视图表示导航层次结构中的可见路径。
学习使用SwiftUI开发MacOS 应用-前言
wj008的专栏
03-28 1296
前言 已经很久没有在CSDN上写文章了。 最近在做一个 MacOS App 的项目，在选用开发语言的时候尝试了很多方案，其中包括(1)Electron ,(2)JavaFX 及 (3)AvaloniaUI 方案. （因为我是没有系统学过obj-c的） 1)最开始的时候我选择Electron，它的开发效率确实不错,也能基本完成开发任务,而Electron 的缺点也比较明显，安装包过大(100M+)，也因为非原生，所以在很多界面操作上有相应的限制，包括窗口打开等会有卡顿，而且软件启动慢，且运行的时候会...
SwiftUI macOS全球开发资源汇总
iCloudEnd的博客
08-07 2501
你说flash好用，苹果给封杀了。你说h5很灵活，苹果悄悄清洗h5。你说kotlin好用，苹果给你造了Swift。你说flutter好用，苹果就自己造了SwiftUI。苹果的原则很简单，我的世界必须都是我的。 作为在苹果世界里面种地的码农，俺们还是要遵守人家都规则，能够native就尽量不要高跨平台，能用苹果制造就不要用google生产。大牛肯定要给你布道跨平台的优势，但是人家在做现象级别的app，可以和苹果讨价还价，而俺们这类普通程序员还是老老实实的用苹果造吧。 WWDC2020更新汇总 本次次.
SwiftUI iPhone 、iPad 、Mac 适配 UI，iPhone 用tabbar ，iPadOS 和 macOS 用sidebar 两栏或三栏布局
github_29300109的博客
04-08 846
关键词 swiftui 大小屏幕适配 iPhone、iPad 适配 效果图 核心代码 ContenView import SwiftUI struct ContentView: View { #if os(iOS) @Environment(\.horizontalSizeClass) private var horizontalSizeClass #endif var body: some View { #if os(iOS)
macOS SwiftUI 组件之图标显示进度条， Dock 进度栏 Dock Progress Bar （教程含源码）
iCloudEnd的博客
02-26 239
总的来说，这段代码的目的是通过DockProgress类和CustomDockView结构体来管理和自定义应用程序在 Dock 栏上的进度显示。当属性发生变化时，会及时更新 Dock 栏的视图内容，以提供更直观的用户反馈。它根据isVisible的值来决定是否显示自定义的 Dock 视图，并创建或更新相应的视图内容。@Published属性：progress、tint、type和isVisible属性被标记为@Published，这意味着它们的变化将被观察并可能触发界面的更新。此外，通过计时器定期更新。
macOS SwiftUI 教程之 12 字体、风格样式、竖排版，文本视图显示一行或多行只读文本。（教程含源码）
iCloudEnd的博客
08-09 724
文本视图显示一行或多行只读文本。
macos运行程序_swift 5 2在macOS上从swiftui应用程序运行外部程序
weixin_26735419的博客
09-09 307
macos运行程序So, you want to run an external program (e.g., a shell program or script) from your SwiftUI macOS app, and a lot of the posts you’re seeing are from 30 B.C. So here’s something that worked fo...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

EAI工程笔记

请我喝杯伯爵奶茶~！

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

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

打赏作者

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

抵扣说明：

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

余额充值