惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

云风的 BLOG
云风的 BLOG
IT之家
IT之家
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
V
Visual Studio Blog
博客园 - 司徒正美
美团技术团队
Last Week in AI
Last Week in AI
月光博客
月光博客
博客园 - 叶小钗
MongoDB | Blog
MongoDB | Blog
U
Unit 42
T
Tailwind CSS Blog
GbyAI
GbyAI
T
The Blog of Author Tim Ferriss
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
H
Hackread – Cybersecurity News, Data Breaches, AI and More
酷 壳 – CoolShell
酷 壳 – CoolShell
Google DeepMind News
Google DeepMind News
H
Help Net Security
Hugging Face - Blog
Hugging Face - Blog
爱范儿
爱范儿
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
N
Netflix TechBlog - Medium
B
Blog RSS Feed
大猫的无限游戏
大猫的无限游戏
aimingoo的专栏
aimingoo的专栏
A
About on SuperTechFans
Y
Y Combinator Blog
罗磊的独立博客
D
DataBreaches.Net
有赞技术团队
有赞技术团队
MyScale Blog
MyScale Blog
博客园_首页
博客园 - 三生石上(FineUI控件)
G
Google Developers Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
雷峰网
雷峰网
博客园 - 【当耐特】
Engineering at Meta
Engineering at Meta
博客园 - Franky
M
MIT News - Artificial intelligence
B
Blog
The Cloudflare Blog
Apple Machine Learning Research
Apple Machine Learning Research
I
InfoQ
S
SegmentFault 最新的问题
F
Fortinet All Blogs
阮一峰的网络日志
阮一峰的网络日志
Stack Overflow Blog
Stack Overflow Blog
Microsoft Security Blog
Microsoft Security Blog

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派 万字剖析:千问App深度体验报告(2026) - 少数派 在2026年,如何真正防止别人抄袭你的作品 - 少数派 怎么用 50 块搭个 AI 语音助手?我踩了 3 天坑 - 少数派 YeeroAI:让 AI 对话真正成为知识管理的一部分 - 少数派 爬泰山 - 少数派 「旅图显影」 App 更新:这次,我们补上了一点「手感」 - 少数派 假期出门太折磨?我的 23 条经验帮你规划惬意旅行 - 少数派 工作流会变吗 - 少数派 Claude Opus 4.6 怎么用最省钱?我测了 5 种方案 - 少数派 GPT Image 2 让图文并茂不再稀罕 - 少数派 用户侧出发——什么是AI,我要不要学习? - 少数派 找片、转存、整理、播放一条龙!让你的付费网盘值回票价 - 少数派 欢迎试用!日课一问2.0插件 - 少数派 自己做的MDeditor,原本想购买 Typora 试了两次支付不成功,干脆自己做一个 - 少数派 vibe coding了一个 3MB 的小工具,让 ~/Downloads 彻底告别混乱 - 少数派 因为受不了 Mac 的风扇策略,我做了一个风扇控制工具 - 少数派 别只怪模型 - 少数派 Warp 终端的 AI 功能怎么用?我测了一周的体验 - 少数派 AI 写代码老是出 bug?这 5 个配置我后悔没早知道 - 少数派 「新玩意」苹果出相机可能就这样:Sigma BF + 45mm F2.8 DG Contemporary - 少数派 一个面向2030年的AI操作系统是什么样子的:浅谈cola这款有灵魂的Agent - 少数派 别只看写代码 - 少数派 每天解决10个问题,还是一口气攻坚解决400个? - 少数派 AI 交易机器人怎么搭?我用 Claude 跑了一周实盘 - 少数派 Maptoposter Online:把你爱的城市画成艺术海报 - 少数派 Function Calling 怎么用?我测了 3 个模型发现差距真大 - 少数派 Legend Talk:我做了个 AI 圆桌,让 160 位思想家围着你的问题转 - 少数派 如何找到自己的蓝方?在小县城寻找压力测试 - 少数派 语音输入与软件接口|2026年聊AI时,我们都聊些什么(上) - 少数派 混动已经卖爆,纯电又来补刀——钛7闪充版简直“不讲武德” - 少数派 本月玩什么|朋友收藏、识质存在、沙罗周期 - 少数派 为什么要每天坚持输出? - 少数派 Claude API 挂了好几个小时,你的项目有备用方案吗? - 少数派 Function Calling 没你想的复杂——我用它做了个有点用的工具 - 少数派 登录系统立即播放视频或者图片音乐的软件 - 少数派 我为什么创建 FlipHTML5 下载工具 - 少数派 残局没电?多品牌外设电量统一管理软件EasyBluetooth已支持RTSS游戏内显示以及AIDA64 - 少数派 前往通义路的路 - 少数派 太好看了,媲美Sun的个人导航页,NAS部署星云门户 - 少数派 乌黑嘴唇“一键检测”上线了 - 少数派 派早报:Claude AI 接入多个创意软件生态、FILCO 生产方接手品牌等 - 少数派 【更新】BearCLI、Claude 连接器与 MCP 服务器 - 少数派 记了上千条流水,还是看不懂财务?我做了一个让 AI 读懂账本的工作台 - 少数派 MINI R56 升级原厂 Sport 模式 - 少数派 新玩意 | 一棵柠檬树(仿真版) - 少数派 Momenta的“物理AI”野望,需迈过“含摩量”这道关 - 少数派 网页直接投屏控制手机!NAS一键部署PandaScrcpy,流畅丝滑可远程。 - 少数派 众测|邀你一同探索随身 AI 硬件入口 YoooClaw C·ONE - 少数派 2050大会:分享时间是真诚 参会记 - 少数派 iPad 赋能电影创作:国内首部宣纸手绘长片《燃比娃》的幕后故事 - 少数派 AI的审美:我用 8 个大模型给 100 张旅行照片打分 - 少数派 普通人如何破圈?去参加一个本地协会 - 少数派 把极空间的图标全换了,主题DIY全攻略打造你的专属NAS桌面 - 少数派 电子便签墙,帮你实现便签自由 - 少数派 我如何用三个 CLI 工具取代文档创建需求 - 少数派 原来真的有人可以玩一辈子 - 少数派 社区速递 139 | 派友热议三月买了啥、复古单反尼康 Df 体验 - 少数派 06 作品的赏析与评价 - 少数派 TDS REVIEW|索尼 WF-1000XM6 降噪真无线耳机体验 - 少数派 35.98万起售的第二代腾势D9,我看重的不是堆料,而是不凑合 - 少数派 鼠须管 Squirrel 皮肤配置指北 - 少数派 从watch ultra2换到redmi watch6 - 少数派 派早报:阿里巴巴发布视频生成模型 HappyHorse 1.0 等 - 少数派 别迷信1M - 少数派 家人们天塌了!网盘“大封杀”,多个渠道多条路,NAS部署PanHub - 少数派 AI与人勾心斗角!NAS一键部署AI狼人杀,假日休闲必备。 - 少数派 电商必备!Comfyui工作流批量生图插件,一次生成12张!支持Nano banana pro模型 - 少数派 Comfyui工作流配置Gpt-image-2模型教程,0.03/张 - 少数派 OpenClaw第三方APi怎么配置?可使用Gpt-image-2模型 - 少数派 会员社区话题精选 Ep. 103 - 少数派
1 小时制作 macOS、iOS、iPadOS 跨平台应用 - 少数派
2020-11-11 · via 少数派

Matrix 首页推荐

Matrix 是少数派的写作社区,我们主张分享真实的产品体验,有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章,展示来自用户的最真实的体验和观点。

文章代表作者个人观点,少数派仅对标题和排版略作修改。


故事发生在我今天坐等 Apple Silicon 芯片发布会的时候。看表还有一个多小时到发布会,干等着也没意义,索性用 Apple 为开发者提供的最新流程和技术,写个跨平台应用程序,带大家了解一下应用程序的开发流程。

本次发布会后,所有的 iOS 应用均会支持采用 M1 芯片的 Mac 产品线,目前开发者的应用上传界面已经明确说明,如下图所示。

至于其运作原理,我已经在文章 「ARM, AMD,英特尔」硬件科普及我见的未来Apple 发布会:新 Mac 会带来的改变为什么 ARM 版 Mac 运行效率很高? 里从多个角度仔细讲解,不再赘述。

准备开发环境

本文所用操作系统位 macOS Big Sur 11.0.1 RC 准正式版,开发环境为 Xcode 12.2 RC 准正式版。使用编程语言为 Swift 和 SwiftUI。

开发什么?

考虑到时间紧张,开发一个完整应用是不现实了,不过还是可以做一个找一个有趣的开源动画,帮助大家在等待发布会的时候舒缓心情。我选用的是作者 Javier 制作的制作的一朵花的动画,并在此基础上进行改动。下图是应用本文最终开发成果。

开发步骤

本小节并非应用开发教程,只是我在边敲代码边写文章,对开发过程中重要时间节点的记录。

第 1 步 (距发布会还有 1 小时 54 分钟):选择 Xcode 欢迎面板中的「Create a new Xcode Project」来创建一个新项目。接下来会弹出如下图所示的 Xcode 模版选择界面。

Apple 提供了一系列已经完成部分琐事后的成品模版以供使用,方便开发者快速进入创作状态。此处选择默认的「Multiplatform App」跨平台模版,并点击「Next」下一步。

平台模版是开发 iOS、iPadOS、macOS 的跨平台应用的优秀起点,后续你也可以在项目中根据实际需求为其添加 watchOS 等其它平台的支持。

第 2 步 (距发布会还有 1 小时 52 分钟):在选择模版后,接着弹出的便是当前项目设置。你既可以在这里提供项目的详细信息,也可以轻度定制你的模版。我们将项目命名为 MacEvent。点击下一步并保存,新应用便创建完成了。

第 3 步 (距发布会还有 1 小时 46 分钟):创建好应用后,编辑一些与苹果发布会相关的文字。如下图所示,Apple 设计的 SwiftUI 界面开发语言非常好读,和我们正常说话时几乎一样的。

比如下图中的代码,指的是「文本是这些 Text,要大字体 .font(.largeTitle),要加粗 .bold(),四周留有间距 .padding()」,大概就是这样。下图右侧的 iPhoen 12 Pro 设备,便是开发环境中的预览视图。

第 4 步 (距发布会还有 1 小时 32 分钟):纯黑的字体不是很好看,可以考虑给它加一点渐变色,此时我去创建了一个 Helper 文件,往里加进去了一些辅助函数。接着打开 Sketch,找两个渐变色的色号添加至代码中。

在 iPhone 12 Pro 的模拟器运行,看看效果,如下图所示。

第 4 步 (距发布会还有 1 小时 25 分钟):接下来就是把之前找到的动画放上去,复制已经写好的动画代码到文档中,顺便调整一下刚刚弄好的渐变文字的对齐。因为还要写这些文字,所以花的时间会更多一点。

第 5 步 (距发布会还有 1 小时 21 分钟):觉得之前的渐变色太土了,而且是居中渐变,不满意。于是花了一点时间去调整了下渐变色和渐变的初始位置。下图中新渐变色起点改为了左上角。

第 6 步 (距发布会还有 55 分钟):应用现阶段好像有点无趣,缺乏与用户的交流。琢磨着可以增加一个提醒,让用户跟着动画来调整呼吸。这样的话就需要一个提示文字,加在动画下方,如下图所示。

此时的文字的动画显得比较突兀,我花了一段时间给它加一个边框。这个边框折腾完之后效果不好,又被我给移除了,耽误了一段时间。最终转而制作了简单的字体呼吸的缩放特效。

第 7 步 (距发布会还有 35 分钟):剩下的时间不多了,考虑在底部加一个版权说明。这次是 Apple 官方的活动,所以找一个苹果图标。打开 SF Symbols 图标库,搜索并寻找 Apple 图标,如下,名称为 applelogo

完善一下版权说明部分的文字样式,设置为两侧对齐,并在中间加入了占位符,最终效果如下图。

第 8 步 (距发布会还有 30 分钟):在设置面板的兼容性设置中,确认该应用支持 Mac、iPad、iPhone。之后就可以在不同的设备上进行测试了,结果如下图。

截一张应用在 Mac、iPad、iPhone 上运行的截图,应用至此制作完成。

总结

作为一次发布会前夕的快速尝试,除去写文字和准备图片外,实际开发用时不到一小时。这个应用具备了跨平台运行、自适应设备尺寸、支持分屏模式、支持夜间模式等特性。如你所见,制作一个独立应用并没有大家想象的高门槛,只要有一个想法,把它表述出来即可。

若你你的脑海中肯定也有创意的想法想要实现,欢迎去阅读我正在制作的「创作者的 iOS 独立开发指南」。这是一份写给新人的系统性入门指南,你不需要学完了某个点再去找别的教程。文章独自成主题,可按照自由节奏阅读。

它包含商学知识、编程语言、应用设计、构思、推广等独特内容。若你想投资自己,或邀请朋友来阅读本课程,现在是最好的时候。本课程正享受少数派双十一活动(11 月 18 日截止),链接如下:

> 下载少数派 客户端 、关注 少数派公众号 ,了解更妙的数字生活 🍃
> 想申请成为少数派作者?冲!