-
-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
ci: update workflows config. f856bb5
- Loading branch information
1 parent
183cd1d
commit 18c7046
Showing
7 changed files
with
485 additions
and
18 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,110 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>SwiftUI Tutorial</title> | ||
| <meta name="description" content="「SwiftUI 教程」是一款旨在帮助开发者使用 SwiftUI 创建出色应用程序的应用。它提供可复制的代码示例和相应的用户界面预览，以简化您的编码过程。此外，还包括了《Swift 编程语言》官方中英文文档的本地离线预览。"> | ||
| <meta name="keywords" content="SwiftUI,swift,Tutorial app,Developer,tools,Coding,document"> | ||
| <meta name="author" content="Kenny Wong"> | ||
| <meta property="og:site_name" content="SwiftUI Tutorial"> | ||
| <meta property="og:url" content="https://wangchujiang.com/swiftui-tutorial/README.zh.html"> | ||
| <meta property="og:image" content="https://wangchujiang.com/swiftui-tutorial/assets/logo.png"> | ||
| <meta property="og:type" content="application"> | ||
| <meta property="og:title" content="SwiftUI Tutorial"> | ||
| <meta property="og:description" content="「SwiftUI 教程」是一款旨在帮助开发者使用 SwiftUI 创建出色应用程序的应用。它提供可复制的代码示例和相应的用户界面预览，以简化您的编码过程。此外，还包括了《Swift 编程语言》官方中英文文档的本地离线预览。"> | ||
| <meta property="twitter:image:src" content="https://wangchujiang.com/swiftui-tutorial/assets/screenshots-1.png"> | ||
| <meta property="twitter:site" content="@jaywcjlove"> | ||
| <meta property="twitter:creator" content="jaywcjlove"> | ||
| <meta property="twitter:card" content="summary_large_image"> | ||
| <meta property="twitter:title" content="SwiftUI Tutorial - 「SwiftUI 教程」是一款旨在帮助开发者使用 SwiftUI 创建出色应用程序的应用。它提供可复制的代码示例和相应的用户界面预览，以简化您的编码过程。此外，还包括了《Swift 编程语言》官方中英文文档的本地离线预览。"> | ||
| <meta property="twitter:description" content="「SwiftUI 教程」是一款旨在帮助开发者使用 SwiftUI 创建出色应用程序的应用。它提供可复制的代码示例和相应的用户界面预览，以简化您的编码过程。此外，还包括了《Swift 编程语言》官方中英文文档的本地离线预览。"> | ||
| <meta name="apple-itunes-app" content="app-id=6476452351"> | ||
| <link rel="stylesheet" type="text/css" href="css/main.css?v=1.31.0"> | ||
| <link rel="stylesheet" type="text/css" href="css/tocbot.css?v=1.31.0"> | ||
| <link rel="stylesheet" type="text/css" href="css/media.css?v=1.31.0"> | ||
| <link rel="stylesheet" type="text/css" href="css/sidebar.css?v=1.31.0"> | ||
| <link rel="stylesheet" type="text/css" href="css/copy.css?v=1.31.0"> | ||
| <link rel="stylesheet" type="text/css" href="css/demo-preview.css?v=1.31.0"> | ||
| <link rel="icon" href="assets/logo.png" type="image/x-icon"> | ||
| <script src="js/copy.js?v=1.31.0"></script> | ||
| <script src="js/dark-mode.js?v=1.31.0"></script> | ||
| <script src="js/markdown-style.js?v=1.31.0"></script> | ||
| </head> | ||
| <body id="idoctotop"><a href="#idoctotop" class="gototop">top</a> | ||
| <header class="header"> | ||
| <article class="inner warpper" style="max-width:720px;"><a class="logo" href="index.html"><img alt="SwiftUI Tutorial logo" src="assets/logo.png"> | ||
| <span class="title">SwiftUI Tutorial</span></a> | ||
| <div class="content"> | ||
| <ul class="menu"> | ||
| <li><a href="index.html" target="" class="">Home</a></li> | ||
| <li><a href="https://wangchujiang.com/#/app" target="__blank" class="">Apps</a></li> | ||
| <li><a href="https://wangchujiang.com/#/about" target="__blank" class="">About</a></li> | ||
| </ul><a href="https://github.com/jaywcjlove/swiftui-tutorial" target="_blank" rel="noopener noreferrer" title="Github" name="Github" class="github"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | ||
| <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path> | ||
| </svg></a> | ||
| <dark-mode permanent=""></dark-mode> | ||
| </div> | ||
| </article> | ||
| </header> | ||
| <div style="max-width:720px;" class="warpper-content warpper notocs"> | ||
| <markdown-style theme-auto-switch-disabled=""> | ||
| <div align="center"><br><br> | ||
| <img src="assets/logo.png" alt="SwiftUI 教程 LOGO" width="160" height="160"> | ||
| <h1 style="border: 0;" id="swiftui-教程"><a aria-hidden="true" tabindex="-1" href="#swiftui-教程" class="anchor"><span class="icon icon-link"></span></a>SwiftUI 教程</h1><!--rehype:style=border: 0;--> | ||
| <p> | ||
| <a href="./index.html">English</a> • | ||
| <a href="#常见问题解答">常见问题</a> • | ||
| <a target="_blank" href="https://wangchujiang.com/#/contact">联系&支持</a> | ||
| </p> | ||
| <p><a target="_blank" href="https://apps.apple.com/app/swiftui-tutorial/id6476452351" title="SwiftUI 教程 AppStore"><img alt="SwiftUI 教程 AppStore" src="https://tools.applemediaservices.com/api/badges/download-on-the-mac-app-store/black/en-us?size=250x83&releaseDate=1705968000" height="51"></a></p> | ||
| </div> | ||
| <p>「SwiftUI 教程」是一款旨在帮助开发者使用 SwiftUI 创建出色应用程序的应用。它提供可复制的代码示例和相应的用户界面预览，以简化您的编码过程。此外，还包括了《Swift 编程语言》官方中英文文档的本地离线预览。</p> | ||
| <h2 id="主要功能"><a aria-hidden="true" tabindex="-1" href="#主要功能" class="anchor"><span class="icon icon-link"></span></a>主要功能</h2> | ||
| <ul> | ||
| <li>提供可直接在您的项目中使用的样本代码</li> | ||
| <li>实时查看您的代码如何影响应用的外观</li> | ||
| <li>提供官方中英文 Swift 编程语言离线文档</li> | ||
| <li>探索第三方包集合，详见 <a href="./data/explore.json" src="data/explore.json">探索数据</a></li> | ||
| <li>以及更多功能...</li> | ||
| </ul> | ||
| <h2 id="关于-swiftui"><a aria-hidden="true" tabindex="-1" href="#关于-swiftui" class="anchor"><span class="icon icon-link"></span></a>关于 SwiftUI</h2> | ||
| <p>SwiftUI 是苹果公司开发的一个创新、申明式的 UI 框架，用于在 iOS、macOS、watchOS 和 tvOS 上构建用户界面。它于 2019 年发布，目标是简化跨平台应用程序开发的过程。SwiftUI 使用 Swift 编程语言，允许开发者以申明式语法来描述用户界面的元素和布局。</p> | ||
| <h2 id="常见问题解答"><a aria-hidden="true" tabindex="-1" href="#常见问题解答" class="anchor"><span class="icon icon-link"></span></a>常见问题解答</h2> | ||
| <h2 id="适合什么样的人"><a aria-hidden="true" tabindex="-1" href="#适合什么样的人" class="anchor"><span class="icon icon-link"></span></a>适合什么样的人？</h2> | ||
| <p>SwiftUI 适合各种水平的开发者，从初学者到有经验的专业人士，都可以从中受益。以下是一些可能特别适合学习和使用 SwiftUI 的不同群体：</p> | ||
| <ol> | ||
| <li><strong>新手开发者</strong>：SwiftUI 的申明式语法相比较传统的命令式编程更易学习，因为它更加直观，开发者只需描述 UI 应该呈现的样子，而不是如何实现。这使得初学者更容易上手，并快速看到成效。</li> | ||
| <li><strong>有经验的 iOS/macOS 开发者</strong>：对于已经熟悉 Apple 生态系统和 Swift 语言的开发者，SwiftUI 提供了一种更现代、高效的方式来构建用户界面。它还能帮助他们简化现有的 UIKit 或 AppKit 代码，转向更加模块化和可复用的设计。</li> | ||
| <li><strong>跨平台应用开发者</strong>：开发者计划开发可以在 iOS、macOS、watchOS 和 tvOS 上运行的应用程序将受益于 SwiftUI 的跨平台特性。使用同一套代码基础，可以大大减少开发和维护成本。</li> | ||
| <li><strong>UI/UX 设计师</strong>：对于希望将设计直接转化为代码的设计师，SwiftUI 的实时预览和申明式语法使他们可以快速迭代设计，并直观地看到其实现效果。</li> | ||
| <li><strong>想要提高生产力的专业人士</strong>：SwiftUI 的高效特性（如实时预览和申明式语法）可以显著提高开发速度，减少调试时间，使得专业开发者能够更快地发布产品。</li> | ||
| </ol> | ||
| <p>总之，SwiftUI 的设计理念和工具支持使它成为广泛受欢迎的框架，无论是对编程感兴趣的新手，还是希望提升开发效率和质量的经验丰富的专业人士，都能从中找到价值。</p> | ||
| <h2 id="可以用来做什么"><a aria-hidden="true" tabindex="-1" href="#可以用来做什么" class="anchor"><span class="icon icon-link"></span></a>可以用来做什么？</h2> | ||
| <p>SwiftUI 可以用于开发各种类型的应用程序，适用于 Apple 的多个平台，包括 iOS、macOS、watchOS 和 tvOS。以下是一些可以利用 SwiftUI 开发的具体应用类型：</p> | ||
| <ol> | ||
| <li><strong>手机和平板应用</strong>：使用 SwiftUI，开发者可以为 iPhone 和 iPad 创建美观、响应灵敏的应用程序。无论是社交媒体应用、电子商务平台还是健康与健身追踪器，SwiftUI 都能提供所需的界面组件和动画。</li> | ||
| <li><strong>桌面应用</strong>：macOS 应用程序同样可以利用 SwiftUI 构建。这些应用程序可以从简单的实用工具软件到复杂的编辑工具等不等，SwiftUI 提供了创建专业级桌面应用所需的一切功能。</li> | ||
| <li><strong>可穿戴设备应用</strong>：对于 Apple Watch，SwiftUI 允许开发者设计小屏幕交互。这些应用通常用于快速信息显示、健康监测或作为智能手机应用的延伸。</li> | ||
| <li><strong>电视应用</strong>：在 Apple TV 上，开发者可以使用 SwiftUI 创建大屏幕的娱乐和多媒体应用，如视频流应用或游戏。</li> | ||
| <li><strong>多平台应用</strong>：SwiftUI 的跨平台特性使得开发者可以为 Apple 的所有设备创建统一的应用体验，从而简化开发过程，并确保各平台间的高度一致性。</li> | ||
| <li><strong>教育和培训应用</strong>：教育应用也可以利用 SwiftUI 的互动性和吸引力，提供动态的学习体验，如互动教科书、学习游戏等。</li> | ||
| <li><strong>企业内部应用</strong>：公司可以开发内部使用的应用程序，如员工通讯、项目管理工具或客户关系管理系统，这些都可以通过 SwiftUI 实现优化设计和功能。</li> | ||
| <li><strong>原型设计和测试</strong>：SwiftUI 的快速迭代能力和实时预览特性使其成为快速原型设计的理想选择。设计师和开发者可以迅速构建和测试界面设计，加速开发过程。</li> | ||
| </ol> | ||
| <p>SwiftUI 提供的灵活性和易用性使其成为开发现代、响应快速的应用程序的强大工具。无论是个人项目还是专业开发，SwiftUI 都能满足不同的需求和预期。</p> | ||
| </markdown-style> | ||
| </div> | ||
| <script src="js/demo-preview.js?v=1.31.0"></script> | ||
| <div class="footer warpper" style="max-width:720px;"> | ||
| <a href="./terms-of-service.html" target="_blank">Terms of Service</a> • | ||
| <a href="./privacy-policy.html" target="_blank">Privacy Policy</a> • | ||
| <a href="https://wangchujiang.com/#/projects" target="_blank">Projects</a> • | ||
| <a href="https://wangchujiang.com/#/sponsor" target="_blank">Sponsor</a> • | ||
| <a href="https://wangchujiang.com/#/app" target="_blank">More Apps</a><br><br>Generated by <a href="https://github.com/jaywcjlove/idoc" target="_blank">idoc</a> v1.31.0 | ||
| </div> | ||
| <script src="js/tocbot.js?v=1.31.0"></script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.