SF Symbols

Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 7 dari 50.

Apple menyediakan ribuan ikon yang disebut SF Symbols. Tampilkan salah satunya dengan Image(systemName:) dan namanya:

Image(systemName: "heart.fill")
    .font(.largeTitle)
    .foregroundStyle(.red)

Simbol berperilaku seperti teks: .font mengatur ukurannya dan .foregroundStyle mengatur warnanya. Nama yang diakhiri dengan .fill adalah versi terisi, seperti star dan star.fill.

Label menempatkan ikon dan judul berdampingan:

Label("Settings", systemImage: "gear")

Tantangan

Mudah

Ganti teks dengan Label berjudul Favorites yang menampilkan simbol star.fill.

Coba sendiri

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

Uji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Pengenalan SwiftUI

1Pengenalan

Apa Itu SwiftUI Mengenal file aplikasi

4Pengubah

Padding Latar Belakang Urutan Pengubah Bingkai dan Bentuk Rangkuman: Pembuat Lencana

7Lists

ForEach Item yang Dapat Diidentifikasi List Menambahkan Item Rangkuman: Daftar Belanja

10Proyek, Coddy Coffee

Gambaran Proyek Layar Minuman

Pilih Ukuran

Jumlah dan Total

Buat Pesanan

2Menampilkan Konten

Tampilan Teks Angka dalam Teks Font WarnaSF SymbolsRangkuman: Label Harga

5State dan Tombol

Tombol Property @State State Benar atau Salah View Bersyarat Ulasan: Pencatat Skor

8Navigasi

NavigationStack NavigationLink Meneruskan Data Sheet dan Alert Ulasan, Panduan Tanaman

11Tantangan Akhir

Kalkulator Tip Daftar Tugas Permainan Benar atau Salah

3Stack dan Tata Letak

VStack HStack Perataan dan Jarak Spacer dan ZStack Ringkasan, Kartu Cuaca

6Input Pengguna

TextField Toggle Stepper dan Slider Picker Rangkuman: Formulir Pesanan

9Berbagi Data

property @Binding object yang Dapat Diamati object Environment Ringkasan: Penghitung Langkah

Latihan sendiri: Playground SwiftUI