SwiftUI Academy · Pelajaran

Mengatur Ukuran View dengan frame

Tetapkan batasan lebar, tinggi, serta nilai minimum dan maksimum.

Pelajaran 2 dari 413 langkah

Mengatur Ukuran View dengan frame adalah pelajaran SwiftUI Academy gratis di CoddyKit. Ini adalah pelajaran 2 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 SwiftUI Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus SwiftUI Academy mencakup 4 pelajaran total.

Tampilan Menentukan Ukurannya Sendiri

Secara default, tampilan SwiftUI berukuran tepat sebesar yang dibutuhkan oleh kontennya. Saat menginginkan ukuran tertentu, gunakan pengubah frame untuk memintanya.

Lebar dan Tinggi Tetap

Pengubah frame memungkinkan Anda meminta ukuran yang tepat. Di sini, teks ditempatkan dalam kotak selebar 200 poin dan setinggi 80 poin.

Text("Card")
    .frame(width: 200, height: 80)

Hanya Lebar

Anda tidak harus mengatur kedua dimensi. Berikan hanya width, dan tinggi akan tetap alami serta menyesuaikan isi seperti biasa.

Text("Wide")
    .frame(width: 250)

Memenuhi Ruang yang Tersedia

Atur maxWidth ke infinity agar tampilan dapat melebar memenuhi seluruh ruang yang ditawarkan induknya. Ini sangat cocok untuk tombol dan baris selebar penuh.

Text("Stretch")
    .frame(maxWidth: .infinity)

Menyelaraskan di Dalam Frame

Frame yang luas akan memusatkan kontennya secara default. Argumen alignment memindahkan konten tersebut, misalnya dengan menempelkan teks ke tepi leading.

Text("Left")
    .frame(maxWidth: .infinity, alignment: .leading)

Ukuran Minimum

Gunakan minWidth atau minHeight untuk memastikan tampilan tidak pernah menyusut melewati batas minimum, meskipun kontennya sangat kecil. Ini berguna untuk area ketuk yang konsisten.

Text("OK")
    .frame(minWidth: 120)

Ukuran Maksimum

Nilai maxWidth dan maxHeight membatasi seberapa besar tampilan fleksibel dapat berkembang, sehingga tampilannya hanya melebar hingga batas yang Anda tentukan.

Text("Capped")
    .frame(maxWidth: 400)

Menggabungkan Batas Minimum dan Maksimum

Gabungkan minWidth dan maxWidth untuk membuat rentang fleksibel. Tampilan akan berkembang mengikuti induknya, tetapi tetap berada di antara batas bawah dan atas yang nyaman.

Text("Flexible")
    .frame(minWidth: 100, maxWidth: 300)

Bingkai dan Latar Belakang Bersama-sama

Bingkai menentukan area yang diisi oleh latar belakang. Tetapkan bingkai, lalu tambahkan warna, dan seluruh area yang ukurannya telah ditentukan akan diwarnai, bukan hanya teksnya.

Text("Tile")
    .frame(width: 120, height: 120)
    .background(.mint)

Bingkai Membungkus, Bukan Memotong

Bingkai mengusulkan ukuran, tetapi tidak pernah memotong konten dengan sendirinya. Jika konten lebih besar daripada bingkai, konten dapat meluber kecuali Anda juga memotongnya.

Bingkai Ditambah Ruang Dalam

Gabungkan kedua alat ini untuk tata letak yang rapi: frame menetapkan ukuran keseluruhan, sedangkan ruang dalam menambahkan jarak di sekeliling konten.

Text("Spaced")
    .padding()
    .frame(maxWidth: .infinity)

Pemeriksaan Singkat

Periksa pemahaman Anda tentang pengubah bingkai.

Jawab di pelajaran interaktif

Ringkasan

Perkembangan Anda sangat baik! Kini Anda dapat menggunakan frame untuk menetapkan ukuran yang tepat, rentang fleksibel, mengisi ruang dengan nilai tak terhingga, dan meratakan konten di dalam area.

Gratis untuk memulai

Belajar Swift dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus: 30
Pelajaran: 120

Mulai belajar gratis Lihat kursus lengkapnya

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Mengatur Ukuran View dengan frame” gratis?

Ya — teks lengkap “Mengatur Ukuran View dengan frame” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus SwiftUI Academy, upgrade ke CoddyKit PRO. Kursus SwiftUI Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Mengatur Ukuran View dengan frame”?

Tetapkan batasan lebar, tinggi, serta nilai minimum dan maksimum. Kamu berlatih SwiftUI 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 SwiftUI Academy?

Tidak diperlukan pengalaman sebelumnya. SwiftUI 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 2 dari 4.

Berapa lama pelajaran “Mengatur Ukuran View dengan 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 SwiftUI Academy ini?

Ya. Setiap pelajaran SwiftUI 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

← Kembali ke SwiftUI Academy