Menu
CoddyTech
START LEARNING

Ringkasan, Kartu Cuaca

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

challenge icon

Tantangan

Sedang

Buat kartu cuaca. Kartu ini berupa VStack dengan spacing: 8 yang menampilkan, dari atas ke bawah:

  1. Simbol cloud.sun.fill
  2. Teks London dengan font .title
  3. HStack dengan dua teks: H: 21 dan L: 12

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