Swift Academy · Pelajaran

Asas VStack, HStack dan ZStack

Susun view secara menegak, mendatar dan mengikut kedalaman dengan jarak serta penjajaran.

Pelajaran 1 daripada 412 langkah

Asas VStack, HStack dan ZStack ialah pelajaran Swift Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Swift Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Swift Academy merangkumi sejumlah 4 pelajaran.

Selamat Datang

`VStack`, `HStack` dan `ZStack` ialah tiga bekas susun atur asas dalam SwiftUI. Memahaminya penting untuk membina sebarang antara muka.

VStack — Menegak

```swift VStack(alignment: .leading, spacing: 8) { Text("Title").font(.title) Text("Subtitle").foregroundColor(.secondary) Button("Action") {} } ```

HStack — Mengufuk

```swift HStack(spacing: 16) { Image(systemName: "star") Text("Favourite") Spacer() Text("4.9") } ```

ZStack — Kedalaman

```swift ZStack(alignment: .bottomTrailing) { Image("background") Text("Overlay") .padding() .background(Color.black.opacity(0.5)) } ```

Pilihan Penjajaran

Penjajaran VStack: `.leading`, `.center`, `.trailing` Penjajaran HStack: `.top`, `.center`, `.bottom`, `.firstTextBaseline` Penjajaran ZStack: sebarang `Alignment` yang menggabungkan mendatar+menegak

Parameter Jarak

```swift VStack(spacing: 0) { // no space between views Divider() Text("A") Divider() Text("B") } ```

Menyarang Stack

```swift VStack { HStack { Image("icon"); Text("Name") } Text("Description") } ``` Stack boleh disarang tanpa had untuk mencapai sebarang susun atur.

Ruang Pengisi

```swift HStack { Text("Left") Spacer() // pushes views to edges Text("Right") } ```

Pembahagi

```swift VStack { Text("Above") Divider() // horizontal line Text("Below") } ```

Prestasi: Group berbanding Stack

Untuk lebih daripada 10 view anak, bungkus dalam `Group` atau tukar kepada `LazyVStack` bagi mengelakkan had pepohon view: ```swift ScrollView { LazyVStack { ForEach(items) { Text($0.name) } } } ```

Semakan Ringkas

Stack manakah yang meletakkan view sepanjang paksi kedalaman (dari hadapan ke belakang)?

Jawab dalam pelajaran interaktif

Rumusan

Inti utama: • `VStack` — menegak; `HStack` — mengufuk; `ZStack` — kedalaman • Gunakan parameter `alignment:` dan `spacing:` • `Spacer()` menolak view bersebelahan ke tepi • Sarangkan Stack untuk susun atur kompleks • Gunakan `LazyVStack`/`LazyHStack` untuk senarai besar Seterusnya: LazyVGrid dan LazyHGrid.

Percuma untuk bermula

Pelajari Swift dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 122
Pelajaran: 409

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Asas VStack, HStack dan ZStack” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Swift Academy, termasuk “Asas VStack, HStack dan ZStack”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Swift Academy merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Asas VStack, HStack dan ZStack”?

Susun view secara menegak, mendatar dan mengikut kedalaman dengan jarak serta penjajaran. Anda berlatih Swift Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Swift Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Swift Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.

Berapa lamakah pelajaran “Asas VStack, HStack dan ZStack” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Swift Academy ini?

Ya. Setiap pelajaran Swift Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Swift Academy