SF Symbols
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 7/50。
Apple は SF Symbols と呼ばれる何千ものアイコンを提供しています。Image(systemName:)とその名前を使って、1つ表示します。
Image(systemName: "heart.fill")
.font(.largeTitle)
.foregroundStyle(.red)シンボルはテキストのように動作します。.fontでサイズを設定し、.foregroundStyleで色を設定します。.fillで終わる名前は塗りつぶしバージョンで、starやstar.fillなどがあります。
Label はアイコンとタイトルを横に並べます：
Label("Settings", systemImage: "gear")
チャレンジ
簡単テキストを、star.fillシンボルを表示する、タイトルがFavoritesのLabelに置き換えてください。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド