Composable - Membuat Aplikasi Happy Birthday Sederhana
Pada pertemuan minggu ke-3 perkuliahan mata kuliah Pemrograman Perangkat Bergerak, kami membahas tentang Composable. Fungsi Composable adalah elemen dasar dalam membangun UI di Compose. Fungsi ini memiliki beberapa karakteristik penting:
- Menjelaskan bagian-bagian dari UI.
- Tidak menampilkan elemen apapun secara langsung.
- Mengambil input dan menghasilkan elemen yang akan ditampilkan di layar.
Kami diminta untuk membuat aplikasi ucapan Happy Birthday sederhana. Langkah pertama adalah membuat proyek menggunakan activity kosong. Setelah membuat proyek, langkah selanjutnya adalah mengisi kolom Name dengan Happy Birthday, memilih level API minimum 24 (Nougat) di kolom Minimum SDK, dan kemudian mengklik tombol Finish.
Selanjutnya, modifikasi file MainActivity.kt seperti di bawah ini:
Fungsi GreetingText di atas adalah sebuah composable function dalam framework Jetpack Compose, yang digunakan untuk menampilkan teks ucapan selamat ulang tahun. Fungsi ini mengambil dua parameter string: message, yang merupakan pesan utama ucapan selamat ulang tahun, dan string: from, yang menunjukkan siapa yang memberikan ucapan tersebut. Dalam fungsi ini, dua komponen Text ditempatkan dalam sebuah Column. Text pertama menampilkan pesan utama dengan ukuran font 100 sp dan garis baru (line height) sebesar 116 sp, sedangkan Text kedua menampilkan pengirim ucapan dengan ukuran font 36 sp. Dengan menggunakan Column, komponen Text tersebut akan ditampilkan secara vertikal, di mana pesan utama akan ditampilkan di atas nama pengirim.
Terakhir, kita dapat menjalankan aplikasi. Berikut adalah tampilan aplikasi pada menu preview:
Dan berikut adalah tampilan aplikasi pada perangkat Android:
Komentar
Posting Komentar