https://before80.github.io/prgms/Swift/swiftUIBasic/Recent content in SwiftUI 入门实战 on 编程那些事儿Hugozh-cnMon, 21 Sep 2026 23:02:48 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-01-Views-Are-Values/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-01-Views-Are-Values/<h1 id="第-1-章视图是值不是控件">第 1 章：视图是值，不是控件</h1> <blockquote> <p>这一章建立两个模型，后面五章都建在它上面：<strong>视图是一份描述，不是屏幕上的东西；能变的只有状态。</strong></p> </blockquote> <h2 id="11-先看一个让人不安的事实">1.1 先看一个让人不安的事实</h2> <p>下面这个视图看着很普通——一个标题加一个星标：</p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-02-State-Is-The-Source/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-02-State-Is-The-Source/<h1 id="第-2-章状态是唯一的事实来源">第 2 章：状态是唯一的事实来源</h1> <blockquote> <p>第 1 章说&quot;视图是描述&quot;。这一章回答下一个问题：<strong>描述依据什么生成？</strong> 答案是状态。而 SwiftUI 里绝大多数的 bug，都能归结成一句话——<strong>你以为的那个状态，框架没在看。</strong></p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-03-Layout-Is-A-Negotiation/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-03-Layout-Is-A-Negotiation/<h1 id="第-3-章布局是一次谈判">第 3 章：布局是一次谈判</h1> <blockquote> <p>这是全教程<strong>最值得慢读</strong>的一章。SwiftUI 里绝大多数&quot;界面不听话&quot;的问题，根因都在这一章的三条规则上。而且这是唯一一章&quot;不看数字就学不会&quot;的内容——所以下面的每个结论都配了实测。</p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-04-Alignment-And-Containers/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-04-Alignment-And-Containers/<h1 id="第-4-章对齐与容器">第 4 章：对齐与容器</h1> <blockquote> <p>第 3 章解决了&quot;我该多大&quot;。这一章解决&quot;我和别人怎么摆在一起&quot;。<strong>对齐是 SwiftUI 里最容易被误解的一个词</strong>——因为它不是你直觉里的&quot;往哪儿挪&quot;。</p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-05-Animation-Is-Interpolation/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-05-Animation-Is-Interpolation/<h1 id="第-5-章动画的本质">第 5 章：动画的本质</h1> <blockquote> <p>大多数人以为动画是&quot;给界面加个效果&quot;。SwiftUI 不是这么设计的：<strong>动画是&quot;让一次状态变化被看懂&quot;的手段。</strong> 想通这一点，<code>.animation</code> 怎么加、加在哪，就都有答案了。</p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-06-Gestures-And-Identity/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-06-Gestures-And-Identity/<h1 id="第-6-章手势与身份">第 6 章：手势与身份</h1> <blockquote> <p>最后一章把两件事接上：<strong>用户的手</strong>（手势）和<strong>框架的记忆</strong>（身份）。前者让你能交互，后者决定了交互产生的东西能不能留住。</p> </blockquote> <h2 id="61-手势的两个状态临时-vs-持久">6.1 手势的两个状态：临时 vs 持久</h2> <p>先看一个最常见的需求：拖一个方块，松手后它停在原地。</p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-07-Composition-And-Components/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-07-Composition-And-Components/<h1 id="第-7-章组件化">第 7 章：组件化</h1> <blockquote> <p>前六章解决的是&quot;一个界面怎么正确做出来&quot;。这一章解决另一个问题：<strong>做第二个界面时，怎么不把第一个界面的代码抄一遍。</strong></p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-08-Lists-And-Navigation/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-08-Lists-And-Navigation/<h1 id="第-8-章列表与导航">第 8 章：列表与导航</h1> <blockquote> <p>前面七章讲的是&quot;怎么把一个界面做对&quot;。这一章开始讲 App：<strong>一堆页面怎么组织，数据怎么变成一行行看得见的东西。</strong></p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-09-Data-And-Persistence/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-09-Data-And-Persistence/<h1 id="第-9-章数据落地">第 9 章：数据落地</h1> <blockquote> <p>前八章做出来的界面，数据都是硬编码的。这一章解决最后一块：<strong>数据从哪来、存在哪、失败时怎么办。</strong></p> <p>这一章也是第 2 章 <code>@Observable</code> 的收口——那个模型终于要装上真正的数据了。</p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-10-Performance-And-Debugging/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-10-Performance-And-Debugging/<h1 id="第-10-章性能与调试">第 10 章：性能与调试</h1> <blockquote> <p>这一章要先把一个流传极广的说法拆掉：<strong>&quot;<code>body</code> 被调用太多次所以卡&quot;</strong>——这句话基本是错的。搞清楚为什么错，你才知道该优化什么。</p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-11-Accessibility-And-Adaptation/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-11-Accessibility-And-Adaptation/<h1 id="第-11-章可访问性与适配">第 11 章：可访问性与适配</h1> <blockquote> <p>前面十章都在让界面&quot;在你自己的机器上好看&quot;。这一章处理一件更实际的事：<strong>换一个用户、换一套系统设置，它还站得住吗。</strong></p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-12-Drawing-And-Shapes/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-12-Drawing-And-Shapes/<h1 id="第-12-章绘制">第 12 章：绘制</h1> <blockquote> <p>前十一章的界面都是&quot;系统给的零件拼出来的&quot;。这一章开始自己画——因为有些视觉效果，系统没提供现成的。</p> </blockquote> <h2 id="121-shape用代码描述一个图形">12.1 <code>Shape</code>：用代码描述一个图形</h2> <p><code>Shape</code> 协议比 <code>View</code> 还简单，它只要求一件事：<strong>给定一个矩形，给出一个 <code>Path</code>。</strong></p>https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-13-Visual-Effects/Sun, 20 Sep 2026 11:40:00 +0800https://before80.github.io/prgms/Swift/swiftUIBasic/Chapter-13-Visual-Effects/<h1 id="第-13-章视觉特效">第 13 章：视觉特效</h1> <blockquote> <p>最后一章。前面十二章让界面&quot;正确、能用、对所有人友好&quot;。这一章处理最后那层：<strong>质感。</strong></p> <p>⚠️ 但特效也是<strong>最容易滥用</strong>的一块。所以这一章会反复回到同一个问题：<strong>这个特效解决了什么问题？</strong></p>