Skip to content

自定义文字视图

我们可以通过更改代码,或者使用检查器来帮助我们编写代码,来自定义视图的显示。

当你构建 Landmarks 应用程序时,你可以使用任一方式来实现:修改源代码,编辑画布,或通过检查器。无论你使用哪种方式,你的代码都会保持更新。

接下来,让我们使用检查器来自定义文本视图。

第 1 步

在预览中,按住 command 键,然后点击问候语,调出编辑窗口,选择 Show SwiftUI Inspector

在编辑窗口中,不同的视图会显示不同的属性。

第 2 步

使用检查器将文本改为 Turtle Rock,这是会在 app 中显示的第一个地标的名字。

第 3 步

font 属性更改为 title

这将会让文本使用系统字体,以便正确响应用户的偏好字体大小和设置。

要自定义一个 SwiftUI 视图,你需要调用称为 modifiers(修饰符) 的方法。modifiers 会包装视图来更改其显示或其他属性。每个 modifiers 都会返回一个新的视图,所以通常会链式调用多个 modifiers。

第 4 步

编辑代码,将 padding() 改为 foregroundColor(.green);使文本的颜色变为绿色。

视图是代码的真实反馈,所以当我们使用检查器修改或删除修饰符时,Xcode 也会立即更新我们的代码。

第 5 步

在代码编辑器中 按住 command 键并点击 Text 的声明来打开检查器,然后从弹出窗口中选择 Show SwiftUI Inspector。点击 Color 属性弹出菜单,选择 Inherited 值,文本颜色更改为黑色。

第 6 步

需要注意,Xcode 会根据修改来更新代码,比如删除了 foregroundColor(.green) 修饰符。

自定义文字视图 has loaded