3
3
4
4
SwifUI 的一个核心原则是组成,这意味着它为我们设计了许多小视图,然后将它们与它们组合在一起,以创造更大的东西。 这使我们能够在大规模的规模上重新使用视图,这意味着对我们的工作较少。 甚至更好,结合小子视图几乎没有运行时开销,所以我们可以自由使用它们。
5
5
6
- 关键是开始小,并努力工作。 例如,许多应用程序必须与员工一起使用,这些员工看起来像这样 :
6
+ 关键是从小事做起,逐步提升。 例如,许多应用程序必须与以下类似的员工一起工作 :
7
7
8
8
``` swift
9
9
struct Employee {
@@ -29,8 +29,7 @@ struct ProfilePicture: View {
29
29
}
30
30
```
31
31
32
- 您的设计师可能会告诉您,每当可见电子邮件地址时,您应该在它旁边显示一个小包络图标作为视觉提示,因此您可以制作电子邮件Address视图:
33
-
32
+ 您的设计师可能会告诉您,每当可见电子邮件地址时,你应该显示一个小信封图标旁边作为一个视觉提示,所以你可以做一个 ` EmailAddress ` 视图:
34
33
``` swift
35
34
struct EmailAddress : View {
36
35
var address: String
@@ -44,7 +43,7 @@ struct EmailAddress: View {
44
43
}
45
44
```
46
45
47
- 展示员工的详细信息时,您可以创建一个查看的视图,该视图具有整洁的姓名和职位标题,使用电子邮件地址备份,使用您的EmailAddress视图 ,如下所示:
46
+ 展示员工的详细信息时,您可以创建一个查看的视图,该视图具有整洁的姓名和职位标题,使用电子邮件地址备份,使用您的 ` EmailAddress ` 视图 ,如下所示:
48
47
49
48
``` swift
50
49
struct EmployeeDetails : View {
@@ -63,7 +62,7 @@ struct EmployeeDetails: View {
63
62
}
64
63
```
65
64
66
- 而且您甚至可以创建一个更大的视图,将员工详细信息旁边放在员工详细信息旁边,以提供员工的单一视觉表示 ,如下所示:
65
+ 你甚至可以创建一个更大的视图,将 ` ProfilePicture ` 放在 ` EmployeeDetails ` 旁边,以便提供员工的单一视觉表现 ,如下所示:
67
66
68
67
``` swift
69
68
struct EmployeeView : View {
@@ -83,11 +82,11 @@ struct EmployeeView: View {
83
82
- 只是他们的照片
84
83
- 只是他们的电子邮件地址
85
84
- 只是他们的工作细节
86
- - 一切都立刻
85
+ - 一次性完成所有事情
87
86
88
- 更重要的是,这意味着在使用所有这项工作时,我们的主要内容视图不必担心员工的样子或者应该如何处理 - 所有工作都被烘焙到我们较小的景色中。 这意味着我们可以使用示例员工创建员工浏览量,并刚刚工作 。
87
+ 更重要的是,这意味着当使用所有这些工作时,我们的主要内容视图不必担心员工的外观或应该如何对待他们 - 所有这些工作都被整合到我们的较小视图中。这意味着我们可以创建一个带有示例员工的 ` EmployeeView ` ,并让它正常工作 。
89
88
90
- 要一起演示所有这些,这里有一个代码示例,其中包含所有较小的视图结构,以显示单个员工的ContentView结构结尾 。 对于用户来说,结果是相同的,但我们最终通过一系列的小视图来做个体的东西,每个都可以以任何数量的不同方式重新组合。
89
+ 要一起演示所有这些,这里有一个代码示例,其中包含所有较小的视图结构,以显示单个员工的 ` ContentView ` 结构结尾 。 对于用户来说,结果是相同的,但我们最终通过一系列的小视图来做个体的东西,每个都可以以任何数量的不同方式重新组合。
91
90
92
91
这是代码:
93
92
@@ -155,4 +154,3 @@ struct ContentView: View {
155
154
}
156
155
}
157
156
```
158
-
0 commit comments