(b)は公式のチュートリアルをSwiftUI
2.カスタムテキストビュー
ディスプレイの表示をカスタマイズするために、我々はあなたのコードを変更、または使用することができます inspector
私たちは、コードを書くため。
ビルドでは Landmarks
プロセス、私たちは仕事しないために、任意のエディタを使用することができます。ソースコードを書く、修正 canvas
、またはを通じて inspectors
関係なく使用するためにはどのようなツールは、コードが最新の状態に保たれます。
次に、我々は使い inspector
カスタマイズします text view
。
SwiftUIチュートリアル
2.1プレビューでは、押したまま Command
、編集ウィンドウを表示するには、挨拶をクリックして、[選択 Inspect
。
編集ウィンドウは、異なる属性がビューのタイプに応じて、変更することができる表示します。
2.2 inspector
変更されたテキストは Turtle Rock
、このアプリに表示される最初のランドマーク名です。
SwiftUIチュートリアル
2.3される Font
ように修正します Title
。
この変更は、ユーザーの好みを表示することができますされた後、システムフォントを使用して、テキストやフォントサイズの設定が正しいことができます。
.color(.green)修飾子を追加するために手動でコードを編集します。これは、緑にテキストの色を変更します。
SwiftUIビューをカスタマイズするには、修飾子と呼ばれるメソッドを呼び出します。修飾子は、その表示または他の特性を変更するためにビューを包みます。各修飾子は、新しいビューを返しますので、垂直に積み重ねチェーン複数の修飾子に一般的です。
2.4 在代码中添加 .color(.green)
,将文本的颜色更改为绿色。
如果想自定义 SwiftUI
的 view,我们可以调用一类叫做 modifiers
的方法。这类方法通过包装一个 view 来改变它的显示或者其他属性。每个 modifiers
方法会返回一个新的 view,因此我们可以链式调用多个 modifiers
方法。
ContentView.swift
import SwiftUI
struct ContentView: View {
var body: some View {
Text("Turtle Rock")
.font(.title)
.color(.green)
}
}
struct ContentView_Preview: PreviewProvider {
static var previews: some View {
ContentView()
}
}
view 的真实来源是其实是代码,当我们使用 inspector
修改或删除 modifiers
时,Xcode 会立即更新我们的代码。
2.5 这次我们在代码编辑区按住 Command
,单击 Text
的声明来打开 inspector
,然后选择 Inspect
。单击颜色菜单并且选择 Inherited
,这样文字又变回了黑色。
2.6 注意,Xcode 会自动针对修改来更新代码,例如删除了 .color(.green)
。
ContentView.swift
import SwiftUI
struct ContentView: View {
var body: some View {
Text("Turtle Rock")
.font(.title)
}
}
struct ContentView_Preview: PreviewProvider {
static var previews: some View {
ContentView()
}
}