SwiftUI Academy · Pelajaran

Panduan Penjajaran Tersuai

Jajarkan paparan merentas hierarki dengan tepat.

Pelajaran 2 daripada 413 langkah

Panduan Penjajaran Tersuai ialah pelajaran SwiftUI Academy percuma di CoddyKit. Ini ialah pelajaran 2 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran SwiftUI Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus SwiftUI Academy merangkumi sejumlah 4 pelajaran.

Menyelaraskan Elemen

Tindanan menjajarkan anak menggunakan tepi atau pusat yang sama. Panduan penjajaran membolehkan Anda memperhalus dengan tepat tempat garisan itu berada. 📏

Penjajaran Terbina Dalam

HStack menerima penjajaran menegak seperti .top atau .center, manakala VStack menerima penjajaran mengufuk.

HStack(alignment: .top) {
    Text("A")
    Text("Big")
}

Pengubah alignmentGuide

Pengubah alignmentGuide mengatasi tempat satu paparan mendedahkan penjajaran tertentu kepada induknya.

Text("Hi")
    .alignmentGuide(.top) { d in d[.bottom] }

Membaca Dimensi

Penutupan itu menerima nilai ViewDimensions, yang membolehkan Anda membaca d.width, d.height atau mana-mana panduan bernama.

Text("Hi").alignmentGuide(.leading) { d in
    d.width / 2
}

Mengalihkan Panduan

Memulangkan nombor yang berbeza mengalihkan paparan berbanding paparan setara, kerana induk menjajarkan semua paparan berdasarkan nilai yang dipulangkan itu.

ID Penjajaran Tersuai

Untuk penggunaan semula, takrifkan jenis yang mematuhi AlignmentID dengan defaultValue untuk kes yang tidak dijajarkan.

struct MidBadge: AlignmentID {
    static func defaultValue(in d: ViewDimensions) -> CGFloat {
        d[.bottom]
    }
}

Namakan pada Penjajaran

Luaskan VerticalAlignment atau HorizontalAlignment dengan sifat statik yang dipautkan kepada AlignmentID Anda.

extension VerticalAlignment {
    static let midBadge = VerticalAlignment(MidBadge.self)
}

Gunakan Garisan Tersuai

Hantarkan alignment bernama Anda kepada tindanan, kemudian tandakan paparan yang sepatutnya melekat pada garisan tersuai itu.

HStack(alignment: .midBadge) {
    Avatar()
    Label()
}

Tandakan Peserta

Setiap paparan yang sepatutnya berkongsi garisan menetapkan alignmentGuide untuk penjajaran tersuai Anda kepada titik yang ingin dipadankan.

Label()
    .alignmentGuide(.midBadge) { d in
        d[VerticalAlignment.center]
    }

Kuasa Merentas Hierarki

Panduan tersuai amat berguna apabila paparan berada dalam bekas berbeza tetapi masih perlu dijajarkan, seperti kapsyen dengan pusat ikon merentasi lajur. ✨

Perhatikan Nilai Lalai

Mana-mana paparan yang tidak menetapkan panduan tersuai Anda akan kembali kepada defaultValuenya, jadi pilih nilai lalai itu dengan teliti.

Semakan Pantas

Ingat semula perkara yang diterima oleh penutupan alignmentGuide.

Jawab dalam pelajaran interaktif

Imbas Kembali

Kini Anda boleh mengatasi penjajaran dengan alignmentGuide dan mentakrifkan jenis AlignmentID tersuai untuk menjajarkan paparan merentasi hierarki. 🎉

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: 30
Pelajaran: 120

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Panduan Penjajaran Tersuai” percuma?

Ya — teks penuh “Panduan Penjajaran Tersuai” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus SwiftUI Academy, tingkat taraf kepada CoddyKit PRO. Kursus SwiftUI Academy merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Panduan Penjajaran Tersuai”?

Jajarkan paparan merentas hierarki dengan tepat. Anda berlatih SwiftUI 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 SwiftUI Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran SwiftUI 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 2 daripada 4.

Berapa lamakah pelajaran “Panduan Penjajaran Tersuai” 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 SwiftUI Academy ini?

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