Jetpack Compose Academy · Pelajaran

Melakar Reka Letak Kad Profil

Rancang struktur sebelum menulis kod.

Pelajaran 1 daripada 413 langkah

Melakar Reka Letak Kad Profil ialah pelajaran Jetpack Compose Academy percuma di CoddyKit. Ini ialah pelajaran 1 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 Jetpack Compose Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Jetpack Compose Academy merangkumi sejumlah 4 pelajaran.

Mengapa Melakar Dahulu

Sebelum menulis satu baris pun, bayangkan skrin tersebut. Lakaran ringkas menukar idea yang kabur menjadi pelan jelas yang boleh anda bina dengan yakin. 📝

Kandungan Kad Profil

Kad profil anda memaparkan beberapa perkara penting: avatar, nama, biografi ringkas, beberapa statistik dan butang ikuti. Senarai itu ialah inventori kandungan anda.

Fikirkan dalam Bentuk Kotak

Compose menyusun perkara sebagai kotak bersarang. Setiap kandungan berada dalam kawasannya sendiri, dan kawasan tersebut bersarang di dalam kawasan yang lebih besar. Mulakan dengan melukis kotak itu.

Aliran dari Atas ke Bawah

Kebanyakan kad dibaca secara menegak: avatar di atas, nama di bawahnya dan biografi selepas itu. Lajur menyusun anak dari atas ke bawah, jadi ia akan menjadi bekas luar anda.

Lakar Lajur Luaran

Keseluruhan kad berada di dalam satu Lajur. Semua yang anda tambahkan menjadi anaknya mengikut susunan penulisan anda.

Column {
    // avatar
    // name
    // bio
    // stats row
    // follow button
}

Statistik Bersebelahan

Baris statistik memaparkan kiraan bersebelahan, bukan bertindan. Apa-apa yang diletakkan secara mendatar hendaklah berada dalam Baris yang bersarang di dalam Lajur anda.

Rancang Baris Statistik

Lakar satu Baris yang mengandungi tiga blok kecil: siaran, pengikut dan mengikuti. Setiap blok ialah bahagian kecil kad yang tersendiri.

Row {
    // posts
    // followers
    // following
}

Kedudukan Butang

Butang ikuti ialah item terakhir, merentangi keseluruhan lebar di bahagian bawah. Dalam lakaran anda, ia berada sebagai anak terakhir bagi Lajur luaran.

Namakan Bahagian

Berikan nama kepada setiap kawasan: pengepala, biografi, statistik dan tindakan. Menamakan bahagian sekarang menjadikan penukaran lakaran kepada Composables hampir automatik kemudian. ✨

Jarak dan Ruang Lapang

Lakaran yang baik turut menandakan jarak. Catat tempat anda mahu menambah ruang dalam kad dan jarak antara bahagian supaya kad tidak terasa sempit.

Daripada Lakaran kepada Pepohon

Lakaran anda dipetakan terus kepada pepohon Composable: Lajur luaran, diikuti pengepala, biografi, Baris statistik dan butang sebagai anak mengikut susunan.

Semakan Pantas

Bekas manakah yang paling sesuai untuk item yang perlu diletakkan bersebelahan?

Imbas Kembali: Anda Sudah Mempunyai Pelan

Anda telah melakar kad sebagai kotak bersarang: Lajur luaran dengan pengepala, biografi, Baris statistik dan butang ikuti. Seterusnya anda akan menukar pelan itu menjadi Composables sebenar.

Percuma untuk bermula

Pelajari Kotlin 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

Soalan Lazim

Adakah pelajaran “Melakar Reka Letak Kad Profil” percuma?

Ya — teks penuh “Melakar Reka Letak Kad Profil” 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 Jetpack Compose Academy, tingkat taraf kepada CoddyKit PRO. Kursus Jetpack Compose Academy merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Melakar Reka Letak Kad Profil”?

Rancang struktur sebelum menulis kod. Anda berlatih Jetpack Compose 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 Jetpack Compose Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Jetpack Compose 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 “Melakar Reka Letak Kad Profil” 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 Jetpack Compose Academy ini?

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

  1. Melakar Reka Letak Kad Profil
  2. Bahagian Avatar, Nama & Bio
  3. Baris Statistik & Butang Ikut
  4. Mengekstrak Composable Boleh Guna Semula
← Kembali ke Jetpack Compose Academy