(b)は公式のチュートリアルをSwiftUI

(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()
    }
}

 

SwiftUI教程(一)

SwiftUI教程(三)

おすすめ

転載: www.cnblogs.com/suibian1/p/11026030.html