Menu
CoddyTech
START LEARNING

Rangkuman: Pembuat Lencana

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

challenge icon

Tantangan

Sedang

Buat badge PRO. Atur gaya teks dengan urutan berikut:

  1. font .caption, tebal
  2. padding 8 poin
  3. latar belakang ungu
  4. huruf putih
  5. bentuk klip Capsule

Area ungu harus mencakup padding.

Coba sendiri

import SwiftUI

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

Semua pelajaran di Pengenalan SwiftUI

1Pengenalan

Apa Itu SwiftUIMengenal file aplikasi

4Pengubah

PaddingLatar BelakangUrutan PengubahBingkai dan BentukRangkuman: Pembuat Lencana

7Lists

ForEachItem yang Dapat DiidentifikasiListMenambahkan ItemRangkuman: Daftar Belanja

10Proyek, Coddy Coffee

Gambaran ProyekLayar MinumanPelajaran proyekPilih UkuranPelajaran proyekJumlah dan TotalPelajaran proyekBuat PesananPelajaran proyek

2Menampilkan Konten

Tampilan TeksAngka dalam TeksFontWarnaSF SymbolsRangkuman: Label Harga

5State dan Tombol

TombolProperty @StateState Benar atau SalahView BersyaratUlasan: Pencatat Skor

8Navigasi

NavigationStackNavigationLinkMeneruskan DataSheet dan AlertUlasan, Panduan Tanaman

11Tantangan Akhir

Kalkulator TipDaftar TugasPermainan Benar atau Salah

3Stack dan Tata Letak

VStackHStackPerataan dan JarakSpacer dan ZStackRingkasan, Kartu Cuaca

6Input Pengguna

TextFieldToggleStepper dan SliderPickerRangkuman: Formulir Pesanan

9Berbagi Data

property @Bindingobject yang Dapat Diamatiobject EnvironmentRingkasan: Penghitung Langkah

Latihan sendiri: Playground SwiftUI