フレームと図形
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 17/50。
SwiftUI にはシェイプビューがあります：Circle、Rectangle、RoundedRectangle、Capsule。.fill はシェイプに色を付けます：
Circle()
.fill(.blue)
.frame(width: 80, height: 80)図形は、提供された空間を埋めるように拡大します。.frame(width:height:)は、図形またはその他のビューにポイント単位の固定サイズを設定します。
フレームは柔軟にすることもできます。maxWidth: .infinityを使うと、ビューを利用可能な幅いっぱいに広げられます：
Text("Continue")
.frame(maxWidth: .infinity)
.padding()
.background(.blue)
チャレンジ
簡単アバターのプレースホルダーを描画します。緑色で塗りつぶされた、幅 100 ポイント、高さ 100 ポイントの Circle です。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド