猫克杯

无论何时，当我们应用一个 modifier 到 SwiftUI 视图时，我们实际上是创建了应用一个应用了改变的新视图 —— 我们并不是在修改已经存在的视图。认真琢磨一下，这个机制很合理 —— 我们的视图只持有我们赋予他们的属性。因此，如果我们设置背景色或者字号，没有额外的地方存…

虽然还很粗糙，我们的游戏已经能正常工作。幸运的是，我们可以通过一些小调整让整个 app 的视觉变好。 首先，让我们纯色的背景替换成一个从蓝色到黑色的线性梯度渐变，以确保即便国旗中有跟蓝色相近的颜色也能和背景区分开来。 现在让我们来设计国家名字 – 这是玩家需要猜的部分 – 也是…

我们即将为我们的app构建基本的 UI 结构，它们包括两个指示用户操作的标签以及三个显示国旗的图片按钮。 首先，打开 Xcode 的 Assets.xcassets，然后把国旗图片拖进去，确保你找到的国旗图片包含 @2x 或者 @3x 的版本。它们是用于处理不同类型的 iPho…

像下面这样给这个文本视图加一个背景色，然后期望这个颜色填满这个屏幕。我相信一定有人这么干过： 不过，预期落空。实际上，我们会得到一个在屏幕中央占据一小块的红色文本视图，背后是一整片白色的海洋。 让我来划一下重点：记住，对 SwiftUI 开发者来说，我们的视图背后，什么也没有。…

如果你曾经搞过 UIKit 或者 AppKit 的开发 (这两个框架是 Apple 为 iOS 和 macOS 提供的原生 UI 框架)，那你一定知道，它们用 class 来表示 view，而不是 struct。SwiftUI 不这么做 —— 理由如下。 首先，涉及一个性能原理…

在 SwiftUI 中，按钮可以由两种方式创建，取决于它们的外观。 当你需要在按钮中配合图像，那么上面这种方式尤其场景。 Image("pencil") 会加载一个叫 “pencil” 的图片，它是你已经加入工程的图片。 Image(decorative: "pencil") …

在 SwiftUI 中利用循环一次创建多个视图很常见。举个例子，我们可能需要遍历一个名字的数组，为每个名字创建一个文本视图，或者遍历一个菜单的数组，将每个菜单展示为一张图片。 为此，SwiftUI 也提供给我们一种专门的视图类型 —— ForEach。是的，你没看错，是 For…

现在，让我们为app添加第二个 picker 视图。不过这次我们希望方式稍有不同：我们会用到分段风格的 Picker。这是一种特别的 Picker，所有的选项被水平排开。当你的选项数量很少时，这是一种绝佳的 Picker 样式。 我们的表单已经有两个 section：一个用于展…

“学而不思则罔，思而不学则殆” 。 第一天我们了解构建这个餐费计算器app需要用到的技术，是时候把这些知识转化成一个实际的app了。 SwiftUI 的一大优点是，从理论到实践的转换很直接。 当然，某些情况下我会留上一两手，以便你提起注意力。不过要完成这个项目的大多数知识，你已…