0Pricing
Swift Academy · Pelajaran

Modifier Spacer, Padding, dan Frame

Menggunakan Spacer untuk celah fleksibel dan frame untuk menetapkan ukuran eksplisit.

Modifier Spacer, Padding, dan Frame adalah pelajaran Swift Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Swift Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Swift Academy mencakup 4 pelajaran total.

Selamat Datang

`Spacer`, `.padding()`, dan `.frame()` adalah alat utama untuk mengatur jarak dan ukuran dalam SwiftUI. Mari kuasai masing-masing.

Spacer — Ruang Fleksibel

```swift HStack { Text("Left") Spacer() // fills all available space Text("Right") } ``` `Spacer` meluas untuk mengisi ruang yang tersisa sepanjang sumbu tumpukan.

Panjang Minimum

```swift Spacer(minLength: 20) // at least 20pt even if compressed ```

Pengubah .padding()

```swift Text("Hello") .padding() // default 16pt all sides .padding(.horizontal, 24) // custom horizontal .padding(.top, 8) // custom top only ```

.padding dengan EdgeInsets

```swift Text("Hi") .padding(EdgeInsets(top:10,leading:20,bottom:10,trailing:20)) ```

Ukuran Eksplisit dengan .frame()

```swift Text("Button") .frame(width: 200, height: 44) .background(Color.blue) .foregroundColor(.white) ```

.frame(maxWidth:)

```swift Button("Full Width") {} .frame(maxWidth: .infinity) .padding() .background(Color.accentColor) ```

.frame(alignment:)

```swift Text("Left") .frame(width: 200, alignment: .leading) .border(Color.gray) // Text aligns left within the 200pt wide frame ```

fixedSize

```swift Text("Long text that should not wrap") .fixedSize() // prevents truncation / wrapping ```

Menggabungkan Spacer dan .frame()

```swift VStack { Spacer() Text("Bottom") .frame(maxWidth: .infinity) .padding() } ```

Pemeriksaan Singkat

Apa yang dilakukan `Spacer()` di dalam `HStack`?

Ringkasan

Poin penting: • `Spacer()` mengisi ruang yang tersedia; gunakan `Spacer(minLength:)` untuk celah minimum • `.padding()` menambahkan inset; tentukan tepi dan ukurannya untuk ketepatan • `.frame(width:height:)` menetapkan ukuran tetap • `.frame(maxWidth: .infinity)` meluas untuk mengisi ruang • `.fixedSize()` mencegah pemotongan teks Berikutnya: GeometryReader.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Modifier Spacer, Padding, dan Frame” gratis?

Ya — teks lengkap “Modifier Spacer, Padding, dan Frame” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Swift Academy, upgrade ke CoddyKit PRO. Kursus Swift Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Modifier Spacer, Padding, dan Frame”?

Menggunakan Spacer untuk celah fleksibel dan frame untuk menetapkan ukuran eksplisit. Kamu berlatih Swift Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Swift Academy?

Tidak diperlukan pengalaman sebelumnya. Swift Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.

Berapa lama pelajaran “Modifier Spacer, Padding, dan Frame” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Swift Academy ini?

Ya. Setiap pelajaran Swift Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Dasar-Dasar VStack, HStack, dan ZStack
  2. LazyVGrid dan LazyHGrid
  3. Modifier Spacer, Padding, dan Frame
  4. GeometryReader untuk Tata Letak Adaptif
← Kembali ke Swift Academy