前回、SwiftUIのオブジェクトの編集をはじめることができました。ここからはオブジェクトにいろいろな性格を持たせて見た目を変えていきましょう。今回は padding です。オブジェクトに余白を持たせます。

  • ContentViewを開く
  • Text( “こんにちわ” )に.padding()を追加して余白をつくる
    • .padding() は幅や方向を指定することも可能
      • .padding( 50.0 ) : 上下左右に50.0ptの余白
      • .padding( .top, 80.0 ) : 上に80.0ptの余白

コード

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "globe")
            .imageScale(.large)
            .foregroundColor(.accentColor)
            
            Text( "こんにちわ" )
            .padding()
        }
    }
}

結果

swiftui_1_1_3_1.png