Menu
Coddy logo textTech

パディング

CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 14/50。

.padding()はビューの周囲、つまりそのコンテンツと周囲にあるものとの間にスペースを追加します。引数を指定しない場合は、すべての辺に標準の16ポイントの量が使用されます:

Text("Tap to start")
    .padding()

異なる量を指定するには数値を渡すか、適用する辺を指定します:

Text("A").padding(24)
Text("B").padding(.horizontal, 20)
Text("C").padding(.top)

.horizontalは前端と後端を、.verticalは上端と下端を意味します。単一の辺は.top.bottom.leading、または.trailingです。

challenge icon

チャレンジ

初心者

ボタンのテキストにもっと余裕を持たせるには、すべての辺に24ポイントのパディングを追加します。

自分で試してみよう

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

SwiftUI入門のすべてのレッスン

自分で練習してみよう: Swiftプレイグラウンド