Bingkai dan Bentuk

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

SwiftUI memiliki view bentuk: Circle, Rectangle, RoundedRectangle, dan Capsule. .fill memberi warna pada bentuk:

Circle()
    .fill(.blue)
    .frame(width: 80, height: 80)

Sebuah bentuk membesar untuk memenuhi ruang yang tersedia. .frame(width:height:) memberikan ukuran tetap dalam satuan point kepada bentuk tersebut atau view lainnya.

Frame juga bisa fleksibel. maxWidth: .infinity memungkinkan view melebar hingga memenuhi lebar yang tersedia:

Text("Continue")
    .frame(maxWidth: .infinity)
    .padding()
    .background(.blue)

Tantangan

Mudah

Gambar placeholder avatar: sebuah Circle berwarna hijau, dengan lebar 100 poin dan tinggi 100 poin.

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 PengubahBingkai dan BentukRangkuman: 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 Warna SF Symbols Rangkuman: 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