Tugas 2: Project Compose Sederhana "Hello World!"
Tugas 2
Project Compose Sederhana "Hello World!"
Nama : Rycahaya Sri Hutomo
NRP : 5025201046
Kelas : Pemrograman Perangkat Bergerak B
Tahun : 2024
1. Unduh dan Install Android Studio
Sebelum memulai membuat project, pastikan Android Studio telah terintall di PC. Jika belum, Anda dapat melihat tutorial mendownload dan menginstall Android Studio.
2. Buka Android Studio
Untuk memulai project Compose baru, buka Android Studio.
1. Pada jendela Welcome to Android Studio, klik Start a new Android Studio project.
2. Pilih Empty Activity dari template yang tersedia. Lalu klik Next.
2. Pilih Empty Activity dari template yang tersedia. Lalu klik Next.
3. Beri nama "Basics Codelab", minimumSdkVersion minimal API level 21 (API minimum yang didukung Compose).
4. Setelah project tersinkron, buka MainActivity.kt dan periksa kodenya.
3. Memulai Compose
Fungsi Composable
Fungsi ini memungkinkan fungsi @composable lainnya terpanggil. Fungsi Greeting ditandai sebagai @composable. Fungsi ini menampilkan input yang diberikan, yaitu String. Text ialah fungsi yang tersedia di library.
4. Ubah name dari Android Menjadi Nama Diri Sendiri
Pada bagian ini, saya mengubah name dari "Android" menjadi "Ryca".
5. Menyesuaikan UI
Terapkan latar belakang dengan menggunakan MaterialTheme.colorScheme.primary, sehingga tampilan berubah menjadi seperti berikut.
Tambahkan padding ke Text di layar.
6. Menggunakan Kembali Composable
Buat composable bernama MyApp yang menyertakan greeting.
Callback pada onCreate dihapus. Ubah dengan memanggil composable MyApp.
7. Membuat Kolom dan Baris
Ubah Greeting agar menampilkan kolom dengan dua elemen.
Menambahkan loop for ke elemen Column. Batasan ukuran composable belum ditetapkan, sehingga ukurannya akan menyesuaikan teksnya.
Gunakan fillMaxWidth dan padding.
Menambahkan Tombol
8. Status dalam Compose
Mengubah Status dan Bereaksi terhadap Perubahan Status
Memperluas Item
Hasil Akhir
Source Code
Source code akhir dari project ini dapat diakses melalui github.com/rycahayash/BasicsCodeLab.
Komentar
Posting Komentar